Web Design: AD550
COURSE DOCUMENTS | SYLLABUS PG01 | Syllabus pg02
WEEK TOPICS
Week 1:
- Introduction to the course, course materials; tour of online resource.
- Brief introduction to the history of the Web and current Web Standards
- STRUCTURE (XHTML) vs. PRESENTATION (CSS)
- Creating a Web Page following the Basic Rules and Syntax of XHTML.
Week 2:
- The importance of Structure and Meaning in XHTML (Semantic Markup)
- Understanding the Document Tree
- Structure: More XHTML elements
Week 3:
- Site Structure, Information Architecture
- Using Dreamweaver for Site Organization and Publishing your site
- Understanding path structure
- Structure: More XHTML elements
Week 4:
- Basic Page Design Principles, Interface and Navigation Design and Accessibility.
- Modifying Dreamweaver for Standards Compliance and Accessibility.
- Review XHTML elements
Week 5:
- Presentation: Introduction to CSS Cascading Style Sheets
- Element selectors and Pseudo-classes
- Understanding The Box Model
Week 6:
- Overview: Creating and Optimizing Graphics for for the web
- Presentation: Adding CSS background images and custom bullets
- Layout: CSS-P (floats)
Week 7:
- Layout: Positioning CSS-P (#div and id selectors)
- Understanding the Cascade and Inheritance
Week 8:
- Midterm project presentations
- Presentation: CSS class and contextual selectors
- Review all CSS
Week 9:
- Building a Mock-up in Photoshop
- Slicing and Optimizing Graphics for use in CSS
Week 10:
- Building a Mock-up in Photoshop (continued)
- Slicing and Optimizing Graphics for use in CSS (continued)
Week 11:
- Validation, Cross-Browser Compatibility and Accessibility
- The Problem with Modern Browsers and Web Standards: workarounds and fixes
- Review and Project Work in Class
Week 12:
- Creating a form using XHTML and a PHP script
- Review and Project Work in Class
Week 13:
- Building and styling Tables for data
- Review and Project Work in Class
Week 14:
- Review and Project Work in Class
Week 15:
- Final Critique