CSS Web Site Design | Eric Meyer | Excellent video series

book: CSS Web Site Design | Eric Meyer

books:

CSS Web Site Design

	CSS Web Site Design Eric Meyer lynda.com, Inc, 2006 average customer review:based on 1 review view larger image
	for more information click here

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 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, allowing you to follow along and learn at your own pace.

for more information click here

Excellent video series

I just finished watching this video series, and I'm pretty impressed. The setup is very professional, and easy to watch. Eric Meyer uses a made-up site, Javaco Tea, for teaching the CSS concepts. And, he goes through every detail, from masthead to footer, explaining how each piece works. He assumes you already know the basics of CSS syntax, and the reasons for using CSS. At the same time, he doesn't skip over things when showing how the page is built. He explains why each value is what it is. I felt his use of selectors was nice and clear, and I liked his example of using negative margins to allow two columns to sit side by side. If you want to get up to speed quickly on how a CSS-based site is put together, I would highly recommend this product.

The only problem I found was he apparently didn't test with IE6 for Windows. The test page works fine on Firefox, but the masthead breaks on IE6. One of the Amazon reviews for the similarly-titled book gives the fix:

In #masthead, an additional rule is needed:

line-height: 1.1;

for more information click here

products you might be interested in