Organizing your Site - Week 2
Lecture/Demo:
- Presentation on Information Architecture: Organizing your Site
- Presentation of the Four Basic Design Principles for screen design and good and bad websites. Take a look at bad designs at http://www.webpagesthatsuck.com. We will review the CSS Zen Garden for good use of design principles.
- Cascading Style Sheets Continued
- Overview of Site Structure
- XHTML Document
- Doc Type Strict
- Creating and Styling Nav Bars with Unordered Lists
- Background Images
- CSS Document
- CSS Shortcuts
- Group rules
- Block Style elements
- Styling navigation Bars and Links iwth CSS
- CSS Selectors - Tags, Class, ID and Compound
- Floats and clearing floats
Lab:
- Practice Creating your IA Diagram based on your Storyboards and Content for your website.
- Story Board and Blue Prints - Chapter 1 in Head First Web Design at www.safaribooksonline.com.
Homework:
- Read Chapter 3 on Organizing your Site - (pages 69-107) in Head First Web Design book
- Determine your IA Diagram for your website. Remember, this is the hierarchical relationship between the sections and subsections, not the links.