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

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’

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

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