CSS Web Site Design

with:

Eric Meyer

CSS gives Web designers control over the appearance of their web sites by separating the visual presentation from the content. It lets them easily make minor changes to a site or perform a complete overhaul of the design. In CSS Web Site Design, instructor and leading industry expert Eric Meyer reviews the essentials of CSS, including selectors, the cascade, and inheritance. The training also covers how to build effective navigation, how to lay out pages, and how to work with typography, colors, backgrounds, and white space. Using a project-based approach, Eric walks through the process of creating a Web page, while teaching the essentials of CSS along the way. By the end of the training, viewers will have the tools to master professional site design. Exercise files accompany the training videos.

Released on: 9/12/2006

Closed Captioning

Closed captioning is a great resource for the hearing impaired and anyone who wants to read along with the video training. To view closed-captioning subtitles, set your screen to 1024x768 or 1280x1024, and use QuickTime 7.0.4* or newer. You can also use closed captioning to quickly find information in a course - using the "Find text in captions" box.

* Mac Safari users: please download QuickTime 7.5.5 or newer to avoid problems with closed captioning.

Turn Closed Captions:

Find text in captions:

Table of contents

1. Introduction
	Welcome	0:28	0.5 MB
	What is CSS?	5:34	11.8 MB
	Design tour	2:38	4.9 MB
	Using the exercise files	1:20	2.6 MB
	Installing the Web Developer toolbar	4:34	9.0 MB
2. CSS and XHTML
	XHTML essentials	3:55	3.1 MB
	CSS essentials	5:17	4.1 MB
	Embedded style sheets	2:20	4.7 MB
	Linking a style sheet	2:19	4.0 MB
	Linking to multiple style sheets	2:20	4.6 MB
	Using linked and embedded style sheets together	4:21	8.5 MB
	Using imported style sheets	5:24	9.0 MB
3. Selectors
	ID selector essentials	6:38	13.2 MB
	Class selector essentials	4:09	9.0 MB
	Best practices for classes	4:52	8.3 MB
	Grouped selection	4:02	8.3 MB
	Descendant selectors	6:44	12.0 MB
	The sources of style	6:38	5.7 MB
	Specificity	8:21	16.9 MB
	Making things important	4:32	9.2 MB
	Inheritance essentials	5:12	11.6 MB
	Making things really unstyled	4:02	8.2 MB
	User style sheets	2:38	4.7 MB
4. Layout
	Box model essentials	7:35	13.3 MB
	Simple floating	5:03	9.6 MB
	Using float for layout	5:05	10.8 MB
	Fixing column drop	5:35	12.7 MB
	Clearing essentials	4:20	8.5 MB
	Float containment	6:35	13.7 MB
	Creating a navbar from a list	4:50	9.9 MB
5. Adding Colors and Backgrounds
	Coloring text	4:13	8.6 MB
	Defining color in CSS	8:12	7.6 MB
	Coloring backgrounds	6:35	12.8 MB
	Applying background images	4:19	9.0 MB
	Manipulating the direction of background images	2:52	6.0 MB
	Positioning backgrounds	7:23	16.5 MB
	Background shorthand	4:29	8.9 MB
6. Setting Typography
	Altering line height	7:32	16.3 MB
	Font style and weight	5:45	12.4 MB
	Sizing fonts	9:59	21.2 MB
	Using font families	10:38	21.2 MB
	Font shorthand	6:05	12.9 MB
	Justifying text	4:56	11.3 MB
	Vertically aligning text	4:22	9.1 MB
	Transforming text	3:49	8.4 MB
	Text decoration	5:22	11.6 MB
7. Using Margins and Borders to Create White Space and Separation
	Margin essentials	14:21	24.3 MB
	Adding borders	6:52	14.2 MB
	Padding	9:17	20.7 MB
	Using negative margins	7:19	15.1 MB
	Margin collapsing	6:51	13.7 MB
8. Creating Tables
	Styling tables and captions	5:23	10.8 MB
	Styling table cells	6:30	14.4 MB
	Styling a column with classes	4:51	10.0 MB
	Styling links inside table cells	3:54	7.8 MB
9. Styling for Print
	Styling for specific mediums	4:03	6.7 MB
	Creating a print style sheet	6:35	10.6 MB
	Hiding layout for print	4:11	9.0 MB
	Styling for print	6:34	12.4 MB
	Complex styling for print	4:37	9.2 MB
	Creating a footer	4:40	8.6 MB
10. Bringing It All Together
	Getting started	1:11	2.1 MB
	Setting global styles	4:04	6.1 MB
	Defining masthead and navbar colors	3:27	5.3 MB
	Layout of the navlink bar	3:38	7.0 MB
	Using columns	4:49	9.0 MB
	Setting content styles	1:53	3.6 MB
	Creating the sidebar boxes	5:42	11.2 MB
	Creating the sidebar form	3:23	5.2 MB
	Completing the sidebar	3:29	5.7 MB
	Making a table	3:12	6.5 MB
	Creating a footer	2:35	5.7 MB
Conclusion
	Goodbye	1:28	1.3 MB