Dreamweaver tutorial

Macromedia Dreamweaver Tutorial
Instructions:
 Work through this tutorial
 Ask when you need help
 Complete all tasks set in the tutorial
 Refer back to this tutorial when you design your own website
 Enjoy

1
Dreamweaver Tutorial
©S Pretorius/2007

Macromedia Dreamweaver Tutorial
SET UP A NEW SITE
Open Dreamweaver

Click on Manage Sites on the right hand side of the screen (underline and in blue)
In Manage Sites dialogue Box click on New
Then click on Site

A new site can now be set up
Change ‘Unnamed Site1’ to your name

Click on Next
 No, I do not want to use a server technology
Next
 Edit local copies on my machine, then upload to server when ready
Next
‘How do you connect to your remote server?’
Local/Network
What folder on your server do you want to save your files in?

2
Dreamweaver Tutorial
©S Pretorius/2007

Click on the folder icon
Create a folder called ‘web1’ in My Documents
Open
Select

Next
 No, do not enable check in and check out
Next
Summary: Your site has the following settings
Done
Done
On right hand side of screen, under ‘Files’, you’ll see your name and Remote View
Click on the  next to ‘Remote View’

And select ‘Local View’
It will now give you the site you have set up
Site – …………

CREATE THE FIRST WEBPAGE
Right-click on that and select New File

3
Dreamweaver Tutorial
©S Pretorius/2007

This new file is going to be your home page
In place of untitled.htm type: Index.html
Make sure to type the filename and .html, otherwise Dreamweaver will not recognise it as a webpage If that happens you’ll have to rename the file at a later stage
To rename the file:
Press F2 or Right-click on the file
Edit
Rename
To Edit or work on this page, double-click on Index.html – it will open the page and you can now design your website
PAGE PROPERTIES
To select background colour/picture, font and colour, link colours, etc:
Ctrl J or Click on Page Properties at the bottom of the