Training Home | Web Design | Adobe Dreamweaver CS4 with CSS Training

Dreamweaver CS4 with CSS Training DVD

Learn how to take your skills to the next level. This Dreamweaver CS4 with CSS training DVD is the ultimate in comprehensive learning for the discerning professional.

The training uses broadcast quality audio and video to deliver concise and informative training right to your desktop. The Tutorial comes complete with practical working files and presented via an intuitive, easy-to-use interface, This Dreamweaver CS4 with CSS tutorial video makes learning simple, quick and enjoyable. All training courses are authored by professional instructors who have a passion for teaching.

Self Paced, Affordable Training Videos - Tutorials Taught by Professionals

Reduce learning time by 80%. Learn from a professional trainer from your own desk.
Suitable for beginners to advanced users. ideal for users who learn faster when shown.
Visual training method, offering users increased retention and accelerated learning.
Breaks even the most complex applications down into simplistic steps.

For evaluation purposes the links below offer an insight into the quality of these Dreamweaver CS4 with CSS tutorials. In order for the free demo videos to play QuickTime needs to be installed.

This Weeks Limited Offer

25% off AutoCAD 2010 Videos

OVER 9 hours of Video Training - ONLY $74.95

We are pleased to announce that we have just released our Amazing AutoCAD training videos. This highly intuitive and engaging training course is only $74.95, which is amazing value. To try a free demo just follow the link below. To try for FREE Click Here »

Customer Testimonials

Just wanted to say that I love the new HD tutorials. I think you guys are really kicking it up a notch with that. And also, I love the new Creative Inspiration tutorials. I hope this is going to be a whole series with all kinds of different professionals. Anyhoo, just wanted to say that I am a really happy customer and love the new features and tutorials.
benjamin w.

Introduction

Welcome Demo
Do I need to know CSS to use Dreamweaver? Demo
Using the exercise files
Setting up a custom workspace Demo

1. CSS/XHTML Fundamentals

Separating structure from presentation Demo
Adding meaning with ID and class attributes Demo
Understanding basic selectors Demo
Understanding complex selectors Demo
Examining the Cascade Demo
Understanding order of inheritance Demo
Understanding specificity Demo
Using Dreamweaver to resolve conflicts Demo

2. Using Dreamweaver's Starter Pages

Working with starter pages
Defining fixed, elastic, liquid, and hybrid Demo
Understanding starter page structures
Modifying CSS globally
Moving CSS between files
Preparing custom starter pages
Creating custom starter pages

3. Planning Your CSS

Designing with CSS in mind
Using Fireworks to create site prototypes
Defining page structure
Creating the initial layout
Page creation and asset sharing
Using common libraries to create site prototypes
Building interactive prototypes
Optimizing images in Fireworks
Exporting web graphics from Fireworks CS4
Exporting interactive prototypes
When to export XHTML and CSS from Fireworks CS4

4. Controlling Your CSS with Dreamweaver

CSS workflows in Dreamweaver
Using the CSS Styles panel
Setting CSS preferences
Understanding Dreamweaver's CSS visual aides
The Code Navigator
Controlling CSS with the Properties Inspector
Using Related Files
Working with Live view
Working with the Reference panel

5. Online Typography

Declaring font families
Creating custom font family declarations in Dreamweaver
Understanding units of measurement
Controlling font sizing
Controlling line spacing
Controlling vertical margins
Horizontally aligning text
Vertically aligning text
Vertically centering block-level elements
Setting column width
Using font shorthand notation

6. Working with Backgrounds

Background properties
Using background images
Controlling background image tiling
Positioning background images
Using percentage values for positioning
Creating custom list bullets
CSS drop shadows
Image replacement techniques
Adding screen-only content
Complex background graphics
Using CSS Sprites

7. Styling Tables

Reviewing table tag structure
Using thead and tbody for styling
Styling table captions
Styling headers
Styling table content
Creating alternating row colors
Using pseudo-class selectors for tables
Creating custom table borders

8. Styling Forms

Examining form structure
Styling fieldset and legend elements
Styling form elements globally
Using classes to identify form elements
Styling user feedback
Adding user interaction
Styling Spry form validation fields

9. Building Navigation

Using lists for navigation
Creating horizontal menus pt. 1: Stripping list styling
Creating horizontal menus pt. 2: Displaying links horizontally
Creating horizontal menus pt. 3: Styling links
Creating horizontal menus pt. 4: Rollovers
Creating horizontal menus pt. 5: Indicating current page
Creating horizontal menus pt. 6: Modifying cursor usage
Creating horizontal menus pt. 7: Positioning menus
Styling vertical menus pt. 1: Vertical menu considerations
Styling vertical menus pt. 2: Defining width for link elements
Styling vertical menus pt. 3: Using background graphics with navigation

10. Layout

Box model review
Understanding margin collapse
Reviewing normal document flow
Understanding floating
Containing and clearing floats
Understanding relative positioning
Understanding absolute positioning
Understanding the AP Elements panel
Understanding fixed positioning
Using Dreamweaver to define document structure
Creating a two-column layout
Using Dreamweaver's Design-Time style sheets

11. Controlling Spry Objects with CSS

Introducing Spry widgets
Updating the Spry framework
Examining the default Spry styles
Modifying tabbed panels through CSS
Styling Spry widgets
Organizing Spry style sheets

12. Multiple Media Types and Alternate Style Sheets

Creating print style sheets
Assigning media types
Styling type for print
Suppressing element printing
Controlling page breaks
Using @media blocks
Creating alternative style sheets

13. Testing and Deploying CSS

Using Dreamweaver's Browser Compatibility Check
Fixing code errors with Adobe's CSS Advisor
Strategies for browser compatibility
Implementing browser compatibility
Formatting code for deployment
Creating modular style sheets
Assembling modular style sheets

Conclusion

Goodbye

Dreamweaver CS4 with CSS Info

Title Information.

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. . Close »

Instructor : James Williamson

All Training Courses by this author

Publisher:

lynda.com, Inc.

Duration:

12.25 hours - 120 lessons

Platform:

PC or Mac

Fomat :

DVD Video

Price:

$149.95

£103.77

€121.31

Select your delivery option

Dreamweaver CS4 with CSS Related Training Videos :

Join our Newsletter and Save

By joining our newsletter you will be notified of special offers and limited promotions. We don't sell, rent or otherwise disclose your details to any 3rd party. Sign up today and take advantage.

Just Released Training Titles

Adobe Photoshop CS5 Training
Microsoft Office 2010
Learning Microsoft Project 2010
Learning Microsoft Excel 2010
Carrara 8 Training

Learn Online - Instant Access - Low Price

Giving you amazing freedom to learn at your own pace these online training videos combine high quality professionally created content, broadcast standard high definition video and crystal clear audio, at an extremely cost effective price. The tutorials are presented via an easy to use interface.

You can now access an entire library of professionally created tutorials in High Definition video for the same price as our competitors charge from one DVD.

Users are bound by no constants on the amount of titles that can be viewed, access can be from any location and where available, working files are included at no extra charge.

Customer Comments

I had to have my say on Taz Tally's color correction course. It is just fantastic! Thorough, organized, and easy to follow. I can finally look at photos that I know need correcting and actually have all the tools I need to figure out what to do and how to do it. What power! I feel like a genius. Thanks Taz (the real genius) - I can't tell you how much time you've saved me and how much better my photos look already. If you want to understand color in short order, dump the heavy books and purchase this course!