Video Downloads
Learn how to create CSS based layouts, lists, and navigation using Dreamweaver CS5.
Once you understand the basic CSS concepts, the next step is to learn how to apply CSS to build a web page. This is the course for you.
- Learn Fixed and Liquid based CSS layouts.
- Learn how to style lists
- Learn how to create and style vertical and horizontal navigation
- This CSS course uses Adobe's Dreamweaver CS5 - but you don't need to use Dreamweaver to take advantage of this course. Any simple text editor would be adequate.
- Hands on practical training.
- 3 hrs of training broken down into 22 easy to follow videos.
- Videos play on PC, MAC and even modern flat panel TV's!
CSS Layouts: Sample Video Tutorials
Course Contents:
Total running time: approx. 1h31m
Total file size: 801.2MB
CSS Layouts
- Intro (2:15)
- Fixed Pixel Layout Explained (10:05)
- Universal Selector (10:29)
- Centering the Container Div (14:37)
- The Header Div (4:21)
- Sidebar 1 Div (4:40)
- The Main Content Div (3:18)
- Sidebar 2 Div (4:45)
- Adding Content and Layout Fixes (5:13)
- The Footer Div (5:37)
- Margins and Padding (11:27)
- Liquid Layouts Intro (4:14)
- Liquid Layouts (10:40)
- CSS Layout Project Files
CSS Lists and Navigation
- Introduction (1:57)
- Defining Your Site (3:43)
- Styling Lists (9:46)
- Vertical Navigation (12:53)
- Vertical Navigation with Images (14:30)
- Vertical Navigation Pixy Method (5:49)
- Vertical Navigation in Layout (18:34)
- Horizontal Navigation: Part 1 (11:23)
- Horizontal Navigation: Part 2 (9:20)
- CSS Lists and Navigation Project Files
Get Started Today!
