Lynda.com Dreamweaver CS5: Managing CSS

Author: James Williamson
Duration (hr:min): 04:40
Released on: 6/3/2010
Exercise files: Yes
Software works on: Mac and Windows

Dreamweaver CS5: Managing CSS with James Williamson shows how to create cascading style sheets that are efficient, reusable, and easy to navigate. In this course, James shares tips on how to find and use panels and tools, and how to deploy style sheets to screen, print, and mobile environments. Course topics include creating customized starter pages, learning to rapidly hand-code CSS through using Snippets, and using Dreamweaver’s CSS preferences to deploy lightweight styles. Exercise files are included with the course.

Topics include:

• Building a CSS-friendly workspace in Dreamweaver
• Creating style sheets visually
• Hand-coding styles
• Working with code hinting
• Organizing style sheets with color coding and sections
• Writing global classes
• Eliminating style conflicts
• Deploying styles
• Dealing with browser compatibility issues

Content:

Introduction - 04:12

    Welcome - 1:10 - 9.5 MB
    Who is this course for? - 1:05 - 1.0 MB
    Using the exercise files - 1:57 - 2.3 MB

1. Using Dreamweaver's Tools and Panels - 01:21:50

    Controlling CSS in Dreamweaver - 2:34 - 4.1 MB
    Style formatting options - 4:59 - 6.5 MB
    Controlling shorthand notation - 6:09 - 8.6 MB
    Building a style-focused workspace - 6:10 - 6.3 MB
    CSS Styles panel overview - 8:18 - 10.5 MB
    The Properties Inspector - 6:39 - 8.8 MB
    Creating styles visually - 11:32 - 13.7 MB
    Hand-coding styles - 8:15 - 8.9 MB
    Code hinting and code completion - 7:11 - 8.7 MB
    Modifying styles visually - 5:24 - 6.2 MB
    Using the Code Navigator - 4:47 - 6.0 MB
    Using CSS Inspect - 9:52 - 14.1 MB

2. Organizing Style Sheets - 01:14:01

    Structuring style sheets - 4:52 - 6.4 MB
    Writing a style header - 2:40 - 3.1 MB
    Building a color guide - 6:05 - 6.2 MB
    Writing a style sheet table of contents - 8:46 - 9.3 MB
    Creating sections for styles - 9:10 - 9.2 MB
    Using the CSS Styles panel to organize styles - 10:29 - 13.3 MB
    Resolving conflicts - 7:03 - 8.6 MB
    Organizing style properties - 9:33 - 10.1 MB
    Writing a CSS reset - 5:20 - 7.4 MB
    Writing global classes - 3:57 - 4.2 MB
    Creating a style guide - 6:06 - 8.9 MB

3. Reusing Styles - 01:07:54

    Preparing custom starter pages - 11:32 - 17.8 MB
    Building custom starter pages - 10:08 - 13.0 MB
    Working with code snippets - 9:54 - 11.3 MB
    Writing snippets - 11:30 - 13.7 MB
    Importing snippets - 6:03 - 6.7 MB
    Understanding snippets libraries - 8:11 - 10.4 MB
    Building a CSS framework using snippets libraries - 10:36 - 12.5 MB

4. Deploying Styles - 52:15

    Writing a print style sheet - 10:03 - 16.1 MB
    Creating print-specific styles - 10:45 - 14.4 MB
    Preparing modular styles - 4:33 - 7.4 MB
    Creating modular style sheets - 7:09 - 9.9 MB
    Checking browser compatibility - 6:25 - 9.0 MB
    Using conditional comments for Internet Explorer - 6:58 - 12.3 MB
    Optimizing CSS with Dreamweaver - 6:22 - 12.9 MB

Conclusion - 00:38

    Goodbye - 0:38 - 0.5 MB