Adobe Dreamweaver CS4 Class 2
| Duration: | 1 day |
| Prerequisite: | Basic knowledge of HTML and Cascading Style Sheets (CSS). |
| Course Materials: | Course manual with CD containing exercises |
| Prices: | $260 each for 1 student (one-on-one training) $230 each for 2 to 3 students $200 each for 4 to 6 students $200 for the first 6 students, $125 for each additional student |
| Description: | This is the second class of our Dreamweaver CS4 course and starts where the first class left off. We start with customizing the Dreamweaver environment to streamline our workflow. Students then learn to add dynamic content to a web site such as Flash content, video, and sound. Students also learn how to use Dreamweaver's management and maintenance tools, edit in code view, and build web forms. Finally, students work with the Spry Framework-a library of cool interactive menus, content panels, and XML-driven containers that can be added to a web site. You can choose to take both days of training or to take just the first class and then continue on your own. You can even cherry-pick a day's worth of lessons. |
Fine-Tuning Your Workflow
- Customizing panels and panel groups
- Using the Favorites tab on the Insert bar
- Resizing the document window
- Using guides
- Using grids
- The tag selector
- Switching between tabs and cascading documents
- Zooming
Adding Flash, Video, and Sound Content
- Making web content interesting
- Inserting Flash movies
- Adding video
- Flash Video
- QuickTime video and Windows Media
- Inserting sound
Maximizing Site Design
- Creating modular page elements
- Introducing snippets
- The Snippets panel
- Creating new snippets
- Introducing library items
- Modifying and updating library items
- Introducing templates
- Creating a new template
- Working with editable regions
- Creating new pages from templates
- Modifying templates
- Repeating regions
- Putting repeating regions into action
- Detach from Template command
Under the Hood: Editing in the Code View
- Getting to your code
- Accessing code with the tag selector
- Editing an HTML tag with the Quick Tag Editor
- Inserting tags with the Tag Chooser
- Inserting and editing comments
- Working in the Code view
- The Coding toolbar
- Collapsing and expanding tags and code blocks
- Validating your code
- Highlighting and correcting invalid code
- Using the Check Page menu
- The Validate Markup option
- Formatting code
- Indenting
Building Web Forms
- Forms in everyday (web) life
- How forms work
- Building a contact form
- Inserting the <form> tag
- Setting form properties
- Adding form elements
- Adding text fields
- Adding checkboxes
- Adding radio buttons
- Adding radio groups
- Adding lists and menus
- Adding a text area
- Adding a File Upload field
- Creating Submit and Reset buttons
- Styling forms with CSS
- Attaching external styles
- Setting a background color
- Styling form elements
- Applying the .label style
- Form processing and validation
- Adding form validation
- A look at the Behaviors panel
- Setting an event or trigger
- Previewing the button behavior
- Validating form fields
- Changing a form field’s behavior order
- Verifying field contents
Working with the Spry Framework
- Introducing the Spry Widgets
- The Spry framework for AJAX
- What is AJAX?
- A look at the project
- The Spry Menu bar
- Customizing Spry Widgets with CSS
- The Spry Tabbed panel
- The Spry Accordion panel
- The Spry Collapsible panel
- Working with Spry Data Widgets
- What is XML?
- Creating a Spry XML data set
- Adding a Spry Data Widget: The Spry Repeat List
- Styling and fine-tuning data widgets