• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 1. Dreamweaver MX Basics

Lesson 1. Dreamweaver MX Basics

Dreamweaver MX is an HTML editor that gives users visual design and editing capabilities combined with the ability to work directly with code. Dreamweaver helps speed production time for your Web sites and provides tools for the management and maintenance of those sites.

In this lesson, you'll learn how to format text, test your pages, and use HTML styles while creating the introduction page for the “Lights of the Coast” project Web site.

In this lesson, you'll learn the basics of HTML layout and production in Dreamweaver MX, and you'll become familiar with the program's interface and tools. You will begin to use the main site-management features by setting up a local site for the pages that you create.

This lesson teaches you how to import text in different file formats, as well as how to work with text and document settings to create a simple Web page and test your work in different browsers—a vital part of creating accessible Web sites.

You can find an example of the completed lesson, introduction.html, in the Completed folder inside the Lesson_01_Text folder on the CD-ROM.


In this lesson, you will:

  • Identify the tools and become familiar with the Dreamweaver interface

  • Set up a new local site and specify preview browsers

  • Create, save, and title a new document

  • Specify a background image and default text colors

  • Place text on a page

  • Position and format text

  • Use the Assets panel to save colors and apply them to text

  • Create and apply HTML styles

  • Create and modify Flash text


This lesson should take about two hours to complete.


Media Files:


Starting Files:


Completed Project:




Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint