Build Your Own
Web Site The Right Way
Using HTML And CSS
3rd Edition

Chapter 5 - Picture This! Using Images on your Website

• Example pages
  1. No image
  2. Bad alt text
  3. Background images with CSS
  4. Transparency (GIF vs JPG vs PNG)
• Project Website (bubbleunder.com) files
  • Developing the home page
    1. Gallery link added to navigation
       • Home page
       • About page
       • Contact page
       • Gallery page
    2. Gallery page - first image
    3. Gallery page - Polaroid effect
    4. Gallery page - with unstyled caption
    5. Gallery page - with styled caption
    6. Gallery page - alternate styled caption
    7. Gallery page - with custom divider
    8. Gallery page - all photos added
    9. About page - background image for navigation
    10. About page - background image for tag line
    11. About page - background image for h1 heading
  • Final version
    • Home page
    • About Us
    • Contact Us