ITS - Technology & Learning Services Page 1
Dr. Luanne Eris Fose Revised July 30, 2004
Learning the Basics of Dreamweaver MX 2004
Dreamweaver MX 2004 is one of the most powerful and popular HTML editing software
programs on the market today. Creating a web page and managing your web site with
Dreamweaver is much easier than you might imagine. This workshop will cover the basics you
need to know to get started with an overview of the basic Dreamweaver features and tools:
Getting Familiar with the Layout of Dreamweaver MX 2004
The Importance of Site Management: Defining a Site
Downloading and Implementing Cal Poly Templates to Create Web Pages
Setting Preferences for Web Accessibility (Making Your Pages Section 508 Compliant)
Adding Keywords and Descriptions to Your Pages to Assist Search Engine Spiders
Creating Relative, Absolute, and Email Hyperlinks
Creating New Text Content or Importing Existing Text from Microsoft Word
Using Cascading Style Sheets (CSS) to Control Formatting
Adding a “Dynamic Date” to Automatically Update Every Time You Change a Page
Inserting Images and Tables
Running an Accessibility Report in Dreamweaver
Uploading Your Files to a Cal Poly Server for Availability on the World Wide Web
Getting Familiar with the Layout
THE WORKSPACE:
Let’s open Dreamweaver and get started! From the Start menu, select
Programs>Applications>Keyserver Applications> Macromedia Dreamweaver MX 2004.
When you open Dreamweaver MX 2004 the very
time on a PC, a dialog box will appear
asking which environment you wish to work in (Figure 1): Designer workspace or Coder
workspace. (Note: Mac users are NOT offered a choice of workspace; the workspace defaults to
Designer workspace). The first layout option offered on the PC, Designer workspace, allows
you to open several documents within the same window and Dreamweaver’s panels are
organized into groups and docked on the right side of the Dreamweaver window. Coder
workspace is a variation on the Designer workspace with the panels docked on the left side of
the Dreamweaver window. When you first open documents in the Coder workspace, you are
presented with the code of the document instead of the view that reflects what the page will
look like when viewed with a browser (i.e., Designer workspace). For the purpose of this
tutorial, select the Designer workspace radio button and click OK. If in the future you become
more comfortable with working with code and prefer viewing the HTML code for your document
as the first view of a page, you may change this setting by going to Edit>Preferences (Ctrl+U)
and selecting the General category. Within the General category, click on the Change
Workspace… button and the dialog box will appear again, allowing you to change your
workspace choice. (Note: On a Mac, Preferences are found under the Dreamweaver MX 2004
menu at the top left of the screen.)
Comentarios a estos manuales