dreamweaver

Working with a template page in "Adobe Dreamweaver CS3" Steve Handelman 10/28/09

1. Go to Start - All Programs - Adobe Web Premium CS3 - And then click on "Adobe Dreamweaver CS3". 2. Under "Open a Recent Item" select "Open...." and browse to the template page, which is located at LOCATION


 * Changing or creating an image.

-If you want to change the image at the top of the MSU template page...

1.Left click on the "broken image" icon near the top of the page. 2. The image to be displayed can be changed by looking at the bottom of the screen under the "Properties" tab which, when you left click (to select) the broken image, will have a field called "Src", this is the image location. 3. Make sure you know the location of the image you would like to use, and then click the folder icon next to "Src" to browse for the file. 4. After browsing for and selecting the file, the image will be replaced with what you selected.

-To create an image elsewhere in the template...

1. Put the on screen pointer to where you would like to create your image. 2. At the top of the screen is a toolbar labeled "Insert". Click the "Common" tab and then click on the drop-down triangle next to the image icon (the 6th icon from the left). 3. A "Select Image Source" dialog box will open. Browse to the image you would like to insert, and then click "OK". 4. Another dialog box will pop up after selecting your image, you can ignore this and just click on "cancel". 5. If you change your mind about where you want the image to display, you can left click on the image and hold, then drag the image to where you would like it to display.


 * Editing the text on the template page, creating hyperlinks.

-To change the text on your new page...

1. Scroll down past the blue links (past Directory, Prospective Students, Faculty/Staff, and Alumni) and find the main field of the page, which is even with and to the left of "News and Events". 2. Highlight the text that is already in this field, and delete it. 3. Copy and paste in your text, or type the text in this template page from scratch. You can even use the directions above to insert an image into your text, if you need to.

-Creating Hyperlinks

1. Make sure the on screen pointer is where in your page you want to create a link, then go up to the "Common" tab and click on the first button on the left (the chain links) to create a hyperlink. 2. A dialog box will pop up, allowing you to put in the text that will serve as the clickable text for the link, the address you want the link to point to, and some other options. 3. Let's say you want your link text to say "Click here to find out more information.". Type (or copy and paste) that text into the "Text:" field. 4. In the field below that, "Link:", type or copy and paste the web address you want to insert to your document.


 * Saving your new page.

-When you are done changing the template and are satisfied with how it looks, you will want to save it.

1. Click on File - Save as.... (If you just go to File - Save, you will overwrite the template). 2. Choose a name and a directory to save your new page, and then click on "Save".