HTML and Dreamweaver 2004

Learning Outcomes > > >
This training course is designed to teach new web developers how to create web sites using Macromedia Dreamweaver MX 2004. The course is task-based with students learning by doing. Along with covering the basics of Dreamweaver MX 2004, the course focuses on best practices and design, stressing the importance of usability.

•  Open and use the Dreamweaver MX 2004 interface to create pages and preview the pages in a browser

•  Use Dreamweaver 2004 to generate HTML tags for page formatting and view the resulting HTML source code

•  Create links between and within pages in Dreamweaver MX 2004

•  Create e-mail links

•  Use graphics to make your web site attractive and link to other pages

•  Create and implement a page design using HTML tables

•  Use Dreamweaver MX 2004 templates to implement a consistent page design

•  Create HTML forms to get information from your users

•  Create and link style sheets for a consistent look and feel of your web pages

•  Use behaviors to create interactive page elements

•  Test your web pages and deploy them to a remote site

• Maintain your web pages using 'find and replace'

Time range: 5 sessions, 4 hours per session

Day 1 Introduction to HTML and Dreamweaver

HTML Introduction

• Explain hypermedia vs. linear media
• Define HTML
• Understand HTML Element Structure
• Describe the Basic Document Structure
• Describe how HTML works
• Choose a Text Editor.
• Create a Basic Starting Document.
• Understand and Set Document Properties.

Overview of the Dreamweaver Environment

• View Your Results in a Browser. Identify the main components of Dreamweaver's environment .
• Select and modify Dreamweaver's Preferences
• Site Management in Dreamweaver
• Understand how websites are typically structured
• Set up a website in Dreamweaver's Site Window >
• Use Dreamweaver's Site Management features

Day 2 HTML Styles, Links, Site upload

Formatting Text

• Formatting text on the web
• Changing the font properties
• Introducing Cascading Style Sheets
• Fonts and class styles
• Creating styles
• Creating tag selectors
• Creating advanced styles
• Exporting CSS style definitions
• Attaching external style sheets
• Creating a new style sheet

Lists

• Create an UnOrdered List
• Create an Ordered List
• Create a Definition List
• Nest Lists

Anchors and URLs

• Insert links into documents
• Define Link Types
• Define URL
• List some commonly used URLs

FTP
In this section, you learn how to find a hosting company, or host a site by yourself. Upload the site to the web server by using Dreamweaver or some other FTP tools such as CuteFTP, WS-FTP.

Day 3 Images, Tables, and Forms

Images and Image Maps

•  Distinguish between supported graphics formats and unsupported graphics formats

•  Determine which graphic format is best for the type of image

•  Add images to your pages

•  Use the Assets Panel

•  Use images as links

•  Create image maps

•  Create a Photo Album for fun

Tables

•  Create a Table

•  Change a Table's properties

•  Edit a Table

•  Modify a Table Cell and it's properties

•  Perform advanced Table editing

•  Use Dreamweaver's Tabular Data Import

•  Use Dreamweaver's Navigation Bar Control

•  Use Dreamweaver's Layout View

Forms

•  Create a Form

•  Add elements to a Form

•  Configure the Form for Processing

•  Understand the Client/Server Relationship

Day 4 Page Layout, Frames, CSS, Navigation System design

Frames

•  Create a Frames based page

•  Work with the Frameset, Frame, and Noframes elements

•  Use the attributes of the Frames elements to control the look of the Frameset

•  Set Targets appropriately

CSS

Tableless layout using CSS

Navigation Design

•  Create a navigation bar

•  Create rollover button

•  Create Jump Menu

Day 5 Behavior, Extension, HTML compiler, Site Pormoter

Behaviors and JavaScript

•  Understand JavaScript in relation to HTML

•  Use Dreamweaver 's Behaviors Effectively

Ten Popular Extensions in Dreamweaver

•  audioembed.mxp

•  Chromeless_Lite.mxp

•  dHTML_AutoScroll_Area.mxp

•  MFXslide_menu.mxp

•  MX17503_expandableOutlines.mxp

•  ZoomBrowserWindow.mxp

•  MX315065_KW_Brattli_foMenu2.mxp

•  DWinamp.mxp

•  flash_panel.mxp

•  Pop_to_Parent.mxp

HTML Compiler

This section will teach you how to compile a HTML site to a Electronic Book

Site Marketing and Promotion

This section will teach you some popular site promotion tools to market your site.