Dreamweaver MX 2004 Basics
Computing Resources >> Tutorials >> Web Development >> Dreamweaver MX 2004 Basics

Objectives

Getting Started

Connecting to Your Server Space

Creating Your Page

Inserting Images

Inserting Tables

Links

Anchors

Page Properties

Resources

Evaluate this tutorial

PDF Handout
Download Adobe Reader

 

Inserting Images

In Dreamweaver, there are many ways to accomplish any given task.   For instance, there are two ways to insert an image.   You could click on the image button in the insert content bar at the top:

screen shot

Or, you could click on "Insert" at the top and scroll down to "Image:"

screen shot

It is important to remember that Dreamweaver is an html editor, not an image editor. Make all adjustments to your image in Fireworks, Photoshop, the Gimp, etc., before inserting it into your Dreamweaver document.   This includes resizing the image, as you risk losing quality and correct proportions.

There are certain features of your image that you can edit from the Properties window.   You can align an image, create a border around the image, add alternative text, allot horizontal and vertical space to pad your image, create an image map, and more:

screen shot



next section >

Watch the video
screenshot
choose format/speed:
real media dial-up | broadband
windows media dial-up | broadband
screen shot dial-up | broadband
flash download

Entire Tutorial
screen shot dial-up | broadband
screen shot dial-up | broadband
screen shot dial-up | broadband
flash download

html transcript

© 2005 Sara Fuchs, Libby Peterek, & Holly Robertson | iSchool | UT Austin | webmaster