Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Dreamweaver CS5 graphic Dreamweaver Essentials Course $895 $795 Book Course

Course Description

The 2 day course is for people who want to learn about web site design using Dreamweaver and is suitable for those working on small or large web sites. If you are completely new to building web sites, then it is strongly recommended that you attend the 1 Day HTML Essentials (only $395 with this course), which includes information relating to the underlying code of web sites and website principles.

What You Will Learn

During the 2 day Dreamweaver Essentials course, the following topics are covered. See outline below for more in depth detail:

  • - Dreamweaver's Code View for HTML & CSS
  • - Starting your Site
  • - Properties Inspector & Linking
  • - CSS for Styling & CSS for Layout
  • - Working with Tables & Text
  • - Assets Panel
  • - Working with Images
  • - Designing Forms, Site Features, Libraries & Templates
  • - JavaScript Behaviours, Adding Spry Elements, Inserting Flash
  • - FTP: Uploading your Site

 

 

 

 

 

Dreamweaver Essentials - Course Outline

Web Page Design Overview

  • - Browsers and source code
  • - Text Editors, HTML vs XHTML, CSS Overview
  • - Content vs Styling
  • - Common web languages
  • - CSS
  • - JavaScript
  • - Code Versions
  • - The W3C
  • - Viewing Code in a browser

Preparing to create a website

  • - The Design process
  • - The Planning process
  • - Organising your files and site folder structure
  • - Design considerations
  • - Screen resolution, fonts
  • - Mac or Windows OS
  • - The Firefox Web Developer Toolbar

Getting Started in Dreamweaver

  • - Dreamweaver features overview
  • - Roundtrip HTML & image editing
  • - CSS templates
  • - Spry tools
  • - Easy Table Editing
  • - Built in JavaScript Behaviours
  • - Assets Panel categories
  • - The Reference panel
  • - Code checking and reporting tools
  • - Exploring the Dreamweaver Inferface
  • - Workspace elements
  • - Properties Panel
  • - Status Bar
  • - Tag Selector
  • - Using Workspace Layouts
  • - Setting up ideal Dreamweaver Preferences
  • - Defining a website
  • - The local root folder
  • - Creating new pages - CSS vs Tables
  • - Saving web pages and file naming considerations
  • - Choosing a Document View
  • - Setting Head tags: Title, Meta and Description

Working with Text, Lists & Tables

  • - Insert and Modify Text and Headings
  • - Create Lists
  • - Spell Checking
  • - Special Characters
  • - Multiple Space
  • - Previewing Pages in Browsers
  • - Creating Tables
  • - Insert Table dialog box
  • - Setting Table elements
  • - Editing and manipulating Tables

Working with Images

  • - Image Considerations
  • - Image Formats
  • - File Size
  • - Transparency
  • - Image Attributes
  • - Inset an Image
  • - Using the Assets Panel
  • - Image Editing Tools: Fireworks & Photoshop
  • - Optimising an images file size
  • - Creating Image Rollovers
  • - Image Maps

 

    Working with Links

  • - Document Relative Links
  • - Absolute Paths
  • - Root Relative Paths
  • - Automatic Link Checking

Working with CSS

  • - Styling - HTML vs CSS
  • - Benefits of CSS
  • - Styling Workflow
  • - Setting Page Properties
  • - What are Style Rules
  • - Tag / Element
  • - Classes
  • - IDs
  • - Advanced / Compound
  • - Style Rule Locations
  • - Style Categories: Type, Background, Block, Box, Border, List
  • - Style Positioning
  • - Style Values
  • - The CSS Styles Panel
  • - Creating Style Rules
  • - Editing a CSS Rule
  • - Create and apply Class Selectors
  • - Create Contextual Selectors
  • - Exporting Style Rules
  • - Linking to Style Sheets
  • - Dreamweaver's CSS Page Layouts

Working with Forms

  • - Introduction to Form Design
  • - Action & Method
  • - Form Element Properties
  • - Forms Fields: Text, Hidden, Buttons, Check boxes, List/ Menu
  • - Jump Menus
  • - Accessibility Options

Introducing Spry

  • - Spry Overview
  • - Spry Menu Bar Widgets

Increasing Productivity

  • - Templates
  • - Updating Templates
  • - Libraries
  • - History Panel
  • - Saving as a Command

Publishing to the Web

  • - Site Definition Dialog Box
  • - FTP: Defining Remote Information
  • - Transferring Files
  • - Host Service Considerations

Additional Information

  • - Website Design Workflow
  • - Plan your site
  • - Design a mock-up
  • - Define your local site
  • - Define the structure of your page design
  • - Create a template
  • - Test and publish

Web Design Resource Links

At the end of this 2 day Dreamweaver course, students will have a solid understanding of Dreamweaver and the web design process. This will enable them to design, create and manage their own web sites.

 

SYDNEY September October November December January
Dreamweaver CS5 / CS4
Dreamweaver Essentials 16 & 17
23 & 24
14 & 15 11 & 12 9 & 10 13 & 14
Dreamweaver Advanced 2 & 3 28 & 29 - - -
SYDNEY September October November December January
HTML
HTML & Web Principles 14
21
12 9 7 7
MELBOURNE September October November December January
Dreamweaver CS5 / CS4
Dreamweaver Essentials - - Please Call - -
Dreamweaver Advanced - - Please Call - -
MELBOURNE September October November December January
HTML
HTML & Web Principles - - Please Call - -
BRISBANE September October November December January
Dreamweaver CS5 / CS4
Dreamweaver Essentials - - Please Call - -
Dreamweaver Advanced - - Please Call - -
BRISBANE September October November December January
HTML
HTML & Web Principles - - Please Call - -
ONLINE COURSES September October November December January
Dreamweaver CS5 / CS4
Dreamweaver Essentials 23 & 24 - 25 & 26 - -
ONLINE COURSES September October November December January
HTML
HTML & Web Principles 21 - 23 - -