Friday, March 26, 2010

Tuesday, February 16, 2010

NASA Exploration

The BLIINK contest is a contest that students from web mastering classes in Texas will compete to try and create the best website for a page in NASA.

Each winning team member for Mission 1 and 2 receives a Zune® HD 16 GB Video MP3 Player personal media player (Estimated Retail Value $219.99) and $250 cash**. The NASA-Johnson Space Center in Houston, Texas, will host the winning teams to honor their accomplishments and contributions.

The client is NASA for my teams website, NASA is also the audience and customer for the webpage.

Prototypes

1) Why would anyone be interested in viewing the Web site that your team is developing?
A) Because it will be interesting.

2) Who are the possible customers for the site?
A) The NASA people choosing the websites.

3) How many pages are going to be necessary to complete the Web site your client wants?
A) At least five minimum of four.

4) Based on the number of pages, what sort of navigational structure would work well for the site?
A) A navigation bar in the top below the header going horizantaly.

5) How can this design be shown using a site map and storyboard?
A) I do not know what those two things are.

____________________________

-Mission that you are working on:
Mission 2: The International Space Station needs you! There’s a career for every interest, talent, and passion on the ISS.

-Header for the Homepage of your NASA website
Mission 2: The ISS

-Header for each additional page of the website
Mission 2: The ISS

-Title for each page: Mission 2: The ISS

filename (include file ending): index.html

-Title for each page: Mission 2: The ISS

filename (include file ending): careers.html

-Title for each page: Mission 2: The ISS

The filename (include file ending): professionals.html

-Title for each page: Mission 2: The ISS

filename (include file ending): preparing.html

-Title for each page: Mission 2: The ISS

filename (include file ending): credits.html

___________________________________

A dynamic web template is:

A)

Questions:

A) What is the file ending? .dwt

B) Are you using a banner? Yes

C) Navigation? Yes

D) Content? Almost done

Monday, February 8, 2010

Heavy Metal

This tutorial will teach you the basics of Microsoft Expression Web and will help guide you to creating a creative dynamic web site.

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

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

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

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

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

Two similarities and two difference between Expression Web and Dreamweaver:
Similarities:
1) Both have a split veiw for code and design.
2) Both create and edit web sites.

Differences:
1) Expression Web has a different feel than Dreamweaver.
2) Dreamweaver is easier to handle.

Q) Did you have any challenges using Expression Web?
A) No I did not.

Thursday, January 14, 2010

Flash Basics

Questions:
1) What type of file can be modified in Flash CS3? (just list the file ending)
A) .fla

2) What is the national standard for American television video broadcast?
A) NTSC

3) What part of the Flash interface displays the movie you are working on?
A)stage

4) You need to turn these on BEFORE you can use guides.
A)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?
A) the work area

6) What is the magnetic pull of objects to a grid? (this grid can be turned on/off)
A)The objects snap to the grid set up by Flash.

7) What is the default frame rate for Web playback in Flash CS3?
A)12

8) What is exporting your final Flash CS3 file called?
A)The final file type is SWF.

9) Designing for the Web is normally measured in what unit of measure?
A)The web is measured in pixels.

10) What are palettes in Flash CS3 called?
A)Flash uses panels instead of palettes.

Tuesday, January 5, 2010

Hocus-Focus



Differences:
1:Kid on right's shirt
2:Bus sign post
3:Tree's poster
4:Antenna on car
5:Kid on lefts hat
6:Dog is farther from kid on left


Differences:
1. kids hat
2. plant
3. wife's shirt sleeve tip is striped in the bottom picture
4. lantern in doorway
5. wife's collor is smaller in top picture
6. Glasses in dad's hand in top picture and not in bottom.



____

Questions:

1. How would this activity help you as an HTML programmer?
A. Spot differences between things.

2. How many differences did you discover?
A. 6 out of 6.

3. Do you see these differences once they were pointed out to you?
A. Didn't need to since I found all. But maybe if I didn't.

4. Discuss what you can do to write better code in the future.
A. Practice and pay attention!

Monday, December 7, 2009

What I learned from a Guest Speaker

A guest speaker from the Art Institute of Houston came to my class on Dec. 4. I have payed attention to only four ideas though.

1. There is a culinary program which I find interesting because I like to cook.

2.There is a media arts program for sounds and videos which is pretty neat.

3.There is a Fashion program which doesn't in the least bit interest me.

4. And there is a Design program in which design school graduates add imagination and aesthetics to our world.