5. Click OK . Now, look at your page in Normal View. The colour and underlining of the text “Back to home page” has changed. This means that it is hyperlinked. It’s a good idea to open contact. html in a browser and test it to make sure that the link works properly. To test the page, open a web browser, go to the pull- down menu and select File Open , then click on the Browse button to find the page you are working on, called “contact.html.” Click on the text Back to home page . If you found that you made a mistake or need to change the link, simply select the link in Normal View, and click on the Link button. This will bring up the Link Properties dialogue box, and you can make changes accordingly. Now, create a link for the word “Email” on the contact page. By clicking on an email link, the user will trigger an email window with Maria’s email address automatically inserted in the “To” line. To do this: 1. Select (or highlight) the word “Email” on the contact page. 2. Click on the Link button. 3. In Link Properties, enter the email address [email protected] in the Link Location, and check off The above is an email address , as shown in Figure 20.6. Figure 20.³: Link Properties for email
Information and Communication Technology BTA3O-B Lesson 20, page ±µ Copyright © 2008 The Ontario Educational Communications Authority. All rights reserved. 4. Click OK . 5. Save your work. Now you have connected the two HTML pages in your site. You should open either one in your browser, and test it to make sure that both links work. Linking to a Document within your Site Your final task is to create a link so that users can access your Microsoft Word document, essay.doc. Place a copy of the file L20_essay.doc into the folder that contains your web pages. Make sure that you are in Normal View, and that you are working on the home page. Again, make sure that you have saved a Microsoft Word document titled L20_essay.doc in your website folder. Do the following: 1. Next to the words “The Computer Whisperer’s Philosophy,” add the following text to “- click HERE to open a Word document describing Maria’s philosophy”. 2. Select the word “HERE,” which users will click on, to see the document. 3. With the word “HERE” selected, click the Link button. 4. Under Link Location, click Choose File . 5. You’ll see the Open HTML File dialogue box. You won’t see your Word document though! As you can see in Figure 20.7, you have to click on the drop-down menu that says HTML Files and change this to All Files . Once you have done this, you will see all of your files within this folder. Now double- click on L20_essay.doc.
Lesson 20, page 20 Information and Communication Technology BTA3O-B Copyright © 2008 The Ontario Educational Communications Authority. All rights reserved. Figure 20.´: Open HTML File dialogue box 6. You will set this link to open in a new window, so that the user will not “lose” the home page if they go to the link. It’s a good idea to do this when linking to non-HTML files or
You've reached the end of your free preview.
Want to read all 166 pages?
- Fall '19
- The Ontario Educational Communications Authority