• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

In Dreamweaver CS4 with CSS Essential Training, web developer and Adobe Master Instructor James Williamson teaches the fundamentals of CSS while focusing on how to use Dreamweaver to efficiently create and manage styles. He shows how to use Dreamweaver to resolve style conflicts; how to use new CSS-related features such as Live View; and the best way to create lightweight, site-wide style sheets.

Course Dreamweaver CS4 with CSS Essential Training Author James Williamson SKU ISBN Release Date 2009-08-13 Duration 12.07 hrs / 119 tutorials Work files Yes Price $ 49.95 Retail price $ 99.95 Language Tags Dreamweaver, CS4 Required software Adobe Dreamweaver CS4

Introduction Welcome 01:18 Do I need to know CSS to use Dreamweaver? 02:15 Using the exercise files 01:30 Setting up a custom workspace 02:47 1. CSS/XHTML Fundamentals Separating structure from presentation 04:14 Adding meaning with ID and class attributes 07:50 Understanding basic selectors 11:10 Understanding complex selectors 11:38 Examining the Cascade 10:16 Understanding order of inheritance 05:02 Understanding specificity 05:43 Using Dreamweaver to resolve conflicts 07:04 2. Using Dreamweaver's Starter Pages Working with starter pages 02:01 Defining fixed, elastic, liquid, and hybrid 06:03 Understanding starter page structures 06:25 Modifying CSS globally 08:58 Moving CSS between files 12:31 Preparing custom starter pages 10:09 Creating custom starter pages 06:41 3. Planning Your CSS Designing with CSS in mind 03:13 Using Fireworks to create site prototypes 02:41 Defining page structure 08:52 Creating the initial layout 10:24 Page creation and asset sharing 11:20 Using common libraries to create site prototypes 05:11 Building interactive prototypes 17:06 Optimizing images in Fireworks 11:47 Exporting web graphics from Fireworks CS4 02:43 Exporting interactive prototypes 03:11 When to export XHTML and CSS from Fireworks CS4 08:34 4. Controlling Your CSS with Dreamweaver CSS workflows in Dreamweaver 01:17 Using the CSS Styles panel 05:12 Setting CSS preferences 09:50 Understanding Dreamweaver's CSS visual aides 03:50 The Code Navigator 06:05 Controlling CSS with the Properties Inspector 08:52 Using Related Files 04:35 Working with Live view 04:12 Working with the Reference panel 04:35 5. Online Typography Declaring font families 04:57 Creating custom font family declarations in Dreamweaver 06:00 Understanding units of measurement 06:14 Controlling font sizing 08:41 Controlling line spacing 07:20 Controlling vertical margins 07:52 Horizontally aligning text 03:16 Vertically aligning text 05:30 Vertically centering block-level elements 10:31 Setting column width 03:33 Using font shorthand notation 09:15 6. Working with Backgrounds Background properties 04:33 Using background images 05:16 Controlling background image tiling 05:33 Positioning background images 04:42 Using percentage values for positioning 05:10 Creating custom list bullets 05:23 CSS drop shadows 07:40 Image replacement techniques 07:24 Adding screen-only content 07:51 Complex background graphics 09:10 Using CSS Sprites 08:00 7. Styling Tables

8. Styling Forms Examining form structure 03:26 Styling fieldset and legend elements 07:42 Styling form elements globally 06:31 Using classes to identify form elements 05:55 Styling user feedback 06:10 Adding user interaction 02:52 Styling Spry form validation fields 11:01 9. Building Navigation Using lists for navigation 01:40 Creating horizontal menus pt. 1: Stripping list styling 03:28 Creating horizontal menus pt. 2: Displaying links horizontally 03:54 Creating horizontal menus pt. 3: Styling links 05:25 Creating horizontal menus pt. 4: Rollovers 03:48 Creating horizontal menus pt. 5: Indicating current page 03:48 Creating horizontal menus pt. 6: Modifying cursor usage 02:11 Creating horizontal menus pt. 7: Positioning menus 03:08 Styling vertical menus pt. 1: Vertical menu considerations 06:42 Styling vertical menus pt. 2: Defining width for link elements 04:46 Styling vertical menus pt. 3: Using background graphics with navigation 05:58 10. Layout Box model review 07:04 Understanding margin collapse 07:15 Reviewing normal document flow 11:00 Understanding floating 08:56 Containing and clearing floats 09:26 Understanding relative positioning 05:30 Understanding absolute positioning 05:29 Understanding the AP Elements panel 11:57 Understanding fixed positioning 02:24 Using Dreamweaver to define document structure 10:11 Creating a two-column layout 17:01 Using Dreamweaver's Design-Time style sheets 03:49 11. Controlling Spry Objects with CSS Introducing Spry widgets 02:18 Updating the Spry framework 00:45 Examining the default Spry styles 06:36 Modifying tabbed panels through CSS 05:18 Styling Spry widgets 08:49 Organizing Spry style sheets 05:13 12. Multiple Media Types and Alternate Style Sheets Creating print style sheets 02:57 Assigning media types 03:29 Styling type for print 09:21 Suppressing element printing 03:29 Controlling page breaks 08:39 Using @media blocks 03:05 Creating alternative style sheets 03:49 13. Testing and Deploying CSS Using Dreamweaver's Browser Compatibility Check 03:58 Fixing code errors with Adobe's CSS Advisor 04:45 Strategies for browser compatibility 05:08 Implementing browser compatibility 08:18 Formatting code for deployment 03:15 Creating modular style sheets 03:38 Assembling modular style sheets 06:20 Conclusion Goodbye 00:38