Objectives:

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

• Identify basic web design concepts and customize the Adobe® Dreamweaver® CS5 interface.
• Build a website.
• Design web pages.
• Create reusable site assets.
• Work with different types of links.
• Upload a website.

• Work in Code view and use coding tools and features available in Adobe Dreamweaver
• Format web pages using advanced CSS techniques.
• Work with AP elements.
• Work with Spry elements.
• Create and validate forms.
• Integrate external files with Dreamweaver.

Getting Started with Dreamweaver

Identify the Basic Concepts of Web Design - XHTML - Websites - Uniform Resource Locator (URL) - The Website Access Process - Principles of Web Designing - Design Elements

Element and Attribute Consistency - Layout Symmetry - CS Live

Locate Dreamweaver Interface Elements - The Welcome Screen - The Dreamweaver Workspace

Document Views

Customize the Interface - Panel Groups - Predefined Workspaces - The Preferences Dialog Box - How to Customize the Interface

Initiating a Website

Identify the Elements of a Project Plan - Project Plans - Project Plan Phases - Project Plan Deliverables

Determine the Workflow of a Web Project - Storyboards - Flowcharts - Wireframes - Site Maps

Define a Website - Starter Layouts - The Site Setup Dialog Box - The FILES Panel - How to Define a Website

Create a Document - File Naming Conventions - Page Size Resolution - The New Document - Dialog Box - The Home Page - The Check Spelling Command - How to Create a Document

Designing Web Pages

An Introduction to Cascading Style Sheets - Cascading Style Sheets - Types of CSS - CSS Rules - Tag Styles - Class Styles

Format a Web Page - Text Properties - Lists - The CSS STYLES Panel - CSS Text Properties - The Page Properties Dialog Box - CSS Disable-Enable - The div and span Tags - The INSERT Panel - How to Format a Web Page

Identify Copyright and Citation Requirements - Copyright Terminologies - Copyright Permission - Citing Internet Content

Insert Images - Graphic File Formats for the Web - Image Properties - CSS Image Properties -

How to Insert Images

Insert Tables - Tables - The Table Dialog Box - CSS Table Properties - Table Modes - How to Insert Tables

Import Data from Other Applications -Import Commands  - The Clean Up Word HTML Command - How to Import Data from Other Applications

Organize Files and Folders - How to Organize Files and Folders

Creating Reusable Site Assets

Create and Use Library Items - The ASSETS Panel - Libraries - How to Create and Use Library - tems

Update Library Items - How to Update Library Items

Use Snippets - Snippets - The SNIPPETS Panel - How to Use Snippets

Create a Template - Templates - Regions of a Template - How to Create a Template

Working with Links

Create Hyperlinks - Hyperlinks - The Hyperlink Dialog Box - How to Create Hyperlinks

Create Anchors - Anchors - How to Create Anchors

Create Email Links - Email Link - How to Create Email Links

Create Image Maps - Hotspots - Image Maps - How to Create Image Maps

Create Image Link Rollovers - Rollovers - How to Create Image Link Rollovers

Uploading a Website

Validate a Website - Accessibility Standards - The Results Panel Group - Validator Preferences - Site Reports  - Adobe BrowserLab - How to Validate a Website

Formatting with Advanced CSS Techniques

Use External Style Sheets - Create a Layout Using CSS - Apply Rollover Effects Using CSS

 

Working with AP Elements

Create AP Elements - Topic 3B: Control AP Elements

 

Working with Spry Elements

Use Spry Interface Widgets - Use Spry Data Sets

 

Creating a Form

Set Up a Form - Add Form Elements -  Validate a Form

 

Integrating External Files with Dreamweaver

Integrate Photoshop Images in Dreamweaver - Insert Media Objects - Integrate XML-Based Data