1. Getting Started with Dreamweaver CS4
Time: 2 hours
This course explores several of Dreamweaver's important features. It also explains how the Web works and how Web browsers and HTML code function.
Objectives
- Explain the purposes and key features of Dreamweaver
- Describe the functions of Web browsers and HTML
- Explain how tags and attributes function in HTML
- Work with images and colors in Dreamweaver
- Describe the HTML document structure
- Use the HTML tag hierarchy
Topics
- Taking a Look at Dreamweaver CS4
- How Web Sites Work
- HTML Tags and Documents
- Working with Images and Colors in HTML
- HTML Tips
2. Setting Up a New Site
Time: 2 hours
This course explains the basic techniques you need to create a site. It also covers how to use and transfer files.
Objectives
- Create a site definition
- Create a page
- Define the properties of a page
- Describe the views available in Dreamweaver
- Describe how to use the Files panel
- Describe the options on the Files panel
Topics
- Creating a New Site
- Creating a Page and Defining the Properties
- Working with Views
- Using the Files Panel
- Working with Files Panel Options
3. Adding Text and Images
Time: 3 hours
This course explains how to work with text, hyperlinks, lists, and images when designing Web pages.
Objectives
- Add text to your Web pages
- Preview pages in a Web browser
- Create hyperlinks
- Create ordered and unordered lists
- Add images and placeholders to your pages
Topics
- 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
4. Styling Pages with CSS
Time: 4 hours
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.
Objectives
- Work with Cascading Style Sheets (CSS)
- Compare CSS and <font> tags
- Use the CSS Styles panel
- Create Class and Tag styles
Topics
- 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
5. Creating Page Layouts with CSS
Time: 4 hours
This course explains how to employ Cascading Style Sheets (CSS) to create page layouts in Dreamweaver CS4.
Objectives
- Describe the CSS Box model
- Create Divs and AP Divs
- Stack and overlap elements
- Style box contents
- Use visual aids to fine-tune positioning
Topics
- 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
6. Working with Tables
Time: 3 hours
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.
Objectives
- Create and modify tables
- Style tables with HTML
- Style tables with CSS
- Import table data
- Sort table data
Topics
- 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
7. Fine-Tuning the Workflow
Time: 1 hours
This course explains various methods for customizing Adobe Dreamweaver CS4 to make your workflow more efficient and effective.
Objectives
- Customize panels and panel groups
- Use the Favorites group
- Use guides when developing Web pages
- Work with grids when creating Web pages
- Use the tag selector
- View cascading documents
- Zoom in and out when viewing documents
Topics
- Customizing the Workspace Layout
- Using Favorites
- Using Guides
- Using Grids
- Selecting Tags and Cascading Documents
- Zooming the View
8. Adding Flash, Video, and Sound
Time: 1 hours
This course explains how to add media, including Flash movies, videos, and sound to your Web site.
Objectives
- Add Flash movies to your Web page
- Add Flash video to your Web site
- Add QuickTime and Windows Media videos to your site
- Add sound to your site
Topics
- Adding Flash Movies
- Adding Flash Video
- QuickTime and Windows Media Video
- Adding Sound
9. Maximizing Site Design
Time: 3 hours
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.
Objectives
- Describe and create snippets
- Create and modify a library item
- Create and modify templates
- Create and modify repeating regions
Topics
- 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
10. Editing in Code View
Time: 1 hours
This course explains how to use Dreamweaver's tools to work with and validate the HTML code of Web pages.
Objectives
- This course explains how to use Dreamweaver's tools to work with and validate the HTML code of Web pages.
- Use Code and Design views
- Work with the Coding toolbar
- Validate code
- Format code
11. Building Web Forms
Time: 1 hours
This course explains how you can make a Web site more interactive by adding forms which let you gather information from Web site visitors.
Objectives
- This course explains how you can make a Web site more interactive by adding forms which let you gather information from Web site visitors.
- Create forms and work with the <form> tag
- Add form elements and style forms with CSS
- Choose form processing options
- Validate forms
Topics
- Creating User Input Forms
12. Working with the Spry Framework
Time: 1 hours
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.
Objectives
- 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.
- Describe Spry Framework basics
- Create a Spry menu bar
- Work with the Spry support files
- Customize Spry Widgets with CSS
- Build a Spry Tabbed panel
Topics
- Working with the Spry Framework
13. Managing Web Sites
Time: 1 hours
This course explains how to manage web sites you have created, including using reports and built-in tools to track your site.
Objectives
- This course explains how to manage web sites you have created, including using reports and built-in tools to track your site.
- Upload and manage files
- Optimize pages for performance and search engines
- Use Site Reports
- Use the CSS Advisor and Browser Compatibility Check
14. Using Legacy Frames
Time: 1 hours
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.
Objectives
- 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.
- Create frames and framesets
- Set frame properties
- Use the Frames panel
- Add and edit frame content