print
Course Name
Adobe Dreamweaver CS4: Essentials

Contact Hours: 10

Course Description
Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new software applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based software training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

Beginner and Intermediate web designers will find the tools and techniques discussed to be invaluable while designing, updating and creating websites using Dreamweaver CS4. Once oriented with the new CS4 interface you apply the techniques you have learned instantly whether you are building your first site or redesigning an existing one.

You will get a solid introduction to Web design as well as step-by-step instructions for how to use the most important features in this award-winning program. After watching the series will comfortable optimizing image files for faster loading web graphics how to use CSS, Tables, Frames and how to add interactive features to your website like Flash files, JavaScript elements and AJAX.

The major lessons include the details you will need to have a solid understanding how to create CSS styles and CSS layouts using Div tags and styles, optimizing content, and using Dreamweaver's Interactive features in publishing your content to the web. This an upgrade worthy of Dreamweaver's 10th anniversary.

The student will have access to this course for 1 year. This self-directed course can be completed within 90 days or sooner depending on time and learning capabilities of the student.


Outcome
By completing this course you will:
  1. Learn how to complete the site set up process in Dreamweaver, whether you are creating a new site or revising an existing one.
  2. Find out how to optimize JPEGs, GIFs, and PNG files to create fast-loading graphics for the web.
  3. Discover how to create CSS layouts using Div tags and CSS styles.
  4. See how to add interactive features, including how to insert Flash files, add JavaScript behaviors for rollovers, and more.
  5. Learn how to test your site and publish it online for all the world to see.

Assessment
Project files are included with this course to aid in your learning. There are no exams or tests.


Outline
Lesson 1: DESIGNING WEB SITES WITH DREAMWEAVER CS4 (20 min)
  • Introduction
  • Reviewing Designs Created with Tables
  • Considering Frames
  • Understanding the CSS Advantage
  • Saving Time with Templates
  • Using Advanced Design Technologies
Lesson 2: CREATING A NEW WEBSITE (50 min)
  • Setting Up a New Web Site
  • Creating a New Web Page
  • Adding Images with Alternate Text
  • Inserting & Formatting Text
  • Understanding Font Options
  • Aligning Images Using the Property Inspector
  • Creating Links
  • Organizing Files & Folders
  • Changing Background & Page Settings
Lesson 3: OPTIMIZING THE INTERFACE (33 min)
  • Opening an Existing Site
  • A New Look in CS4
  • New Features in CS4
  • Reviewing Menu Options
  • Using the Status Bar & Tag Selector
  • Setting Preferences
  • Previewing Pages in Multiple Browsers
Lesson 4: CREATING & INSERTING IMAGES (24 min)
  • Optimizing Images for the Web
  • Saving JPEGS in Adobe Photoshop
  • Saving GIF & PNG Files in Photoshop
  • Using Smart Objects with Photoshop
  • Cropping & Editing Images within Dreamweaver
  • Changing Dreamweaver's Editor Preferences
Lesson 5: WORKING WITH CSS (60 min)
  • Getting Started with Styles
  • Understanding Style Selectors
  • Creating Class Styles
  • Creating Tag Styles
  • Aligning Images with Floats
  • Comparing Span, Div, & P Tags
  • Creating & Editing Link Styles
  • Reviewing CSS Code
  • Using External Style Sheets
  • Creating a Simple Centered Design
Lesson 6: DESIGNING WITH CSS (14 min)
  • Understanding the Box Model
  • Comparing Margins and Padding
Lesson 7: SAVING TIME WITH TEMPLATES (33 min)
  • Creating a New Template
  • Creating Editable Regions
  • Creating a New Page from a Template
  • Editing Templates
  • Combining Templates with Style Sheets
  • Template Tips
Lesson 8: DESIGNING ACCESSIBLE TABLES (28 min)
  • Understanding Tables
  • Creating a Table for Tabular Data
  • Styling a Table
  • Editing Table Layouts, Part 1
  • Editing Table Layouts, Part 2
Lesson 9: USING HTML & CSS (35 min)
  • Writing HTML: The Fundamentals
  • Creating a Simple HTML File
  • Formatting the HTML Page
  • Reviewing the Code Behind the Scenes
  • Linking Pages Using HTML
  • Troubleshooting Using Split View
Lesson 10: TESTING & PUBLISHING A WEBSITE (30 min)
  • Checking the Site Reports
  • Testing & Fixing Links
  • Checking Browser Compatibility
  • Publishing a Website
  • Editing a Website
Lesson 11: DREAMWEAVER'S INTERACTIVE FEATURES (35 min)
  • Inserting Flash Video
  • Adding Other Multimedia
  • Creating a Simple Rollover
  • Using the Swap Image Behavior, Part 1
  • Using the Swap Image Behavior, Part 2
  • Credits