print
Course Name
Adobe Dreamweaver CS3: 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. Adobe Dreamweaver CS3 places the tools in your hands to quickly and easily design, develop and eye catching and manageable websites. During this comprehensive introduction to Dreamweaver CS3 you will cover the basics of how to create Web pages, set links, and insert images, to more advanced techniques for creating page layouts with tables and CSS.

Train at your own pace and by the end of this course you will be proficient at: Create your web pages, you will also learn every thing that you will need to create and publish a web site. You will get an introduction to some of the advanced features like inserting active content like Flash, video, and audio files and creating roll over buttons. You will not be a web programming Guru but you will have a solid foundation to manage and update content on your website.

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
Course highlights:
  1. Janine's engaging lessons provide a great introduction to Dreamweaver with a focus on how to get your web site up and running quickly.
  2. Discover the advantages, and techniques, for designing with CSS, the best way to create standards-based, accessible web sites today.
  3. Add interactive features like rollovers and image swaps with Janine's advanced instructions for using the JavaScript behaviors in Dreamweaver.
  4. Make your pages sing and dance as you learn how to use the multimedia features to add audio, video, and Flash to your web pages.
  5. Discover how the template features can help you save time and create a better looking web site that's also easier to update and redesign in the future.

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


Outline

Lesson 1: DESIGNING WEBSITES WITH DREAMWEAVER CS3 (20 min)
  • Comparing Web Design Options
  • Appreciating CSS Advantages
  • Reviewing Old School Designs
  • Creating Dynamic Sites
  • Reviewing Site Differences
Lesson 2: CREATING A NEW WEBSITE (44 min)
  • Creating a New Site
  • Creating a New Page
  • Adding Images with Alternate Text
  • Inserting & Formatting Text
  • Aligning Images with the Property Inspector
  • Using the Page Properties Dialog Box
  • Linking to Pages in a Site
  • Creating an Email Link
  • Linking to Other Websites
  • Testing & Targeting Links
  • Organizing Files & Folders
Lesson 3: CUSTOMIZING THE INTERFACE (24 min)
  • Introducing the Workspace
  • Opening an Existing Site
  • Working in Code, Design & Split Views
  • Customizing the Insert Bar
  • Use the Properties Inspector & the Tag Selector
  • Reviewing Menu Options & Preferences
  • Comparing the Macintosh® & PC Interfaces
  • Previewing in Browsers & Device Central
Lesson 4: CREATING & INSERTING IMAGES (22 min)
  • Optimizing Images for the Web
  • Saving GIFs & PNGs in Photoshop®
  • Inserting GIFs in Dreamweaver
  • Adjusting Transparency Settings
  • Saving JPGs for the Web
  • Edit Images in Dreamweaver & Photoshop
  • Changing Editor Preferences
Lesson 5: CREATING CSS LAYOUTS (80 min)
  • Getting Started with Styles
  • Creating Tag & Class Styles
  • Creating Styles to Format Images
  • Reviewing CSS Code
  • Previewing Page Styles
  • Understanding Page Properties
  • Creating Divs with ID Styles
  • Adding Images & Lists to Divs
  • Creating a Series of Divs
  • Aligning Divs Side by Side
  • Using the Clear Option in CSS
  • Adding Borders with CSS
  • Creating an Image Border
  • Using Margins for Positioning
  • Creating Navigation Links
  • Styling a List for Navigation
  • Creating a Rollover Effect in CSS
  • Duplicating Existing Styles
  • Changing Page Properties Styles
  • Reviewing Style Selectors
Lesson 6: DESIGNING WITH CSS (57 min)
  • Understanding the Box Model
  • Comparing Margins & Padding
  • Viewing CSS in Various Browsers
  • Creating a Page from a Template
  • Using Paste Special
  • Using Styles to Align Images
  • Creating a Two Column Layout
  • Calculating CSS Spacing
  • Styling Headlines
  • Understanding Font Sizes
  • Using External Style Sheets
  • Viewing Styles
  • Reviewing CSS Options
Lesson 7: CREATING LAYOUTS WITH ABSOLUTE POSITIONING (54 min)
  • Explaining Absolute Positioning
  • Comparing Absolute & Centered Positioning
  • Warnings about Using AP Divs
  • Using a Tracing Image
  • Creating a Layout with AP Divs
  • Naming AP Divs
  • Nesting AP Divs
  • Aligning AP Divs
  • Inserting Images into Divs
  • Calculating Page Layouts
  • Refining an AP Layout
  • Setting the Z-Index
Lesson 8: DESIGNING ACCESSIBLE TABLES (32 min)
  • Understanding Tables & Accessibility
  • Using Tables for Tabular Data
  • Styling a Table
  • Editing Table Layouts
  • Adding Style to a Table Using CSS
Lesson 9: CREATING WEBSITES WITH FRAMES (20 min)
  • Introducing Frames
  • Creating a Frameset
  • Opening Pages into Frames
  • Controlling Scrollbars & Borders
  • Targeting Links in Frames
  • Credits
Disc 2

Lesson 1: USING BEHAVIORS TO ADD INTERACTIVITY (43 min)
  • Viewing Behaviors in a Browser
  • Introducing the Behaviors Panel
  • Inserting Rollover Images
  • Using the Swap Image Behavior
  • Altering Swap Image Options
  • Using the Show-Hide Elements Behavior
  • Using the Open Browser Behavior
  • Downloading More Behaviors
Lesson 2: SURVIVAL HTML & CSS (24 min)
  • Writing HTML: The Fundamentals
  • Understanding Doctypes
  • Recognizing HTML Tags
  • Understanding Links
  • Working in Split View
Lesson 3: USING & CREATING TEMPLATES (31 min)
  • Using CSS Layouts
  • Editing CSS Layouts
  • Altering CSS Styles
  • Creating a Dynamic Web Template
  • Editing Dynamic Web Templates
Lesson 4: CREATING WEB FORMS (25 min)
  • Creating & Inserting a Form
  • Inserting Text Fields
  • Adding Drop-Down Lists
  • Inserting Radio Buttons
  • Inserting Check Boxes & a Submit Button
  • Connecting a Form to a Script
Lesson 5: ADDING FLASH® TO YOUR PAGES (25 min)
  • Working with Flash
  • Inserting Flash Video
  • Creating Flash Buttons & Text
  • Troubleshooting the Flash Options
Lesson 6: TESTING & PUBLISHING A WEBSITE (18 min)
  • Using the Check Page Feature
  • Testing & Fixing Links
  • Running Site Reports
  • Conguring FTP Settings
  • Publishing a Site to a Server
Lesson 7: DREAMWEAVER TIPS & TRICKS (07 min)
  • Registering a Domain Name
  • Finding Fonts & Photos
  • Learning More Online
  • Final Comments & Credits