Adobe Dreamweaver CS4 Training

Course Duration:

2 Days

Course Description:

In this Adobe Dreamweaver training course, students will learn how to use Dreamweaver to customize a Dreamweaver workspace, apply cascading style sheets, enter text in headings, paragraphs, lists, and tables, insert graphics and Photoshop Smart Objects, and add links to a page. Students will also learn how to add interactive elements to their site including Flash video, add new code or code snippets and publish a finished site to the Web.

Course Objectives:

Upon successful completion of this course, students will be able to:

• Define a Dreamweaver site.
• Work with cascading style sheets.
• Work with text, lists and tables.
• Add images to a site.
• Add interactive site elements.
• Create user input forms.
• Add Flash elements to a site.
• Publish a site to the web.

Course Audience:

This course is designed for both new and experienced Adobe Dreamweaver users who are interested in becoming more proficient in their use of Adobe Dreamweaver.

Course Prerequisites:

Students should have experience using a computer to complete basic tasks.

Course Syllabus:

1. Getting Started

• Defining a Dreamweaver site
• Using the Welcome screen
• Selecting a CSS layout
• Saving a page
• Choosing a document view
• Modifying the page title
• Changing headings
• Inserting text
• Inserting images
• Selecting and modifying CSS styles
• Adjusting text, fonts, and colors
• Working with Code view and Code and Design view
• Using the Properties panel
• Previewing a page in Live view
• Previewing pages in a browser

2. WORKING WITH CASCADING STYLE SHEETS

• Previewing a completed file
• Attaching an external style sheet
• Creating new CSS rules
• Applying styles
• Applying custom classes to page divisions
• Examining selectors in the CSS Rules panel
• Creating style sheets for other media types

3. WORKING WITH TEXT, LISTS, AND TABLES

• Previewing a completed file,
• Creating headings, lists, and blockquotes
• Creating tables
• Styling tables with CSS
• Spell-checking a document
• Using the Spry Tooltip widget
• Finding and replacing text

4. WORKING WITH IMAGES

• Previewing the completed file
• Inserting an image
• Using background images
• Using the Properties panel with images
• Copying and pasting from Photoshop
• Accessing Adobe Bridge
• Using Photoshop Smart Objects

5. WORKING WITH NAVIGATION

• Previewing your completed file
• Linking to internal site pages
• Creating an external link
• Setting up e-mail links
• Targeting links within a page
• Inserting Spry Menu Bars
• Inserting Spry Tabbed Panels
• Checking your page

6. ADDING INTERACTIVITY

• Learning about Dreamweaver behaviors
• Previewing a completed file
• Using a Spry effects behavior
• Learning about XML data
• Importing XML data with Spry
• Creating Spry Accordions
• Customizing a Spry Accordion

7. CREATING A PAGE LAYOUT

• Previewing a completed file
• Creating layout styled elements
• Looking at Code view
• Exporting CSS styles
• Using the ruler and guides
• Checking the layout

8. WORKING WITH FORMS

• Previewing a completed file
• Learning about forms
• Adding a form to the page
• Inserting text form elements
• Creating radio buttons
• Inserting check boxes
• Working with lists
• Adding a submit button
• Styling forms

9. WORKING WITH FLASH

• Previewing a completed file
• Adding a Flash movie to a page
• Adding Flash video to a page

10. INCREASING PRODUCTIVITY

• Previewing completed files
• Creating a template
• Inserting editable regions
• Updating a template
• Producing child pages
• Using Library items
• Using server-side includes

11. PUBLISHING TO THE WEB

• Defining a remote site
• Cloaking folders and files
• Putting your site online