90 likes | 213 Views
CPSC 203 Introduction to Computers. T97 By Jie (Jeff) Gao. 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. A Link to Another Web Page.
E N D
CPSC 203Introduction to Computers T97 By Jie (Jeff) Gao
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 CPSC Tutorial by Jie Gao
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 CPSC Tutorial by Jie Gao
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 CPSC Tutorial by Jie Gao
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 CPSC Tutorial by Jie Gao
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 CPSC Tutorial by Jie Gao
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 CPSC Tutorial by Jie Gao
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 CPSC Tutorial by Jie Gao
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 CPSC Tutorial by Jie Gao