Westwood GD241

Eve Fisher, Instructor, efisher@westwood.edu

GD241 Web Page Design - Syllabus

Week 1 Lecture-XHTML, Build an HTML page
Class Assignments: Pick one site from the locations listed below. Review the site in terms of design, fonts, layout, navigation and content (including text, images and animation). What do you like or dislike about the site? Be specific and use examples from the site. Write 2-3 paragraphs and be prepared to discuss with the class.
Reading Assignments:
- Web Graphics: Chapters 9
- Dreamweaver: Chapters 1, 12
- HTML basics and tag definitions - http://www.w3schools.com/html/DEFAULT.asp

Class Assignments: Create a 5 page site
Site Critique:
- http://www.audiusa.com
- Sample Site Critique
Project Assignments - Gather content (text and images) for the five page personal/portfolio site.
- Pages for site - Home, About, Interests/Resume, Goals/Portfolio, Contact

Lecture: Navigation, Templates
Reading Assignments:
- Web Graphics: Chapters 7
- Dreamweaver: Chapters 4 ,5 ,7
KGA #1:
- Site Map
- Site design mock-up created in graphic design program
- Content (images and text) for site pages
Site Critique: http://www.apple.com
Quiz: Designing the Web Site Layout

Lecture: Colors & Typography on the Web, Cooper Black movie, Dreamweaver Type and CSS
Reading Assignments:
- Web Graphics: Chapter 2
- Dreamweaver: 7, 8
KGA #1 :
- Create index page in Dreamweaver with roll-over navigational buttons & CSS
- Create 5-page formatted site
- Register for low cost/free hosting for your web sites (Tripod, GoDaddy)
- Put site live (FTP files to hosting company)
- Test site on server before presenting to class
Site Critique: http://www.target.com
Quiz: Navigation
Group 1 Presentation: Web 2.0 sites - 3 page paper, 5 or more slides presentation

Lecture: Expanding and Refining the Web Design Concept, Introduction to CSS Layouts
Reading Assignments:
- Web Style Guide: http://www.webstyleguide.com/site/index.html
- Web Graphics: Chapter 8
- Dreamweaver: Chapters 11, 13, 14, 18
Project Assignments:
- KGA #2: Proposal for 10-page site* & site map
- Oral Presentation Grading Rubric
- Peer Feedback Rubric
- Sample Style Guide
- Written Report Rubric
- * Proposal must be approved by instructor before starting project
Site Critique: http://www.thesmokinggun.com/
Quiz: Usability

Lecture: Accessibility, Personal vs. Client Focused Sites
Reading Assignments:
- Web Graphics: Chapter 8
- Forms Lecture
- Branding Article
Project Assignments:
- 3 mockups of site design- presented to class for feedback, 1 final design
- Content (including images)
Site Critique: http://www.lonelyplanet.com
Quiz: Expanding and Refining the Web Design Concept
Group 2 Presentation: Usability & Accessibility - 3 page paper, 5 or more slides presentation

Lecture: Cascading Style Sheets (CSS)
Reading Assignments Due:
- Web Graphics: Chapter 23
- Dreamweaver: Chapers 6, 12
- CSS Tutorial - http://www.w3schools.com/css/
- Two Column CSS site tutorial - http://www.digitalfamily.com/dreamweaver/css-two-columns.html
Project Assignments Due:
- KGA #2: Index page with link to external CSS
- Continue working on ten-page Web site
Site Critique: http://www.jvmediadesign.com
Quiz: Accessibility & Branding

Lecture: Working with clients (project management), Search Engine Optimization
Project Assignment: Key Graded Assignment #2
- Complete site and put site live
- Peer review critiques & test site online
- Presentation of site to class
Quiz: Assembling Web Design Components

Project Management Resources

Validation Resources