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.
0. 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
8. Conclusion
- Style sheet final review
http://rapidshare.com/files/206756099/nw_vt_l.ccsssghot_uds.part1.rar
http://rapidshare.com/files/206756003/nw_vt_l.ccsssghot_uds.part2.rar
http://rapidshare.com/files/206756979/nw_vt_l.ccsssghot_uds.part3.rar
http://rapidshare.com/files/206755744/nw_vt_l.ccsssghot_uds.part4.rar
