Course Info

Duration

2 Days

Class Size

Max 7 – 8

Course Times

9am to 4pm

Computers

Macs & PCs

After Course

Book included

Phone

9516 1715

Location

Level 7, 89 York St

Download

Course PDF

Price

$845 $795 if booked during January or February

Dreamweaver Essentials Course [CS3/CS4]

Upcoming Classes | Course Outline

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, which includes information relating to the underlying code of web sites and web site principles.

Free 1 Gig USB

City Desktop Training provides students with a free 1 Gig USB Flash Drive with their first course, to be able to take their class files away with them.

What you will learn

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

— Dreamweaver's Code View for HTML & CSS,
— Starting your Site, — Dreamweaver's Interface,
— 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.

 

Upcoming Dreamweaver Courses at a glance

	January	February	March	April
Dreamweaver Introduction	15 & 16	5 & 6	5 & 6	2 & 3
Dreamweaver Advanced		19 & 20		16 & 17

 

Dreamweaver CS3/ CS4 Course Outline

XHTML & CSS - Web Page Design Overview

A short overview to enable users to understand the structure behind web pages: Browsers and source code, Text Editors, HTML vs XHTML, CSS Overview.

The following areas are also covered while working in Dreamweaver: Naming conventions, spaces, symbols, Page & tag structures, Title Tag, Deprecated Tags, Tables vs CSS Layout, Accessibility, Colour and the hexadecimal system, Special Characters, Comment Tag, Links, Linking to a subfolder or parent folder, Web design process, Best Practices.

Dreamweaver

Starting Your Site

Use Site Definition to set up location of root folder. After creating your first page, find the quickest ways to set page properties, preview in specific browsers and other shortcuts.

Properties Inspector/ Links

Use the Properties Inspector with the tag selector to quickly format selected elements. Link options: relative, absolute, anchors and email links. Using Point to File short cut. Linking to PDFs and New Window command.

Dreamweaver's Interface

Code and Design views, Insert toolbars, Preferences, Arranging & docking panels, Status bar, Selecting and sourcing colours.

CCS

Styling text through creating internal and external CSS—creating custom classes and redefining tags, working with the CSS Styles Panel.

CSS Layout

Use Dreamweaver’s CSS Designs to build pages that use block elements instead of table rows and columns. Editing the built in Dreamweaver CSS Layouts to suit your own design ideas. This includes working with ID Selectors and pseudo-class selectors, grouped selectors and contextual selectors, Divs vs Spans. Moving internal styles to external.

Tables & Text

Even with the advent of CSS Layouts, tables are still being used for formatting some of a site’s content. Pixels vs Ems / Percentages. Lists.

Assets Panel

The Assets Panel is the best way to keep track of, and easily insert the many elements you want for your site.

Images

Image formats, Reverting to original image size, Alt tags Image maps. Dreamweaver’s quick image editing features.

Forms

Introduction to designing forms for the web to improve audience interaction. Form validation. Jump Menus.

Spry Elements

Introduction to creating spry elements: includes creating a drop down menu bar.

Flash

Inserting Flash files, creating Flash text and Flash buttons.

Site Features

Setting up and applying Templates, Libraries, History, Spell checking. Check Links sitewide, Site Map.

FTP

Use Dreamweaver’s built-in FTP to upload, download and synchronise your web site with a web server. A few tips on some of the ways for your pages to rank higher with search engines. Choosing a web hosting service, Registering Domain Names

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.