Download Free Tutorials: Lynda.com Creating a CSS Style Guide Hands-On Training

Decription
A web site is just a web site unless it’s designed with a unique style. Creating a CSS Style Guide: Hands-On Training highlights the importance of a CSS style guide, which serves as an interface for the design team and a communication tool for the client. Laurie Burruss calls on her background as director of digital media at Pasadena City College and takes an informative, real–world approach to this topic. She shows how Dreamweaver CS4 can be used to develop a coherent site–wide emotion that boosts brand identity. The course culminates with building a working web style guide for professional use. Exercise files and a downloadable PDF quiz accompany the course.

Topics include:

* Planning a site from a blank file
* Creating and editing a style guide with just HTML
* Using the Property Inspector for text markup
* Inserting images, tables, and footers for a custom look
* Creating and editing an external CSS style sheet
* Building a custom color palette for a site
* Testing web pages in various browsers
* Styling tips for professional sites

Table Of Contents
Introduction
Welcome
Objective of this course
Using the exercise files

1. Setting Up
Starting Dreamweaver for the first time
Defining a website
Understanding the Dreamweaver interface
Setting up a custom workspace
Setting essential preferences

2. Creating and Editing a Style Guide with HTML
Laying out a page in a text document
Creating and saving a new document
Inserting an image
Marking up text using the Property Inspector
Marking up text by hand
Inserting, formatting, and selecting a table
Creating links
Styling a footer

3. Creating Internal Styles
Using Modify Page Properties to create embedded styles
Creating links with CSS
Working with Code, Split, and Design views

4. Previewing a Web Page in a Browser
Defining browsers to test a web page
Previewing a web page in a browser

5. Creating Custom Styles Using the Style List
Using a span tag to add a class and customize appearance
Using the Tag Inspector to create and edit additional styles

6. Creating and Editing an External Style Sheet
Exporting existing styles into an external style sheet
Using the CSS Styles panel to add a new style
Using the div tag to create a content container
Overriding the default browser styles
Applying padding and margins
Styling header tags
Creating and styling compound tags
Editing preexisting rules

7. Adding Professional Touches
Improving the Footer
Commenting a CSS style sheet
Creating a custom color palette

Conclusion
Style sheet final review

Download Links:

Download From Hotfile
Each file 150 MB Except the last one

Part 1

Part 2