Dreamweaver allows users to work with their web pages in several ways.

	Design view	Shows page layout
	design and code view.	Shows layout alongside HTML codes
	Code view	Shows the HTML codes only

Most often you will use Design View but sometimes, when fine tuning pages or adding additional features, you could use either of the two coding views.

Design and Code view allows you to see the code and design at the same time. this can help in spotting erros in HTML or even to help learn HTML

Code View is for writng purly HTML.

Launching Dreamweaver

you are presented with a blank, untitled web page. There are some important rules to follow when creating web pages.

Do not include spaces in file names, e.g. call a file 'taskone.htm' or 'task_one.htm' rather than 'task one.htm'.

Your first page should always be called 'index.htm' as this is the default page a browser would search for.

For a small site it is easiest to store all files in one folder. Larger sites benefit from an organised folder structure e.g. the Clavius web site is divided into S1, S2, S3 etc. folders and further sub-divided into mod1, mod2, mod3 etc. folders. It is also common practice to keep HTML documents and image files in separate folders.

• Launching Macromedia Dreamweaver
• Go to Save As to bring up the dialog box

• Create a folder in your network drive called Magic by clicking on .
• Double click on the Magic folder,
• create another two called HTML and Images.
• Go back to the Magic folder by clicking
• In the filename textbox, type Index (this save a document called index into magic. All webpages have a first page called index).
• click save
• Go back to the save as dialog box
• In the HTML folder, save a document called Menu (in the same way you did for index).

Go to Task 2
Return to Module 2.3 Index