Unit 1. Dreamweaver MX 2004 Basics (III)

So that you are get an idea of how Dreamweaver works, we're going to create a simple web Page, with several text styles, an image, and a link to another Page. To create this single Page will take you few minutes, and you will know how to work with the basic elements with which most Web Pages are made. If you have never made a Web Page, this is the moment to discover how easy it is.

My first Page


The first thing you need to do is to open Dreamweaver. You have already seen how to do this in the previous Page. Then open a new document and select the Category Basic Page, HTML.

Next type the text that appears in the following image in the blank document,.


Once you type the text, we're going to modify the title and the colour of the bottom of the document. For this you must clic on the Modify menu and select the Page Properties... option. Then a window will be opened like the one appearing below.

In Background color type "#CCCCFF", this way the background colour of the document will be the colour blue.

Next click on the OK button.

Now you are going to insert an image. In order to insert the image, it has to be accessible in your hard drive, on a CD-ROM, or a diskette, but preferably in the hard drive.

Many of the images that we see in Internet can be copied to the hard drive. By clicking with the right button of the mouse on the image which we want to bring from then Internet, a window opens with a similar option to Save image as... (depending on the navigator that you use) that allows you to save this image in a file on your hard drive.

In the most modern navigators when placing the cursor over an image these icons appear in a corner of the image, if you clic in the icon of the diskette the same menu Save image as... will appear, which we made reference to previously.

Copy the image that appears next, to later be able to insert it in the web Page that we're creating. You can keep it, for example, in the My Documents folder.



Now you must insert the image underneath the second line of text. In the first place you must locate the cursor at the end of the second line and press intro (enter) to go to a new line. Later you must go to the Insert menu, then to the Image option.

In the new window that appears, you will have to look for the folder in which you want to save the image.


  Go to the previous page page Content  Go to the nex page  

Page 1.3

Legal warning: Authorised on-line use only. It is not allowed the use of these courses in companies or private teaching centres.
aulaClic. All rights reserved. Reproduction in any form whatsoever is prohibited.