Professional Documents
Culture Documents
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.
website1
images
All folders, webpages, and graphic names must be lowercase, no spaces, and no special characters for ease of linking later.
Or Select File>New
Window>Files Checked You Will See The Files Palette on the Right
2
3 4
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
Modify>Page Properties
Window> Properties
Click in the Left Cell, Insert>Image, or use the Image Icon, Locate .gif or .jpg File
Window> Insert Menu
Insert>Media>Flash Button
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.
External Links: Type Text & Highlight, Type in Link URL & Press Return Key
http://www.google.com
Internal Links: Type Text & Highlight, Type in Link URL & Press Return Key
index.html
E-Mail Links: Type Text & Highlight, Type in Link URL & Press Return Key
mailto:hollandj@emporia.edu
mailto:hollandj@emporia.edu
1 Row
2 Columns
#august
Notice the Yellow Anchor, This Will Not Show When Posted
Notice How the Browser Opens in Front To Preview What it Will Look Like When Uploaded to the Server
website2
website3 website4 website5 Reminder: Lowercase, No Spaces, No Special Characters
website2
index.html task.html process.html resources.html evaluation.html standards.html conclusion.html graphic1.jpg graphic2.gif
index.html
goals.html instructor.html syllabus.html grading.html rules.html sitemap.html graphic1.jpg graphic2.gif
Additional Resources
Dreamweaver Tutorials: http://www.macromedia.com/ Internet Search: http://www.google.com Great Resource Book: Teach Yourself Visually The Fast and Easy Way to Learn Dreamweaver 8