Beginning Your Project and Making Web Graphics
  • Course Introduction
  • Tools you need of this course
  • Introduction to HTML and CSS
  • Creating your project root
  • Examining the design composition
  • Slicing and optimizing the banner graphics
  • Optimizing the template and content graphics
Creating HTML and CSS for Web Layout
  • Adding the starter files to your project
  • Linking CSS files to an HTML file
  • Adding tags to the head area of the HTML file
  • Creating the main content containers
  • Adding promo containers and adding navigation links
  • Adding content to the containers
  • Style the background and page container
  • Adding typographic styles
  • Creating compound CSS rules
  • Creating CSS rules for layout
  • Setting CSS rules to floating promo containers
Working with CSS Media Queries
  • Adding a CSS rule within an inline CS3 media query
  • Adding CSS rules for medium screen sizes
  • Adding CSS rules for small screen sizes
  • Styling the navigation for small screens
Getting Started (Original Course)
  • Introduction
  • Review the Project Files
  • Project Files
Optimizing Your Web Graphics (Original Course)
  • Slicing and Optimizing Graphics
Adding HTML for Structure and Content (Original Course)
  • Creating Content Containers
  • Adding Sample Content
Creating CSS Rules for All Screens (Original Course)
  • Creating CSS Files
  • CSS for Styling Text
  • CSS for Layout
Creating CSS Rules for Mobile Screens (Original Course)
  • CSS for Medium Screens
  • CSS for Small Screens