Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a...
-
Upload
colin-crawford -
Category
Documents
-
view
222 -
download
0
Transcript of Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a...
![Page 1: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/1.jpg)
Macromedia DreamweaverCS4 Tutorial
![Page 2: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/2.jpg)
Example of the website1 folder & images folder inside
Create a folder on your computer called website1 to hold all of your web pages.
Inside of the website1 folder create a folder called images to hold your graphics.
All folders, web pages, and graphic names must be lowercase, no spaces, and no special characters for ease of linking later.
![Page 3: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/3.jpg)
Launch DreamweaverSelect HTML
![Page 4: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/4.jpg)
Or, File>New to open a new page
![Page 5: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/5.jpg)
Select Blank Page, HTML, Create
![Page 6: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/6.jpg)
Window>Insert, Properties, Files, Workspace Layout>Classic
![Page 7: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/7.jpg)
Tool Locations
Window>Insert
Window>Files
Window>Properties
![Page 8: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/8.jpg)
Sites>Manage Sites
![Page 9: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/9.jpg)
Select The New Site Button
![Page 10: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/10.jpg)
Set the New Site Definitions
1. Site name: website1
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
5. OK, Done Buttons
12
3
4
![Page 11: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/11.jpg)
website1 selected & Done
![Page 12: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/12.jpg)
Window>Files Site Structure
![Page 13: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/13.jpg)
Begin Creating the index.html main webpage
![Page 14: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/14.jpg)
Modify>Page Properties
![Page 15: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/15.jpg)
Page Properties, Appearance (CSS), Font, Text, Background
Color, OK
![Page 16: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/16.jpg)
Page Properties, Appearance (HTML), Background, Text, OK
![Page 17: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/17.jpg)
Insert>Tables or Table Icon to Hold Contents in the Desired Locations
![Page 18: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/18.jpg)
Table Header Settings, Rows, Columns, Width, Border 0, OK
![Page 19: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/19.jpg)
Header Table Example
Click the cursor in the third cell and type in your page title, highlight it, and in the Window>Property set the desired Heading size.
![Page 20: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/20.jpg)
Insert>Table, Horizontal Navigation Table Settings
Click the cursor after the first table cell before adding the horizontal navigation table.
![Page 21: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/21.jpg)
Insert>Table, Vertical Navigation if desired & Body Contents
Click the cursor after the second table cell before adding the body contents table.
![Page 22: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/22.jpg)
Insert>Table, to add a nested table to hold Vertical Navigation if desired
Click the cursor inside of the left contents cell to add vertical navigation cells if desired.
![Page 23: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/23.jpg)
Modify>Page Properties, Headings (CSS), Heading Font Selected, OK
![Page 24: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/24.jpg)
Font Hierarchy Setting Example
Title = Heading 1 size, Tahoma, left align, bold style.
Subtitles = Paragraph size, Ariel font, left align, bold style.
Body = Paragraph size, Ariel font, left align, normal style.
![Page 25: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/25.jpg)
Window>Properties, Vertical Alignment: Top
Click the cursor in front of the text to move up, repeat for the photo
![Page 26: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/26.jpg)
Drag Adjust Column Widths
![Page 27: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/27.jpg)
Window>Properties, Column Split/Merge Icons
Drag cursor over the desired cells to select
![Page 28: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/28.jpg)
File>Save As, index.html, Where: website1, Save
![Page 29: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/29.jpg)
Place the logo and other graphic images inside of the website1
folder, inside of the images folder
• logo.jpg (Photo type of images)
• logo.gif (Line art, or transparent areas)
![Page 30: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/30.jpg)
Click inside of the top left cell, Insert>Image, or use the Image
Icon to locate your .jpg or .gif image
![Page 31: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/31.jpg)
Navigate to the website1 folder, select the images folder,
& Choose button
![Page 32: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/32.jpg)
Provide an Alternate Text name for viewers using auditory readers, OK
![Page 33: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/33.jpg)
Logo Graphic is added, type in the site title and adjust cells
![Page 34: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/34.jpg)
Select the vertical nested navigation table and set Window>Properties to
Align to Center
![Page 35: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/35.jpg)
Add the page image like the logo, & begin adding your text
Highlight subtitle, Window>Properties, Bold Icon
![Page 36: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/36.jpg)
Select the header cells, Window>Properties set Bg
Background Color
The logo image had a transparent background and was saved as a .gif file format.
I used the Eyedropper Tool to select colors in the graphic image.
![Page 37: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/37.jpg)
Select navigation bar cells, Window>Properties, Bg Color
![Page 38: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/38.jpg)
Select the header table, Window Properties, CellPad 0, Cellspace 0
Setting the border to 0 makes in invisible. Setting the cellpad and cellspace to 0 removes the color border.
![Page 39: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/39.jpg)
Internal Links: Highlight Text, Type in Window>Properties link name &
press Return Key to activate
Homepage link is named index.html
![Page 40: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/40.jpg)
External Links: Highlight Text, Window>Properties Type the full
URL website address, Press Return
http://www.atomiclearing.com
![Page 41: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/41.jpg)
E-mail Link: Highlight Text, Window>Properties, Type in
mailto:e-mailaddress & Return Key
mailto:[email protected]
![Page 42: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/42.jpg)
To Replace Navigation Links with Buttons
Button Generator Websites http://www.buttongenerator.com/http://www.aaa-buttons.comhttp://www.freebuttons.com/
Download the button image and place it inside of your website1 folder inside of the images folder. Then, link the button image to your page. Next, select the image and add a link from it to the desired page. Next, upload the webpage and your image to the server and test to be sure it is working correctly.
![Page 43: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/43.jpg)
Button Generator Tutorialhttp://www.buttongenerator.com/1. Scroll down and select the “Only Free Buttons” from the pop up menu2. Select the desired button design or the “Edit Button” text link3. Scroll down and type in your desired Text Label4. Select the Text, Font, Size, & Alignment etc.5. Scroll down to the bottom of the page to select the “Click Here To Generate Your Button”6. To save your button: PC users, right click on the button and choose 'Save Image As' or “Download Image to Disk” or similar menu item. Mac users Control click on the button and select Download Image to Disk.7. Navigate to your website1 folder to save the button.
![Page 44: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/44.jpg)
Insert Button on the Webpage1. Go to Insert>Image and click on the Browse button to locate the new button you have created inside of your website1 folder inside of the images folder.2. Example of Window>Properties Link: images/buttonintro.png3. Add the name of your Alternative Text in the box provided and select the OK button.4. Now that you have returned to your webpage select your new button with the curser and go to the top menu to select Insert>Link and type in the internal link; such as index.html or syllabus.html where you want the user to go when clicking on the link.5. Be sure to provide credit at the bottom of your web page to ButtonGenerator.com6. Next, go to the top menu and select File>Save As and save your web page again.7. To test go to File>Browse Page, and click the button.
![Page 45: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/45.jpg)
Optional: Anchors Are Used to Jump Down on a Long Page of Text
![Page 46: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/46.jpg)
Highlight Word, In the Link Box Type in #name
#august
![Page 47: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/47.jpg)
Highlight Text to link to, Insert>Named Anchor
![Page 48: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/48.jpg)
Type in Exact Name Match, Example: august, OK
![Page 49: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/49.jpg)
Notice the Yellow Anchor,This Will Not Show When Posted
![Page 50: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/50.jpg)
File>Save As, website1 folder
![Page 51: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/51.jpg)
Can Duplicate Pages
• Once the index.html page is set up as desired with the logo, header, and navigation it can serve as a template for creating other new pages.
• Just be sure to save each new page with new name.
![Page 52: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/52.jpg)
File>Preview in Browser>Select the desired browser
![Page 53: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/53.jpg)
Notice How the Browser Opens in Front To Preview What it Will Look Like When Uploaded to the Server
When Finished Viewing Browser Red Button Close
![Page 54: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/54.jpg)
Optional: File>Preview in Browser>Edit Browser List
![Page 55: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/55.jpg)
For Selecting Primary & Secondary Browser Choices
![Page 56: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/56.jpg)
Viewing Options: HTML Code
![Page 57: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/57.jpg)
Viewing Options: Split Code & Design
You Can Highlight Areas in Design Mode & See It in Code
![Page 58: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/58.jpg)
Viewing Options: DesignFor Creating & Editing Web Pages
![Page 59: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/59.jpg)
File>Save As, website1 folder
Example
index.html for the main webpage
or
instructor.html
etc.
![Page 60: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/60.jpg)
Upload All Files to your ESU Server Space called iDrive/MyFiles
FTP File Transfer Protocal Software:
CoreLite (PC)http://www.coreftp.com/download.html
FETCH (Mac)http://fetchsoftworks.com/
Username & Password same as BuzzIn
![Page 61: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/61.jpg)
Folder Structure on the iDrive/MyFiles ESU Server
website1 (folder)
index.html
instructor.html
syllabus.html
grading.html
rules.html
public_html (folder)
images (folder)logo.gifglobe.jpgbuttonhome.swf
![Page 62: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/62.jpg)
Website Uniform Resource Locator (URL) Address
Type your URL address in a new Internet browser window to view your site and test it to be sure all links and images are working correctly.
http://studentaccess.emporia.edu/~yourusername/website1/index.html
![Page 63: Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.](https://reader035.fdocuments.us/reader035/viewer/2022062717/56649e1f5503460f94b0aaf1/html5/thumbnails/63.jpg)
Additional Resources
Adobe Dreamweaver Tutorials:http://www.adobe.com
Internet Search: http://www.google.com
Great Resource Book:“Teach Yourself Visually The Fast and Easy
Way to Learn Dreamweaver”