NASA Space Exploration

One of the two "missions" required for the Microsoft BLIINK contest is building a Web site that communicates your vision of the future by designing a Web Site for NASA that can inspire other students to reach for the stars by becoming certified flight controllers. The second mission is to communicate how the International Space Station (ISS) benefits all people.



Why would anyone be interested in viewing the Web site that your team is developing? To see why the space program is so intesting
Who are the possible customers for the site? Teens between the ages 13-19
How many pages are going to be necessary to complete the Web site your client wants? Atleast
5.
Based on the number of pages, what sort of navigational structure would work well for the site? Making a template a linking all the five web pages excluding index to it. Like using buttons
How can this design be shown using a site map and storyboard? puting the idex first and wring down what each web page is going to have Mission that you are working on Mission 2 Header for the Homepage of your NASA website Title for the homepage The Advancement The index.html (filename for the homepage) Header for each additional page of the website _____________________________________ Title for each page ____________________________________ filename (include file ending)__________________________ Header for each additional page of the website _____________________________________ Title for each page ____________________________________ filename (include file ending)__________________________


What is a Dynmic Web Template?
its a template to use to make a web page

What is the file ending?
.dwt

are you using a banner?
no

Heavy Metal

The goals of this tutortial are to teach you the basics of using Microsoft Expreesion Web and guide you in building creative, dynamic Web sites from scatch with the design tools that IT professionals use.


Exercise 1: Creating a New Web site
xTask 1 is complete. (pg. 6) time__________ date_________
Task 2 is complete. ((pg. 9) time__________ date_________

Exercise 2: Creating Page Layouts with Layers
Task 1 is complete. (pg. 12) time__________ date_________
Task 2 is complete. (pg. 14) time__________ date_________
Task 3 is complete. (pg.17) time__________ date_________
Task 4 is complete. (pg. 22) time__________ date_________

Exercise 3: Styling Your Web site Using CSS
Task 1 is complete. (pg. 24) time__________ date_________
Task 2 is complete. (pg. 25) time__________ date_________
Task 3 is complete. (pg. 30) time__________ date_________
Task 4 is complete. ((pg. 32) time__________ date_________

Exercise 4: Creating More Pages
Task 1 is complete. (pg. 36) time__________ date_________
Task 2 is complete. (pg. 44) time__________ date_________
Task 3 is complete. (pg. 45) time__________ date_________
Task 4 is complete. (pg. 49) time__________ date_________

Exercise 5: Adding Navigation Controls to your Site
Task 1 is complete. (pg. 51) time__________ date_________
Task 2 is complete. (pg. 54) time__________ date_________
Task 3 is complete. (pg. 60) time__________ date_________

Flash CS3

What type of file can be modified in Flash CS3? (just list the file ending)

What is the national standard for American television video broadcast?

What part of the Flash interface displays the movie you are working on?
You need to turn these on BEFORE you can use guides.
What is the gray area surrounding the Stage in Flash CS3?
What is the magnetic pull of objects to a grid? (this grid can be turned on/off)
What is the default frame rate for Web playback in Flash CS3?
What is exporting your final Flash CS3 file called?
Designing for the Web is normally measured in what unit of measure?
What are palettes in Flash CS3 called?

Dremeweaver Notes

Hocus-Focus

1.Hat

2. Man's hand

3.Plant

4.Woman's shirt

5.Lamp

6.

How would this activity help you as an HTML programmer?

It helped me see the difference in small details

How many differences did you discover?

five

Do you see these differences once they were pointed out to you?

Yes

Discuss what you can do to write better code in the future.

PSace things out so it will be easier to see

1. Boys hat

2.Sign on tree

3.Dog eye

4.Bus sign

5.Car thing

6.Boys shirt

How would this activity help you as an HTML programmer?

Help us see little things in that can be wrong

How many differences did you discover?

6

Do you see these differences once they were pointed out to you?

yes

Freak (not done)

Animals call me weird, different, Humans try to hurt me, but I am just me. Part tiger. Part human. I’m so different. I understand when they, tigers and humans, talk to me. I understand every species. People call me freak, but I not a freak. I’m just different. Many times my halves try to hurt me. When I was seven, the people that I that I thought were close to me and my family tried to exterminate us because we were all “freaks”. But my parents were different kind of “freaks”. They can change in to what animal they want to be. But that one time, when those things happen to them, they couldn’t control it. That’s when people discover who they really were. And everything changed.


My parents want to be “normal”. They pretended to be like humans. I was very little then. I always wanted to leave the house we lived in but they wouldn’t let me leave for my protection. I never understood why they said that. Then one day I looked out the window and saw them running. People cops were running after then. Shooting at them and I didn’t know why. They changed them selves in to cheetahs so they could run faster and ran in to the house. I hid under my bed hoping everything will be over. I can't remember what happen after that. I'm was alone, hiding in the forest. I wanted was to be with my parents again. I still want to know what is wrong with me. Where are my parents? What happen to my parents? What the heck is going on right now?!

Now I know how to change mysef to any animal for a short amount of time. I can't live with the humans yet. I still live in the forest with my new family but (not done)

Emerging Technologies

In a relatively short period of time, our world has changed dramatically because of the creation in 1969 of a small computer network known as ARPANET.
Web sites have evolved over time. First generation sites were static—no interactivity. They included basic structures. Second generation sites included intuitive, user-friendly navigation systems, focused on the content, and animation—blinking text, moving banners, animated images, etc. Since businesses were now online, there was much more interaction than with first generation sites. Third generation sites addressed their audiences based on their objectives, which drove the design and structure. Splash pages were popular, as was the use of cascading style sheets, portals, and forms. These sites focused on content and were easily navigated. Fourth generation sites are participatory and highly interactive. They provide richer experiences for their users. Site designers take full advantage of the new tools of Web 2.0. They frequently include wikis, blogs, podcasts, webcasts, and Web services. Standards are being developed for mobile users of the Web to make their online experience productive and efficient.
E-commerce has exploded because of the popularity of the World Wide Web and the new technologies that have been developed. An example of a new technology the we are using in our classroom is using a BLOG to form journal entries.