Course Overview
Create compelling, feature-rich websites from start to finish using the industry standard tool in this comprehensive Dreamweaver hands on training. Your instructor will work with you to teach the nomenclature, essential workflow and techniques to designing your webpages with Cascading Style Sheets (CSS). You will learn to bring in a variety of multimedia assets such as Word documents, photography, logos, and Flash (swf) movies and video; connect to FTP sites and publish your content to your server; create advanced elements such as drop-down navigation menus and incorporate interactive maps, RSS feed and more.
Your instructor will cover the pitfalls, and the best practices will be followed so that you are creating websites with the latest standards to reach world-wide audiences across different browsers and computer platforms. This is a Dreamweaver essential training class.
This Dreamweaver CS4/CS5 course is intensive, but not complicated. Our job is to make difficult concepts easy to understand and implement into your own projects.
Audience Profile
This course is intended for novice web designers, web developers, website designers, and graphic artists with some programming
background who need to build simple websites and want to utilize the features of Adobe Dreamweaver CS4/CS5.
Objectives
Upon successful completion of this course, students will be able to:
- Identify basic web design concepts and customize the Adobe Dreamweaver CS4/CS5 interface.
- Build a website.
- Design web pages.
- Create reusable site assets.
- Work with different types of links.
- Upload a website.
Course Outline
Introducing the Course
- Reviewing the Course Objectives
- Reviewing the Course Format
- Outlining the Course Content
- Understanding Static Page Architecture
Getting Started
- Introducing Dreamweaver
- Learning the Interface
- Defining a Local Site
- Local Info Settings
- Creating a Website
- Development Process
- Adding Content to a Site
- Adding Content
- Controlling Document Structure
- Headings
- Paragraphs
- Line Breaks
- Making Lists
- Adding Horizontal Rules
- Non-breaking Space
- Adding Special Characters
- Using the Quick Tag Editor
Formatting with Cascading Style Sheets
- Formatting Text
- Block vs. Character Formatting
- Introducing Cascading Style Sheets
- CSS Benefits
- Creating Styles
- HTML Tag Rules
- New CSS Rule Definition
- Using Points, Pixels or Ems for Font sizes
- Creating Class Styles
- Applying the Style
- Attaching External Style Sheets
- Link vs. Import
- Creating Advanced Styles
- Combination Selectors
- The Style Rendering Toolbar
- Understanding Cascading Order and
- Inheritance of Styles.
Working with Graphics
- Using Graphics on Web Pages
- Placing Graphics on the Page
- Accessibility Setting
- Using the Insert Bar for Images
- Modifying Image Properties
- Wrapping Text around Images
- Editing Images
- Doing Roundtrip Editing with Fireworks
- Optimizing an Image
- Adding Flash Content
- Adding Flash Video
Navigating Your Site
- Understanding Site Navigation
- Link Types
- Linking to Files in Your Site
- Updating Links
- Link States
- Linking to Sites
- Targeting a Link
- Linking to Named Anchors
- Adding E-mail Links
Designing Page Layouts with CSS
- Understanding Page Layout
- CSS Box Model
- Adding Margins and Padding
- Designing with DIVs
- Float Property
- Designing Navigation Links with CSS
- Importing Tabular Data
- Creating a Table
- Table Properties
- Sorting Tables
Using Libraries and Templates
- Using Site Library Items
- Creating Library Items
- Updating Library Items
- Creating Site Templates
- Template Regions
- Defining Editable Regions
- Applying a Template to an Existing Page
- Modifying Templates
Creating Forms
- Understanding Forms
- Form Properties
- Using Form Objects
- Text Fields
- Checkboxes
- Radio Button Groups
- List/Menu Field
- Buttons
- Setting input tag accessibility
- Processing Forms
- Method and Form Data
- Validating a Form
Working with Spry
- About Spry widgets
- The Spry Framework
- About the Accordion widget
- About the Menu Bar widget
- About the Collapsible Panel widget
- About the Tabbed Panels widget
- Testing, Maintenance, and Uploading
Testing Your Site
- Checking Accessibility
- Checking Links
- Site Check
- Checking Browser Compatibility
- Manual Document Check
- Maintaining Your Files and Folders
- Connecting to a Remote Site
- Cloaking Folders and Files
- Uploading Files
- Synchronizing Files
Prerequisites
Dreamweaver Training: Essential Skills I Course Prerequisites
- Basic Computer Skills on Windows or Mac