1. CPSC 203 Introduction to Computers T97 By Jie (Jeff) Gao

2. 25 October 2005CPSC Tutorial by Jie Gao2 Hyperlinks in Detail When clicking a hyperlink, you may Go to another web page Jump to another place in the same page Write an e-mail to an e-mail address Download a program Open a document

3. 25 October 2005CPSC Tutorial by Jie Gao3 A Link to Another Web Page Use menu or tool button: Insert Hyperlink Type the destination address E.g. http://www.ucalgary.ca Or browse a file on your computer E.g. another web page created by you

4. 25 October 2005CPSC Tutorial by Jie Gao4 A Link to an E-mail Address There are buttons for e-mail links in the Insert Hyperlink dialog, normally an envelop image Provide an e-mail address in the input box invoked by the “e-mail link” button The actual operation is to put a link like: mailto:someone@some.host.ca The “mailto:” identifies this link destination as an e-mail address

5. 25 October 2005CPSC Tutorial by Jie Gao5 Links within the Same Page First create bookmarks for the destinations in your page E.g. the bookmark name is “section1” When creating the link, select the bookmark as the link destination, or type # followed by the bookmark name for the destination address E.g. #section1

6. 25 October 2005CPSC Tutorial by Jie Gao6 Same-page Link Example Put a bookmark at the top of the page with the name “top” Create a link at the bottom of the same page, and give the destination to the bookmark “top” (#top) Click this link at the bottom of your page, you can scroll back to where the “top” bookmark is

7. 25 October 2005CPSC Tutorial by Jie Gao7 The Links in Your Assignment 4 links within your web site (link from one of your web pages to another) In one of the pages, 4 links to different parts of the same page (using bookmarks) 2 links to other web sites (http://...) 1 e-mail link

8. 25 October 2005CPSC Tutorial by Jie Gao8 Troubleshooting E-mail link won’t work See if you forgot the “mailto:” part In the ES labs, if the e-mail links invoke an web mail login window, it’s NOT a problem Links to my other web pages won’t work The web server is case-sensitive Check if you have anything like “file:///U:/...” in the link URL input box

9. 25 October 2005CPSC Tutorial by Jie Gao9 Trouble Shooting If you are asked for username/password Check the permission of your public_html folder on the WebDisk Pictures are not there Check if you have transferred the pictures to the web server