Dreamweaver 8: Level 1: Website Development (2 day)

Course Overview

As a prospective Web developer, you'll need to create both individual pages and to fit those files in an entire site structure. Thus far, you may have some knowledge of the underlying HTML structure of Web pages and affiliated technologies such as JavaScript and Cascading Style Sheets, but haven't used Dreamweaver to apply them to live sites. In this course, you'll learn to take full advantage of Dreamweaver's efficient interface for developing a static site with text, images, media, navigation elements, and forms. By applying its site management tools, you'll ensure that the site you create works as you intended for the widest possible audience.

Audience

The target student is the professional who wants to use Dreamweaver 8 to design and develop Web pages with a WYSIWYG application, but who also has the ability to understand and work with the architecture and coding of Web pages. Students are those in small companies or departments within large companies who use Web technologies for electronic communication through the use of new technologies. Some examples of target customers are advertising agencies, marketing agencies, and groups involved in intranet and extranet production.

Skills Gained

You will use Dreamweaver's graphical page-building interface to efficiently develop and manage static Web sites that feature text, graphics, multimedia, navigation, and form elements.

Prerequisites

Experience with Windows Operating Systems. Familiarity with Web technologies and various Web browsers. Basic working knowledge of HTML, JavaScript, and CSS. Basic understanding of design and media applications such as FreeHand and Fireworks.

Course Outline

Creating a Web Site Structure on Your Local Machine

• Explore Dreamweaver Basics
• Define a Local Site
• Add HTML Pages to a Local Site
• Set Document Properties

Adding Text Content to a Site

• Import Text Content
• Clean Microsoft Word-generated HTML
• Add Structural Elements to HTML Documents
• Insert Date and Time Data
• Add Special Characters to HTML Documents
• Alter HTML Tags

Formatting Text

• Alter Font and Text Characteristics
• Familiarize Yourself with CSS
• Create and Apply CSS Styles
• Export CSS Styles
• Create an External Style Sheet
• Link External Style Sheets to HTML Pages
• Edit Styles

Working with Images

• Insert Images into a Web Page
• Modify Image Properties
• Edit Images
• Optimize Images with Macromedia Fireworks
• Add a Flash Movie to a Dreamweaver File

Adding Navigation Elements to a Site

• Link to Files in Your Site
• Link to a Named Anchor
• Link to an Email Address
• Add Links to an Image
• Alter Link Properties
• Link to Another Web Site
• Update Links
• Create Interactive Navigation Elements

Structuring Pages

• Examine Page Structure
• Present Data in Tables
• Structure Pages with Tables in Layout Mode
• Import a Delimited Text File
• Modify Tables
• Structure Pages with Layers
• Control Layers Dynamically
• Convert Between Tables and Layers

Streamlining Workflow with Libraries and Templates

• Add Library Items to Pages
• Modify and Update Library Items
• Create and Apply Site Templates
• Modify Templates

Dreamweaver 8: Level 1: Website Development (2 day) / ADW8-12