Dreamweaver CS4
Total Courses: 14    Estimated Training Time: 28 Hour(s)


1 Year Unlimited access to all 14 courses listed below, includes over 28 hours of online courseware.

Adobe Dreamweaver CS4 lets coding and design professionals create and edit Web content in a visual layout or a coding environment. With Dreamweaver CS4, you can produce exciting, dynamic Web site designs that employ the most modern layouts and features to attract and keep Web users.

Current Price: $59.95 | List Price: $119.99

This Dreamweaver CS4 online training series provides 28 hours of self-paced courseware. This web-based training provides 1 year of unlimited access to all of the following lessons:

  1. Getting Started with Dreamweaver CS4
  2. Setting Up a New Site
  3. Adding Text and Images
  4. Styling Pages with CSS
  5. Creating Page Layouts with CSS
  6. Working with Tables
  7. Fine-Tuning the Workflow
  8. Adding Flash, Video, and Sound
  9. Maximizing Site Design
  10. Editing in Code View
  11. Building Web Forms
  12. Working with the Spry Framework
  13. Managing Web Sites
  14. Using Legacy Frames

Lesson Detail:

  • Dreamweaver CS4: Getting Started with Dreamweaver CS4
    This course explores several of Dreamweaver's important features. It also explains how the Web works and how Web browsers and HTML code function.

    • Taking a Look at Dreamweaver CS4
    • How Web Sites Work
    • HTML Tags and Documents
    • Working with Images and Colors in HTML
    • HTML Tips

  • Dreamweaver CS4: Setting Up a New Site
    This course explains the basic techniques you need to create a site. It also covers how to use and transfer files.

    • Creating a New Site
    • Creating a Page and Defining the Properties
    • Working with Views
    • Using the Files Panel
    • Working with Files Panel Options

  • Dreamweaver CS4: Adding Text and Images
    This course explains how to work with text, hyperlinks, lists, and images when designing Web pages.

    • Adding Text to Web Pages
    • Setting Text Styles
    • Previewing Pages in a Web Browser
    • Creating Hyperlinks
    • Creating Lists
    • Using the Text Insert Panel
    • Inserting Images
    • Linking Images and Using Placeholders
    • Editing Images

  • Dreamweaver CS4: Styling Pages with CSS
    This course explains the use of Cascading Style Sheets (CSS) in Adobe Dreamweaver CS4. CSS is a Web programming language that works in conjunction with HTML to format Web page content. This course provides information on using CSS, its advantages, and its behavior throughout the Web page design process.

    • Creating CSS Rules in Dreamweaver
    • Types of Style Sheets
    • Creating Styles with the Property Inspector
    • Using the CSS Styles Panel
    • Advanced Formatting with CSS
    • Fine-Tuning Pages
    • Working with Div Tags and CSS IDs
    • Using External Style Sheets
    • Attaching External Style Sheets
    • Creating New External Style Sheets

  • Dreamweaver CS4: Creating Page Layouts with CSS
    This course explains how to employ Cascading Style Sheets (CSS) to create page layouts in Dreamweaver CS4.

    • Positioning Content with AP Divs
    • Absolute and Relative Positioning
    • Adding Columns and Headers
    • Adding Global Navigation
    • Setting Box Stacking Order
    • More CSS Layout Tips
    • Adding Space to Page Layouts
    • Overriding Default Margins
    • Building for the Future

  • Dreamweaver CS4: Working with Tables
    This course explains the use of tables for Web page layout, and compares and contrasts the use of HTML styling with the use of more modern Cascading Style Sheet techniques.

    • Modifying Table Size and Structure
    • Creating Tables
    • Formatting Tables with HTML
    • Formatting Tables with CSS
    • Advanced CSS Table Styling
    • Adjusting Cells with CSS
    • More CSS Style Options
    • Sorting Data in Tables

  • Dreamweaver CS4: Fine-Tuning the Workflow
    This course explains various methods for customizing Adobe Dreamweaver CS4 to make your workflow more efficient and effective.

    • Customizing the Workspace Layout
    • Using Favorites
    • Using Guides
    • Using Grids
    • Selecting Tags and Cascading Documents
    • Zooming the View

  • Dreamweaver CS4: Adding Flash, Video, and Sound
    This course explains how to add media, including Flash movies, videos, and sound to your Web site.

    • Adding Flash Movies
    • Adding Flash Video
    • QuickTime and Windows Media Video
    • Adding Sound

  • Dreamweaver CS4: Maximizing Site Design
    This course provides an introduction to using tools, such as snippets, library items, and templates, that help you create a consistent appearance across your Web site.

    • Using Snippets
    • Creating Snippets
    • Working with Library Items
    • Updating Library Items
    • Working with Templates
    • Creating Pages from Templates
    • Modifying Templates
    • Creating Repeating Regions
    • Working with Repeating Regions

  • Dreamweaver CS4: Editing in Code View
    This course explains how to use Dreamweaver's tools to work with and validate the HTML code of Web pages.

    • Working in Code View

  • Dreamweaver CS4: Building Web Forms
    This course explains how you can make a Web site more interactive by adding forms which let you gather information from Web site visitors.

    • Creating User Input Forms

  • Dreamweaver CS4: Working with the Spry Framework
    This course explains the use of Spry Widgets and Data Objects -- a library of interactive menus, content panels, and XML-driven containers that can be incorporated easily into your existing pages to add dynamic content and cool interactivity not available with HTML alone.

    • Working with the Spry Framework

  • Dreamweaver CS4: Managing Web Sites
    This course explains how to manage web sites you have created, including using reports and built-in tools to track your site.

    • Managing Web Sites

  • Dreamweaver CS4: Using Legacy Frames
    This course explains how frames provide a way to divide a browser window into multiple regions, each capable of displaying a different HTML document. More recently, Cascading Style Sheets (CSS) have become the standard for positioning on a Web page, but frames are still used to handle layouts.

    • Using Legacy Frames


Dreamweaver CS4


This series is for anyone who wants to learn about Adobe Dreamweaver CS4, and see procedures and techniques developed on and for a Windows PC.


  • Flash and audio provide animated, interactive Lesson Introductions, Activities, and Simulations.
  • Streaming video scenarios illustrate real world issues and solutions discussed in the course.
  • Audio accompanies each lesson page throughout the course.
  • MindNotes provide printable quick-reference sheets and other files to be used as learners apply their skills on the job.
  • Show Me Hows allow learners to access instructional demonstrations from all courses in the series.
  • Simulations teach learners to perform specific tasks in applications through guided, multi-step exercises.
  • Activities allow learners to apply course concepts in an interactive questioning environment.
  • Full-page images allow learners to experience an application as if it were open on their computer.
  • Exercises allow learners to practice in the actual application being studied.
  • Supplied sample files include sample documents, application files, programs, and programming code that enable learners to practice with these files, enhancing the learning experience.
  • A Course Topics list contains active hyperlinks, permitting quick access to specific topics.
  • Find-A-Word allows learners to look up an unfamiliar term in the Glossary, on the Web, or in a dictionary. In addition, it lets them find other occurrences of the term in the same course.
  • Search text enables learners to rapidly search all text within a course to easily retrieve information required.
  • Courses challenge the learner with a variety of question formats, including multi-step simulations, true/false, multiple choice, and fill-in-the-blank.
  • A skill assessment generates a customized learning path based on the results of a pre-test.
  • A glossary provides a reference for definitions of unfamiliar terms.
  • Bookmarking tracks the learner's progress in a course.

Technical Requirements

  • Internet connection
  • Browser: Internet Explorer, FireFox, Chrome, Safari, Opera or any standards compliant browser.
  • Authorware and Macromedia Flash player recommended but not required.
  • JavaScript must be enabled.

What You Get

You will receive Unlimited Access to all of the Dreamweaver CS4 training tutorials listed above. Your online training courses will be available from anywhere you have internet access.This e-learning series includes all of the online training tutorials listed and is provided in an interactive, self-paced format. Retake any or all of our computer training as often as you want. Our online tutorials allow you to learn anywhere, anytime from any computer with internet access. All courses allow for 1 year unlimited access (1 user), include a variety of features and qualify for Continuing Education Unit credit.

StaffKit is an e-learning leader in providing computer training tutorials and online education. We have satisifed online learning customers in over 50 countries. We have been providing web based training for the past 9 years.

Web-Based Training Products

You might also be interested in our Web Development Package which includes all of the Dreamweaver CS4 training courses listed above plus over 749 hours related training courses

Web Development

Learn how to create everything from simple to complex, interactive Web sites with our Web development courses, covering the latest in Web technologies.

41 Series

Price: $129.95