Skip Navigation Links
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Acrobat Tutorials&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Adobe Bundles&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>AfterEffects&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Captivate&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Design Workflow&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Dreamweaver&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Elements&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Fireworks&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Flash&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Flex&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Illustrator&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>InCopy&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>InDesign&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Microsoft Expression&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Photoshop&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Premiere&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Production Studio&nbsp;</div>

Dreamweaver > Dreamweaver CS4 Advanced Training

Dreamweaver CS4 Advanced Training

Dreamweaver CS4 Advanced Training
Learn professional techniques that will help you to design and develop an impressive web site using Deamweaver CS4. This training walks through advanced concepts in Dreamweaver CS4 including creating pure CSS layouts, working with reusable assets such as Snippets, Library Items and Templates. In addition, you will get the chance to work with Adobe's Spry Framework to create AJAX-enabled web pages. This series is just what you need to take your Dreamweaver skills one step further and give your site a professional polish.

  • Format - DVD-ROM
  • Duration - 6 Hours of Beginner to Intermediate Training
  • Author - Jeremy Osborn
  • Platform - Windows & Mac OS
  • DVD ROM
    £ 66.00

    Highlights
  • Learn how to work with Adobe's Spry Framework to create AJAX-enabled web pages.
  • Find out all about the Code Navigator and how to use it in your next project.
  • Discover the Live View feature.
  • See how to use the New CSS Rules panel.
  • Learn all about Related Files.
  • Course Outline

    Chapter 1: SETTING UP A NEW SITE & WORKSPACE (15 min)
    1. Creating & Managing a Site
    2. Specifying a Local Root Folder
    3. Overview of the Interface
    4. Setting Up Panels & Saving a Workspace Layout

    Chapter 2: ADVANCED CSS CONCEPTS (56 min)
    1. A Review of CSS Styles
    2. Creating & Modifying Styles from the Properties Panel
    3. Creating & Modifying Styles from the CSS Styles Panel
    4. Working with Page Properties
    5. Working with Compound Selectors
    6. Working with Margins & Padding
    7. Transforming a List Using CSS
    8. Styling Hyperlinks
    9. Working with Internal & External Style Sheets

    Chapter 3: CREATING A LAYOUT WITH CSS (70 min)
    1. Using a Tracing Image
    2. Setting Up Guides
    3. Understanding Layout Types
    4. Working with Absolutely Positioned Layouts
    5. Understanding Float Behavior
    6. Creating a Photo Gallery Using the Float & Clear Properties
    7. Creating a Flexible 2-Column Layout
    8. Styling a 2-Column Layout
    9. Adding Finishing Touches
    10. Dealing with Browser Compatibility Issues

    Chapter 4: ENHANCING LAYOUTS WITH SPRY WIDGETS (35 min)
    1. An Overview of the Spry Framework
    2. Adding a Spry Menu Bar
    3. Styling the Spry Menu Bar
    4. Adding a Spry Tabbed Panel
    5. Adding the Spry Accordion Widget
    6. Styling the Spry Accordion

    Chapter 5: USING SPRY DATA WIDGETS (21 min)
    1. Overview of the Spry Data Widgets & XML
    2. Creating the Spry XML Data Set
    3. Adding a Spry Repeat List
    4. Adding Data Fields to a Spry Repeat List
    5. Styling a Spry Repeat List

    Chapter 6: SNIPPETS & LIBRARY ITEMS (23 min)
    1. Overview of Snippets & the Snippets Panel
    2. Creating & Reusing Snippets
    3. Working with Library Items
    4. Modifying & Updating Library Items
    5. The Assets Panel

    Chapter 7: USING PAGE TEMPLATES (38 min)
    1. Overview of Templates
    2. Creating a New Template & Setting Editable Regions
    3. Creating New Pages from Templates
    4. Modifying Templates
    5. Working with Repeating Regions for Flexible Information
    6. Removing Template Markup

    Chapter 8: HAND CODING (32 min)
    1. Configuring Code View
    2. Code Hinting & the Coding Toolbar
    3. Validating Code
    4. Advanced Code Formatting Preferences

    Chapter 9: ADVANCED SITE MANAGEMENT (17 min)
    1. Review of Remote Connection
    2. Using Check In/Check Out
    3. Creating & Saving a Design Note
    4. Credits