[ ColdFusion Training, Dreamweaver Training, Flash Training, XML Training, JavaScript Training, Ajax Training ]

Introduction to Adobe Dreamweaver CS4 Training

Learn how to effectively use Dreamweaver to quicly develop HTML pages. Use many of Dreamweaver's "Behaviors" that allow you to use JavaScript without any direct coding! Learn how to format text with HTML 4.0 tags, but also explore Cascading Style Sheets (CSS). Insert Images and Backgrounds and use Color. Format your page with the use of Tables.

• Introduction to Dreamweaver
  • Who is Dreamweaver for?
  • What is a “webmaster?”
  • History of Dreamweaver
  • Goals of this class / who this class is for
  • What's New in Dreamweaver CS4
  • Introduction to the Web and HTML XHTML vs. HTML
  • Client-Server Model
  • Definition of HTTP
  • Static pages vs. Dynamic pages (ColdFusion, ASP, PHP, etc.)
• Introduction to the Dreamweaver CS4 Interface
  • Dreamweaver Workspaces
  • Dreamweaver Interface
  • Collapse All Panel Groups
  • Create a New Page
  • Code View vs. Design View
  • Live View
  • Dreamweaver Panels
  • Panels in Dreamweaver CS4
  • Edit Preferences
• Create a Dreamweaver “Site”
  • Site Creation – Basic
  • Site Files Panel 28
  • Exercise 1: Create a Site
• Basics of Page Structure
  • HTML Structural Tags
  • HTML Title
  • Format Text and Color – Hold that thought!
  • Block Level Code and Attributes/Properties
  • Creating Lists
  • “Preview in Browser” vs. “Save and Refresh”
  • Exercise 2: Create the Site’s Index Page
  • Possible Solution to Exercise 2
• Cascading Style Sheets
  • Sample Pages
  • Attaching an Existing Style Sheet
  • Exercise 3: Attaching CSS
  • Possible Solution to Exercise 3
• Creating your own CSS Styles
  • Manage CSS Styles with Dreamweaver
  • Creating New Style
  • Applying CSS to Page Content
  • Exercise 4: Create Custom CSS Styles
  • Possible Solution to Exercise 4
• Using CSS for Layout
  • Using CSS for Layout in Dreamweaver CS4 \Using Different Style Sheets for Printing
  • Exercise 5: Design the Layout of the Index Page
  • Possible Solution to Exercise 5
• Creating Links
  • Internal Links
  • External links
  • E-mail
• Link within page (named anchor)
  • Exercise 6: Adding Links
  • Possible Solution to Exercise 6
• Spry Menu Bar
  • What is JavaScript?
  • What is Adobe Spry?
  • Backward Compatibility
  • Insert the Menu Bar using Dreamweaver
  • Customizing the Menu Bar Using Dreamweaver
  • Examining Applied Styles Using the New Code Navigator
  • Customize the Menu Bar with Direct Coding
  • Exercise 7: Add a Spry Menu Bar
  • Possible Solution to Exercise 7
• Images & Backgrounds
  • Inserting Images in Dreamweaver
  • Image Accessibility Attributes
  • Code Dreamweaver Adds – HTML <img> Tag
  • Aligning Images
  • Adding a Background Image
  • Inserting Photoshop .psd documents directly – PhotoShop Smart Objects
  • Exercise 8: Add Images to Enhance the Page
  • Possible Solution to Exercise 8
• Image Rollover "Behavior" (optional)
  • Adding Rollover Images in Dreamweaver
  • Behaviors
  • Exercise 9: Main Navigation Alternative: Rollover Images (optional)
  • Possible Solution to Exercise 9
• Image Maps
  • Exercise 10: Add a Map with “Hot Spots” to the Locations Page
  • Possible Solution to Exercise 10
• Using a Web Widget to Create a Photo Gallery
  • Searching for Web Widgets
  • Installing a Web Widget
  • Customizing the Photo Gallery
  • Exercise 11: Creating a Photo Gallery
  • Possible Solution to Exercise 11
• Tables
  • Import data from text file
  • Sort Data Command
  • Page Layout: Tables vs. CSS
  • Merge Cells
  • Nesting Tables
  • Exercise 12: Add a Table with Staff Information to the “Contact Us” page
  • Possible Solution to Exercise 12
• Forms
  • Using Dreamweaver to Create Forms
  • HTML Form Elements
  • Creating Data-Driven Sites with Dreamweaver
  • Exercise 13: Create a “Contact Us” Form
  • Possible Solution to Exercise 13
• Form Validation with Spry
  • Closer look at Spry Validation Text Field
  • Exercise 14: Form Validation with Spry
  • Possible Solution to Exercise 14
• Appendix A: Site Management Information
  • Find and Replace
  • Built in FTP client
  • File check-in/check-out
  • Design Notes
  • Link Checker
  • Reports
  • Browser Compatibility Check
• Appendix B: Working with HTML Code Directly
  • Tags at bottom
  • Tag dialog boxes on code side
  • Reference window
• Appendix C: Resources 171

See also

Adobe Dreamweaver Training Courses

• Introduction to Dreamweaver CS4 Training (2 days)
• Advanced Dreamweaver CS4 Training (2 days)
• Building Data-driven Websites with Dreamweaver CS4 (using ColdFusion, PHP or ASP) Training (2 days)
• Using Adobe Dreamweaver Developer Toolbox with Dreamweaver CS4 (using ColdFusion, PHP or ASP) (2 days)

• Introduction to Dreamweaver CS3 (2 days)
• Advanced Dreamweaver CS3 (2 days)
• Building Data-driven Websites with Dreamweaver CS3 (using ColdFusion, PHP, ASP.NET or ASP) (2 days)
• Using Adobe Dreamweaver Developer Toolbox with Dreamweaver CS3 (using ColdFusion, PHP, ASP.NET or ASP) (2 days)

• Introduction to Dreamweaver 8 (2 days)
• Advanced Dreamweaver 8 (2 days)
• Building Data-driven Websites with Dreamweaver 8 (using ColdFusion, PHP, ASP.NET or ASP) (2 days)