Dreamweaver CS4 Fundamentals & Essentials

Description

Dreamweaver CS4 Fundamentals & Essentials teaches you the latest techniques for designing websites with Dreamweaver CS4.  We'll cover countless tips and techniques to help you become more productive with the program. Learn how to create and manage websites, build interactive interfaces, incorporate graphics, text and video and use Photoshop Smart Objects.

This training program is an official training series from Adobe Systems Incorporated, developed with the support of Adobe product experts.

Audience

To get the most out of this course, you should: 

  • Be familiar with using a Windows-based operating system.
  • Use and have knowledge of the web environment and web browsers.
  • A basic understanding of document formatting programs such as Microsoft Word.

Course Length

3 Days 

Course Outline

Getting Started

Unit 1: Getting a quick start and exploring your workspace

  • 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 texts, fonts and colors
  • Working with code view and code & design view
  • Using the properties panel
  • Previewing a page in live view
  • Previewing pages in a browser

Unit 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 CSS rules panel
  • Creating style sheets for other media types

Unit 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

Unit 4: Working with images

  • Previewing a 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

Unit 5: Working with navigation

  • Previewing a completed file
  • Linking to internal site pages
  • Creating an external link
  • Setting up email links
  • Targeting links within a page
  • Inserting spry menu bars
  • Checking your page

Unit 6: Adding interactivity

  • Learning about Dreamweaver behaviors
  • Previewing a file
  • Using a spry effects behavior
  • Learning about XML data
  • Importing XML data with spry
  • Creating spry accordions
  • Customizing a spry accordion

Unit 7: Creating a page layout from scratch

  • Previewing a completed file
  • Creating layout styly
    elements
  • Looking at code view
  • Exporting CSS styles
  • Using the ruler and guides
  • Check the layout

Unit 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

Unit 9: Working with Flash

  • Previewing a completed file
  • Adding a Flash movie to a page
  • Adding Flash video to a page
  • Review questions
  • Review answers

Unit 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
  • Checking your page

Unit 11: Publishing to the web

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