Agenda
- Session 5 Review
- Refresh DC
- CSS - The Basics
- CSS Cheat Sheet
- Color Theory
- Practical Practice
Readings
- Chapter 11, 12, and 13
- Opera Web Standards Curriculum
Homework
Portfolio Re-organize
Let’s do a mini spiff up of our portfolio’s. Reorganize your portfolio using the div structure we have discussed. Include a header, navigation, content, and footer section. You may do some minimal styling, font-size, color, some borders, etc. If you feel comfortable with Photoshop or Fireworks you may continue and begin using graphics.
Article: None
No article.
Resources
HTML
- The basics of HTML
- The HTML Head Element
- Choosing the right doctype for your HTML documents
- DocType Reference on WebStandards.org
- Marking up textual content in HTML
- HTML lists
- Images in HTML
- HTML Links
- HTML Tables
- HTML Forms: the Basics
- The Information Architecture Behind Good Web Forms
- Lesser Known Semantic Elements
- Creating Multiple pages with Navigation Menus
- Validating your HTML
- Common HTML Entities Used for Typography
Design Basics
- Information Architecture
- What does a good web page need
- Color Theory
- Building a site wireframe
- Color Schemes and Design Mockups
- Typography on the Web
CSS
- Generic Containers: The Div and Span Elements
- CSS Basics
- Inheritance and Cascade
- Text Styling with CSS
- CSS Layout Model
- CSS Background Images
- Web Design 101: Backgrounds
- Styling Lists and Links
- Styling Tables
- Styling Forms
- Floats and Clearing
- Web Design 101: Floats
- CSS Static and Relative Positioning
- CSS Absolute and Fixed Positioning
- Web Design 101: Positioning