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
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