CHS Web Site Boxes Design

CHS Web Site CSS Code Box Design

CHS Commented Code

Details

• Goal
  • Understand how to build a web page with numerous columns, positioning, padding, margins, comments, separate CSS files, and more!
• Product
  • A web page with columns with commented code
• Tools
  • Review Head First HTML and CSS Textbook – Chapter 12
    • Page 571 quiz on positioning and dimensions
  • Review the box model
  • The Noodle Incident
  • W3schools.com
    • CSS Examples
  • Adobe Dreamweaver (Free 30 day trial)
  • Kompozer (Free)
• Resources
  • Review commenting code
    • HTML
    • CSS
  • Review the three ways to use CSS in an HTML document
  • BASIC: Download the zipped copy of the Three Column Web Page within the folder
    • Three_Column_Web_Page (zip)
  • ADVANCED: Download chapter 12 files from the Head First Series HTML and CSS Book