MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Spécifications télécharger pdf (Page 28)

ITS - Technology & Learning Services Page 26

Dr. Luanne Eris Fose Revised July 30, 2004

7. If the image of Homer Simpson isn’t already selected, click on it to select it. This

changes the Properties Inspector to show the attributes for the image. Go to the Link

box and type the link “bio.html”. This creates a link to the image so that when a person

clicks on the image, it links directly to the Biography web page.

8. In the text box next to Border: in the Properties Inspector, type 15 and then press

Enter. This adds a border of 15 pixels to the image. Since a link has been attached to

this image, the border color is set at the color that was set for links in the Page

Properties. In the Dreamweaver Document Window it looks like the color for the border

will be blue, but when you look at this page in the browser, the style is applied with a

green border that turns gold (i.e. the selected rollover link color) when the mouse is

placed upon it.

9. Click your mouse below the horizontal link under Homer’s image and press the Align

Center button in the Properties Inspector. Type the following text: Homer J. Simpson –

“Professor Extraordinaire” and then highlight it.

10. From the Format menu in the Properties Inspector, select Heading 3. This will enlarge

and bold the text when you view it in your browser.

11. Go to File > Save As… and save your index.html page.

Spell Check Your Page

You should always spell check your work before you place it on the web.

1. To spell check, go to the Text menu at the top of the Dreamweaver screen and select

Check Spelling (Shift+F7). Do a normal spell check throughout the document, clicking

the Ignore button for words that you intend to keep as they were typed.

2. Go File > Save As… and save your index.html page.

Preview the HTML Page in Your Browser

Whenever you are working on a HTML page, you should preview it in your browser to see how it

will really look on the web. Preview your Home page by following the steps below:

1. From Dreamweaver’s File menu, select Preview in Browser… and from the submenu,

select the browser you wish to view it in (e.g., Internet Explorer or Netscape).

Dreamweaver MX 2004 also allows you to preview in a browser by simply clicking on the

globe icon at the top of your page and selecting Preview in

(name of browser)

2. It will take a few moments as your computer opens the browser you selected and

displays a temporary file to view in the browser. It is good practice to always view your

web page in both Internet Explorer and Netscape because sometimes the pages will

appear slightly different depending upon the browser and previewing them can help you

decide upon a compromise on your original web page to get the look you desire in both

browsers. This is also where you should test all your links to make sure they work when

1 2 ... 23 24 25 26 27 28 29 30 31 32 33 ... 47 48

Pas de commentaire

MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Spécifications Page 28