Macromedia Dreamweaver 8 Tutorial.
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
Create a folder on your computer called website1 to hold all web pages and graphics. (example of what your link will look like when you set it up later: map.jpg)Optional: inside of the website1 folder create a folder called images to hold your graphics.(example of what your link will look like when you set it up later: images/map.jpg)Notice how the forward slash in the link represents the location of a file in a new folder.
All folders, webpages, and graphic names must be lowercase, no spaces, and no special characters for ease of linking later.
Window>Files Checked You Will See The Files Palette on the Right
1. Name Your Webpage
2. Click on the Folder Icon & Locate the website1 folder
3. Click on the Folder Icon & Locate the images folder inside of the website1 folder
4. Add HTTP URL Address: http://studentaccess.emporia.edu/~yourlastname/website1/index.html
Center Alignment Button
Font Pop-up Menu
Pop-up Format for Title Heading Size: Example 2
Tables control object placement
Drag Table Column Line Left or Right to Adjust the Width
Remember to use all lowercase letters, no spaces or special characters
To Insert Logo or Graphic in a Header
Window> Properties Menu
Select Edge of Table
Window> Properties Menu
7 Columns Maximum
Remember when uploading your website to the server to add your .swf Flash buttons you created
If you need to edit the button after has been created or to check the links just double click on the button again, change the features, Apply, OK.
You May Have Different Titles For Your Navigation Buttons
Locate Graphic Image:
May Need to Adjust Column Width
Adjust Font to Ariel
When Finished Viewing Browser Red Button Close
You Can Highlight Areas in Design Mode & See It in Code
Reminder: Lowercase, No Spaces, No Special Characters
Must Have a Main Page Named index.html
Your page names may be different from this example & will be an exact name match to your navigation buttons
All Lowercase Letters
Short Descriptive Names
No Special Characters
Names Exact Match to Navigation Buttons
Correct File Extensions
website1 (Folder Name)
Great Resource Book:
“Teach Yourself Visually The Fast and Easy Way to Learn Dreamweaver 8”