Dino class blog

P1 - Intro to Web Design

Daily Journal
Most people say this Fedex ad was the most clever.

1. why do you think the Fedex ad was popular? Explain.

Classwork

Complete your own city/town website in Dreamweaver8.

• Your entire site is due at end of period
• copy your entire site folder (make sure your name is on folder) into drop box for IntermedWebdesign
• test your site in a browser!
  

Follow the specs below on the requirements you need for each page.

* see town website design specs here
*for help, use the handout we used in the Half Moon Bay practice site or Atomic Learning
* if you finish early, put a song (from Garageband) to your home page

Remember:
-spell check and preview your pages
-test your site!

Next Assignment - Create a Photo Album

• Create a photo album of 10 of your favorite things
• think of activities, food, cars, sports, people (keep it clean!)
• Details:
• create and define a new site in Dreamweaver (make sure you create a new folder in Finder)
• photo album must have two pages:
• index.html - this describes your photo album with a paragraph describing your photos in the album
• photos.html - your photo album with 10 of your favorite things
• note: you must save photos first to your images folder in the site folder
• create a link/button between both pages
• Resources - instructions on how to create a photo album
  

Resources:
Video Learning
* www.atomiclearning.com; username: (aacte06; password: atomic)
-view the tutorials on Dreamweaver MX 2004 - Intro and Advanced

P3 - Advanced Web Design2

Daily Journal

Most people say this Fedex ad was the most clever.

1. why do you think the Fedex ad was popular? Explain.

Classwork

Review North High Website design - check for errors.

Continue your individual work on the North High Website re-design.

Good School Websites:

• Dearborn Public Schools
• Polyhigh, CA
• Grenada Hills Charter

P5 - Advanced Web Design2

Daily Journal
Most people say this Fedex ad was the most clever.

1. why do you think the Fedex ad was popular? Explain.

Classwork

North High Website Re-design

• turn in your fireworks page today - name: student_name.png; drop box: advwebdesign2
  
• your navigation should have the menus shown here on this trial design for North High website
• use nagivation and pop-up menus shown on board (if you forgot how to slice, see atomic learning site below in resources)
  
• see existing school sites for inspiration

Export Your Fireworks Design into Dreamweaver

• build out your site in Dreamweaver
• create a template in Dreamweaver
  

North High Website Translation

• we need to translate the new North High site
• see example translator at Camden
  
• see if you can add this feature to your site (some research required)
  

Flash Banner Design for North High Website

• banner dimensions:160 x 600 (see example here)
  
• department/subject banners (math, English, magnet, art, etc.)
• see existing magnet flash banners here
  

Resources

• www.atomiclearning.com; username: aacte06; password: atomic)
• FireworksMX 2004 lesson on creating a slice
• lesson on adding pop-up menus in Fireworks8: click here
  

Color Guides

• Web Color Gallery-pick a color set from this page
• Color Palette Guide - pick similar colors from this site