Introduction to Adobe Dreamweaver CS4 Training (2 days)

Introduction to Adobe Dreamweaver CS3 Training Course Overview

In this Adobe Dreamweaver training class, students receive a comprehensive introduction to using Dreamweaver CS3 to create web sites.

Introduction to Adobe Dreamweaver CS3 Training Course Goals

• Understand how web pages work
• Learn to create and manage web sites with Dreamweaver
• Learn to add graphics and links to pages
• Learn to create tables
• Learn how to design with Cascading Style Sheets (CSS) within Dreamweaver

Introduction to Adobe Dreamweaver CS3 Training Course Prerequisites

Experience in the following areas is required:

• Experience with basic software programs such as Microsoft Word
• Experience browsing the Web

Experience in the following areas would be beneficial.

• HTML

Introduction to Adobe Dreamweaver CS3 Training Course Outline

1. Dreamweaver CS4 Jumpstart
   1. What is Dreamweaver?
   2. Design and layout tools
   3. Site management and File Transfer Protocol
   4. Coding environment and text editor
   5. Who uses Dreamweaver?
   6. What's new in Dreamweaver CS4?
   7. New user interface
   8. Live View
   9. Related files
   10. Code Navigator
   11. CSS improvements
   12. HTML data sets
   13. Photoshop smart objects
   14. Other new features
   15. Adobe AIR authoring support
   16. Subversion
   17. An overview of features
   18. How web sites work
   19. A simple flow chart
   20. Domain names and IP addresses
   21. Servers and web hosts
   22. The role of web browsers
   23. An introduction to HTML
   24. Tag structure and attributes
   25. The structure of an HTML document
   26. Placing images in HTML
   27. Colors in HTML
   28. Case sensitivity and whitespace rules
   29. Tag hierarchy
   30. XHTML 1.0 Transitional
   31. What's the difference?
   32. Explorations in code
   33. A look at the Welcome Screen
   34. Creating, opening, and saving documents
   35. Creating new documents
2. Setting Up a New Site
   1. Creating a new site
   2. Advanced site-creation options
   3. Adding pages
   4. Saving a page to your site
   5. Defining page properties
   6. Work views
   7. A look at the Files panel
   8. Viewing local files
   9. Selecting and editing files
   10. Files panel options
   11. Changing the Files panel view
3. Adding Text and Images
   1. Typography and images on the web
   2. Adding text
   3. An introduction to styles
   4. Previewing pages in a web browser
   5. Understanding hyperlinks
   6. Creating hyperlinks
   7. Relative versus absolute hyperlinks
   8. Linking to an e-mail address
   9. Creating lists
   10. Using the Text Insert panel
   11. Inserting images
   12. Image resolution
   13. Image formats
   14. Creating a simple gallery page
   15. Linking images
   16. Using image placeholders
   17. Editing images
   18. Adjusting brightness and contrast
   19. Resizing images
   20. Updating images
4. Styling Your Pages with CSS
   1. What are Cascading Style Sheets?
   2. A little bit of ancient history: when <font> tags roamed the Earth
   3. The dawn of CSS
   4. How do you create CSS rules in Dreamweaver?
   5. Understanding Style Sheets
   6. Understanding why they're called Cascading
   7. Creating and modifying styles
   8. Creating a class style with the Property Inspector
   9. Creating and modifying styles in the CSS Styles panel
   10. Advanced text formatting with CSS
   11. Fine-tuning page appearance with contextual and pseudo-class selectors
   12. Div tags and CSS IDs
   13. Internal versus external style sheets
   14. Attaching an external style sheet to your page
   15. Modifying attached style sheets
   16. Creating a new .css file (external style sheet)
   17. Adobe Device Central
5. Creating Page Layouts with CSS
   1. The CSS Box model
   2. The basics of CSS margins, padding, and borders
   3. Reviewing the <div> element
   4. Reviewing the ID selector
   5. Positioning content with AP Divs
   6. Creating your first boxes with Draw AP Div
   7. Centering your page with relative positioning
   8. Making layouts cross-browser compatible
   9. Adding columns and headers to a layout
   10. Absolute versus relative positioning
   11. Adding a global navigation
   12. Box overlap and z-index
   13. Reordering <div> elements
   14. Adding additional content and styles
   15. Setting margins, padding, and borders
   16. Overriding default margins in CSS
   17. Futureproofing your layout
   18. Moving the internal styles
6. Working with Tables
   1. Using tables in web design
   2. Importing table data
   3. Selecting table elements
   4. Modifying table size
   5. Modifying table structure
   6. Creating a table
   7. Formatting and styling tables in HTML
   8. Formatting and styling tables with CSS
   9. Advanced CSS styling of tables
   10. Controlling cell alignment, padding, and borders with CSS
   11. Creating alternate row styling with CSS
   12. Reusing CSS for other tables
   13. Data sorting tables

Introduction to Adobe Dreamweaver CS3 Training Course Materials

Each student will receive a copy of Adobe Dreamweaver CS3 Hands-On Training by Garrick Chow, which will serve as a guide for the class.

Introduction to Adobe Dreamweaver CS3 Training Course Technical Requirements and Setup Instructions

Click here for technical requirements and setup instructions