Adobe Dreamweaver CS5 Website Development

Duration: 3 days
Time: 10am - 6pm. Breaks are scheduled throughout the day and lunch is typically scheduled between 12-1pm
Course Materials: Vendor Authorized Courseware provided
Locations: Reston, VA / On-Site
Related Courses: Fireworks - Photoshop - Flash - Illustrator
Download Course Outline (PDF)
Cost: $1295
Registration: Click Here to Register

Description

Adobe Dreamweaver Website Development is a 3-day course that provides web designers with the knowledge and hands-on practice they need to build and manage professional web sites using industry standard for professional web development and design. This class introduces the student to the fundamentals of Dreamweaver with an emphasis on best practices and current web standards.

Audience

This course is for people new to web design and development and would like to use Dreamweaver to build intuitive, attractive and accessible web sites. This class will cover design techniques as well as best practices for CSS and design standards.

Prerequisites

Because of the amount of material we cover in class, we do require students to be comfortable using a mouse, opening and saving files, and the general operations of computers. While we will make every reasonable effort to help, students with insufficient skills may be required to observe the class lessons or do their best to keep up without slowing down the rest of the class.

What you will learn

Dreamweaver Interface Basics
Getting started with web design and layout
Working with text and images
Creating links and anchors
Designing for devices with CS5
Building Successful Site Navigation
Building forms in Dreamweaver
Fireworks CS5 integration
Accessibility and Standards
Site maintenance

Lesson Plans

Web Basics
HTML vs. XHTML
What is CSS?
What is XML?
What is DHTML?
What is JavaScript?
File Naming Conventions
What is an Index Page?

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

2 HTML Basics

What is HTML?
Where did HTML begin?
Writing your own HTML code
Frequently used HTML 4 codes
Where Is HTML Going?

3 CSS Basics

What is CSS?
HTML vs. CSS formatting
CSS box model
HTML defaults
Formatting text
Formatting objects
Multiples, classes, and IDs, oh my!

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

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
Modifying existing content and formatting
Inserting an image placeholder
Inserting placeholder text
Modifying the footer
Checking browser compatibility

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

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

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

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

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

11 Adding Interactivity

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

12 Working with Flash

Understanding Flash
Previewing a completed file
Adding Flash animation to a page
Adding an FLV fi le to a page

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

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

15 Building Dynamic Pages with Data

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

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

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

 

---