Friday, March 26, 2010
Thursday, February 18, 2010
Prototypes
Mission that you are working on
Mission 1
Header-Student ISS Mission Control Training
Title-Student ISS Mission Control Training
Filename-index.html
Title-Track 1-Basic ISS and NASA Training
Filename-track1.html
Title-Track 2-Mission Control Center “THOR” Flight Controller Training
Filename-track2.html
Header-ASTRO Subsystem Specialist
Title-Track 3-Mission Evaluation Room “ASTRO” Subsystem Specialist
Filename-track3.html
Header-PRO Subsystem Specialist
Title-Track 4-Payload Operations Integration “PRO” Subsystem Specialist
Filename-track4.html
Header-Media
Title-Media
Filename-media.html
Title-Credits
Filename-credits.html
Why would anyone be interested in viewing the Web site that your team is developing?
Because they might be interested in being a certified flight controller.
Who are the possible customers for the site?
Teenagers and college students, or anyone interested in a career as a certified flight controller.
How many pages are going to be necessary to complete the Web site your client wants?
6 pages.
Based on the number of pages, what sort of navigational structure would work well for the site?
A simple, but creative navigational structure.
How can this design be shown using a site map and storyboard?
By illustrating in great detail what to expect on the storyboard.
Mission 1
Header-Student ISS Mission Control Training
Title-Student ISS Mission Control Training
Filename-index.html
- Overview of what the ground teams that support the ISS do
Title-Track 1-Basic ISS and NASA Training
Filename-track1.html
- What exactly is ISS and what is it used for
- Why would you want to know about ISS
Title-Track 2-Mission Control Center “THOR” Flight Controller Training
Filename-track2.html
- What is THOR
- Employees
Header-ASTRO Subsystem Specialist
Title-Track 3-Mission Evaluation Room “ASTRO” Subsystem Specialist
Filename-track3.html
- What is ASTRO
- What is it used for
Header-PRO Subsystem Specialist
Title-Track 4-Payload Operations Integration “PRO” Subsystem Specialist
Filename-track4.html
- What is PRO
- What is it used for
Header-Media
Title-Media
Filename-media.html
- Pictures
- Videos
Title-Credits
Filename-credits.html
- Created by
Why would anyone be interested in viewing the Web site that your team is developing?
Because they might be interested in being a certified flight controller.
Who are the possible customers for the site?
Teenagers and college students, or anyone interested in a career as a certified flight controller.
How many pages are going to be necessary to complete the Web site your client wants?
6 pages.
Based on the number of pages, what sort of navigational structure would work well for the site?
A simple, but creative navigational structure.
How can this design be shown using a site map and storyboard?
By illustrating in great detail what to expect on the storyboard.
Tuesday, February 16, 2010
NASA Space Exploration
There are two missions that are required for the Microsoft Bliink Contest.
Mission 1: Design a Web Site for NASA!
Design introductory Web pages for the Student International Space Station Mission Control Training program. Inspire other students to reach for the stars by becoming certified flight controllers! (Detailed technical knowledge is not required to participate in this design contest.)
The International Space Station (ISS) is a large, inhabited satellite that more than 15 nations are building in space; it will function as an observatory, laboratory, and workshop. The ISS orbits earth at an altitude of about 250 miles
The International Space Station (ISS) is a large, inhabited satellite that more than 15 nations are building in space; it will function as an observatory, laboratory, and workshop. The ISS orbits earth at an altitude of about 250 miles
Mission 2: Communicate How the International Space Station (ISS) Benefits all People!Select one of the following 3 topics to research and create a Web site about. 1) How has the ISS contributed to innovation and advancements for the human race? 2) How has the ISS strengthened international relations? 3) What role or career on the ISS sounds exciting and rewarding to you? The ISS is a pioneering international venture between the United States and sixteen other nations; it has already produced amazing results in space travel, robotics, power systems, computer science, and dramatically expanded our knowledge of the universe we live in.
Our team is doing Misson 1.Our responsibilties as a team are:
Marlena- Photoshop, Design
Terrance- Content
Erik- Content, Sketch Artist
Monday, February 8, 2010
Heavy Metal
The goals of this tutorial are to teach you the basics of using Microsoft Expression Web and to guide you in building creative, dynamic Web sites from scratch with the design tools that IT professionals use.
Exercise 1: Creating a New Web site
xTask 1 is complete. (pg. 6) time 9:00 date 2/8
xTask 2 is complete. ((pg. 9) time 9:05 date 2/8
Exercise 2: Creating Page Layouts with Layers
xTask 1 is complete. (pg. 12) time 9:10 date 2/8
xTask 2 is complete. (pg. 14) time 9:15 date 2/8
xTask 3 is complete. (pg.17) time 9:20 date 2/8
xTask 4 is complete. (pg. 22) time 9:25 date 2/8
Exercise 3: Styling Your Web site Using CSS
xTask 1 is complete. (pg. 24) time 9:30 date 2/8
xTask 2 is complete. (pg. 25) time 9:35 date 2/8
xTask 3 is complete. (pg. 30) time 9:35 date 2/10
xTask 4 is complete. ((pg. 32) time 9:40 date 2/10
Exercise 4: Creating More Pages
xTask 1 is complete. (pg. 36) time 9:45 date 2/10
xTask 2 is complete. (pg. 44) time 9:50 date 2/10
xTask 3 is complete. (pg. 45) time 9:55 date 2/10
xTask 4 is complete. (pg. 49) time 10:00 date 2/10
Exercise 5: Adding Navigation Controls to your Site
xTask 1 is complete. (pg. 51) time 10:05 date 2/10
xTask 2 is complete. (pg. 54) time 10:10 date 2/10
xTask 3 is complete. (pg. 60) time 10:15 date 2/10
Exercise 1: Creating a New Web site
xTask 1 is complete. (pg. 6) time 9:00 date 2/8
xTask 2 is complete. ((pg. 9) time 9:05 date 2/8
Exercise 2: Creating Page Layouts with Layers
xTask 1 is complete. (pg. 12) time 9:10 date 2/8
xTask 2 is complete. (pg. 14) time 9:15 date 2/8
xTask 3 is complete. (pg.17) time 9:20 date 2/8
xTask 4 is complete. (pg. 22) time 9:25 date 2/8
Exercise 3: Styling Your Web site Using CSS
xTask 1 is complete. (pg. 24) time 9:30 date 2/8
xTask 2 is complete. (pg. 25) time 9:35 date 2/8
xTask 3 is complete. (pg. 30) time 9:35 date 2/10
xTask 4 is complete. ((pg. 32) time 9:40 date 2/10
Exercise 4: Creating More Pages
xTask 1 is complete. (pg. 36) time 9:45 date 2/10
xTask 2 is complete. (pg. 44) time 9:50 date 2/10
xTask 3 is complete. (pg. 45) time 9:55 date 2/10
xTask 4 is complete. (pg. 49) time 10:00 date 2/10
Exercise 5: Adding Navigation Controls to your Site
xTask 1 is complete. (pg. 51) time 10:05 date 2/10
xTask 2 is complete. (pg. 54) time 10:10 date 2/10
xTask 3 is complete. (pg. 60) time 10:15 date 2/10
Thursday, January 14, 2010
Flash CS3 – Concepts and Terms
1. What type of file can be modified in Flash CS3? (just list the file ending)
An FLA file is the raw editible in Flash design.
2. What is the national standard for American television video broadcast?
The US Video Standard is NTSC (National Television System Commitee).
3. What part of the Flash interface displays the movie you are working on?
The stage displays the movie you are currently working on.
4. You need to turn these on BEFORE you can use guides.
Right click on the "graphic label and select "add motion guide" from the pop-up window
5. What is the gray area surrounding the Stage in Flash CS3?
The work area surrounds the stage.
6. What is the magnetic pull of objects to a grid? (this grid can be turned on/off)
The objects snap to the grid set up by flash.
7. What is the default frame rate for Web playback in Flash CS3?
12 fps is the default framerate.
8. What is exporting your final Flash CS3 file called?
The final file type is SWF.
9. Designing for the Web is normally measured in what unit of measure?
The web is measured in pixels.
10. What are palettes in Flash CS3 called?
Flash uses panels instead of panels instead of palletes.
An FLA file is the raw editible in Flash design.
2. What is the national standard for American television video broadcast?
The US Video Standard is NTSC (National Television System Commitee).
3. What part of the Flash interface displays the movie you are working on?
The stage displays the movie you are currently working on.
4. You need to turn these on BEFORE you can use guides.
Right click on the "graphic label and select "add motion guide" from the pop-up window
5. What is the gray area surrounding the Stage in Flash CS3?
The work area surrounds the stage.
6. What is the magnetic pull of objects to a grid? (this grid can be turned on/off)
The objects snap to the grid set up by flash.
7. What is the default frame rate for Web playback in Flash CS3?
12 fps is the default framerate.
8. What is exporting your final Flash CS3 file called?
The final file type is SWF.
9. Designing for the Web is normally measured in what unit of measure?
The web is measured in pixels.
10. What are palettes in Flash CS3 called?
Flash uses panels instead of panels instead of palletes.
Thursday, January 7, 2010
Dreamweaver Notes
Setting up a Site
- A site generally consists of two parts: a collection of files on a local computer (the local site), and a location on a remote web server that you upload files to when youre ready to.
Learn about Dreamweaver sites
A. the term "site" can refer either to website or to a local storage location for the docs that belong to a website.
B. You need to establish a local storage location before building your website.
C. A Dreamweaver site organizes all of the documents associated with your website and lets you track and maintain links, manage files, share files, and transfer your site files to a web server.
D. Local folder - your working directory, usually a folder on your hard disk
E. Remote Folder - where you store your files, depending on your enviornment for testing, production, collaboration, and publication; also called remote site
F. Folder for dynamic pages (Testing Server folder) - folder where Dreamweaver processes dynamic pages; often the same folder as the remote folder
Set up your project files
1. Copy the sample site into the desired folder on your hard disk
2. This is the folder that you will use as the root folder for your site
Define a local folder
1. Choose site > new site...
2. In the Site Name text box, you enter the folder name as the name of the site
3. In the Local Root Folder text box, you will specify the folder location
Creating a New Document
1. Start by clicking on file
2. Select New...
3. Click Blank Page...
4. Click HTML...
5. Click 2 column elastic, left sidebar, header and footer
6. Under Layout CSS drop down box, select Add to Head
7. Create
8. View>Toolbars>Standard
9. Click New
Setting the Page Properties
1. Click Modify>Page Properties
2. In the Apperance category click on the Size menu...
3. Choose small
4. Click Background Color and enter a hexidecimal value (eg. #8cc63f)
5. Choose the Links category
6. Click inside the Link color text field, enter a hexidecimal value (eg. #00a0af)
7. Click inside the Rollover links text field, enter a hexidecimal value (eg. #0ec7d8)
8. Choose Headings category
9. Inside Heading 1 text field, enter 135%
10. Inside Heading 2 text field, enter 115%
11. Inside Heading 3 text field, enter 90%
12. Inside Heading 4 text field, enter 100%
13. Then enter in the colors for all the Heading values (eg. #00a0af)
14. Click ok...
15. File>Save
- A site generally consists of two parts: a collection of files on a local computer (the local site), and a location on a remote web server that you upload files to when youre ready to.
Learn about Dreamweaver sites
A. the term "site" can refer either to website or to a local storage location for the docs that belong to a website.
B. You need to establish a local storage location before building your website.
C. A Dreamweaver site organizes all of the documents associated with your website and lets you track and maintain links, manage files, share files, and transfer your site files to a web server.
D. Local folder - your working directory, usually a folder on your hard disk
E. Remote Folder - where you store your files, depending on your enviornment for testing, production, collaboration, and publication; also called remote site
F. Folder for dynamic pages (Testing Server folder) - folder where Dreamweaver processes dynamic pages; often the same folder as the remote folder
Set up your project files
1. Copy the sample site into the desired folder on your hard disk
2. This is the folder that you will use as the root folder for your site
Define a local folder
1. Choose site > new site...
2. In the Site Name text box, you enter the folder name as the name of the site
3. In the Local Root Folder text box, you will specify the folder location
Creating a New Document
1. Start by clicking on file
2. Select New...
3. Click Blank Page...
4. Click HTML...
5. Click 2 column elastic, left sidebar, header and footer
6. Under Layout CSS drop down box, select Add to Head
7. Create
8. View>Toolbars>Standard
9. Click New
Setting the Page Properties
1. Click Modify>Page Properties
2. In the Apperance category click on the Size menu...
3. Choose small
4. Click Background Color and enter a hexidecimal value (eg. #8cc63f)
5. Choose the Links category
6. Click inside the Link color text field, enter a hexidecimal value (eg. #00a0af)
7. Click inside the Rollover links text field, enter a hexidecimal value (eg. #0ec7d8)
8. Choose Headings category
9. Inside Heading 1 text field, enter 135%
10. Inside Heading 2 text field, enter 115%
11. Inside Heading 3 text field, enter 90%
12. Inside Heading 4 text field, enter 100%
13. Then enter in the colors for all the Heading values (eg. #00a0af)
14. Click ok...
15. File>Save
Tuesday, January 5, 2010
Hocus Focus
Hocus Focus 1
The differences are:
1. The pot of grass
2. The lightpost outside the house on the wall
3. The lady's shirt has zigzags
4. Little boys hat
5. The tall guy is holding something in his hand
6. The lady's collar is different
This would help me as an HTML programmer, because I could spot maybe the mistakes in the coding of a website. I discovered 6 differences. In order to write better code in the future, I should check and re-check my coding, to make sure everything is correct.
Hocus Focus 2
The differences are...
1. Something is sticking out of the car
2. There is a poster on the tree
3. There is something on the on the bus stop sign
4. The guy's hat is pointing down.
5. The dog is moved
6. The other guy's shirt is different
This would help me as an HTML programmer, because I could spot maybe the mistakes in the coding of a website. I discovered 6 differences. In order to write better code in the future, I should check and re-check my coding, to make sure everything is correct.
Subscribe to:
Posts (Atom)