Adobe Dreamweaver CS5 Fundamentals

Description

Dreamweaver CS5 Fundamentals teaches you the latest techniques for designing websites with Dreamweaver CS5.  If you're new to Dreamweaver, you'll learn the fundamentals of putting the program to work.  If you're an experienced user, you'll find that this course does cover some advanced features, including tips and techniques for using the latest version of Dreamweaver.  You'll learn to define a web site, layout pages with CSS, use tables, create rollovers and work with templates and forms. 

Audience

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

  • Have a working knowledge of your computer and its operating system.
  • Know how to use the mouse, standard menus, commands, and also how to open, save and close files.
  • Use and have knowledge of the web environment and web browsers is a plus but not required.

Course Length

3 Days 

Course Outline

Unit 1: Customizing Your Workspace

  • Touring the workspace
  • Switching and splitting views
  • Working with panels
  • Selecting a workspace layout
  • Adjusting toolbars
  • Personalizing preferences
  • Creating custom keyboard shortcuts
  • Using the property inspector

Unit 2: HTML Basics

  • What is HTML?
  • Where did HTML begin?
  • Writing your own HTML code
  • Frequently used HTML 4 codes
  • Where is HTML going?

Unit 3: CSS Basics

  • What is CSS?
  • HTML vs. CSS formatting
  • CS box model
  • HTML defaults
  • Formatting text
  • Formatting objects
  • Multiples, classes, and ID's, oh my!

Unit 4: Getting A Quick Start

  • Defining a Dreamweaver site
  • Using the welcome screen
  • Selecting a CSS layout
  • Saving a page
  • Modifying the page title
  • Changing headings
  • Inserting text
  • Inserting images
  • Selecting and modifying CSS styles
  • Adjusting text fonts, colors, and sizes
  • Using the property inspector
  • Previewing a page in live view
  • Previewing pages in a browser

Unit 5: Creating A Page Layout

  • Web design basics
  • Working with thumbnails and wireframes
  • Previewing your completed file
  • Modifying an existing CSS layout
  • Adding a background image to the header
  • Inserting new div components
  • Modifying the page width and background color
  • Inserting an image placeholder
  • Inserting placeholder text
  • Modifying the footer
  • Checking browser compatibility

Unit 6: Working With Cascading Style Sheets

  • Previewing a completed file
  • Working with the CSS styles panel
  • Creating new CSS rules
  • Creating an interactive menu
  • Modifying hyperlink behavior
  • Creating faux columns
  • Moving rules to an external style sheet
  • Creating style sheets for other media types

Unit 7: Working With Templates

  • Previewing completed files
  • Creating a template from an existing layout
  • Inserting editable regions
  • Producing child pages
  • Updating a template
  • Using library items
  • Using server-side includes

Unit 8: Working With Text, Lists, And Tables

  • Previewing a completed file
  • Importing text
  • Creating headings
  • Creating lists
  • Creating text indents
  • Creating and styling tables
  • Spell checking web pages
  • Finding and replacing text

Unit 9: Working With Images

  • Reviewing web image basics
  • Previewing the completed file
  • Inserting an image
  • Adjusting image positions with CSS classes
  • Working with the insert panel
  • Using Adobe Bridge
  • Inserting incompatible file types
  • Working with Photoshop Smart Objects
  • Copying and pasting images from Fireworks and Photoshop
  • Inserting images by drag and drop
  • Optimizing images with the property inspector

Unit 10: Working With Navigation

  • Hyperlink basics
  • Previewing your completed file
  • Creating internal hyperlinks
  • Creating an image-based link
  • Creating an external link
  • Setting up e-mail links
  • targeting page elements
  • Inserting Spry menu bars
  • Inserting Spry menus as library items
  • Checking your page

Unit 11: Adding Interactivity

  • Learning about Dreamweaver behaviors
  • Previewing a completed file
  • Working with Dreamweaver behaviors
  • Working with Spry Accordion widgets

Unit 12: Adding With Flash

  • Understanding Flash
  • Previewing a completed file
  • Adding Flash animation to a page
  • Adding FLV file to a page

Unit 13: Working With Forms

  • Previewing a completed file
  • Learning about forms
  • Adding a form to a page
  • Inserting text form elements
  • Inserting checkboxes
  • Creating radio buttons
  • Working with lists
  • Adding a submit button
  • Specifying a form action
  • Emailing form data
  • Styling forms

Unit 14: Working With Online Data

  • Working with dynamic content
  • Previewing the completed file
  • Using HTML and XML data
  • Choosing a server model
  • Configuring a local web server
  • Setting up a testing server
  • Building database applications

Unit 15: Building Dynamic Pages With Data

  • Building pages with ASP, ColdFusion, or PHP
  • Creating a master/detail page set
  • Creating a detail page

Unit 16: Working With Code

  • Code tools overview
  • Selecting code
  • Collapsing code
  • Expanding code
  • Adding new code
  • Using code navigator
  • Accessing live code
  • Using inspect mode
  • Working in related files
  • Accessing split code view
  • Commenting your code

Unit 17: Publishing To The Web

  • Defining a remote site
  • Cloaking folders and files
  • Wrapping things up
  • Putting your site online
  • Synchronizing local and remote sites