1 / 9

CPSC 203 Introduction to Computers

This tutorial by Jie (Jeff) Gao explores the fundamentals of hyperlinks, detailing how they can be used to navigate various aspects of the web. Learn to create links to different web pages, jump to specific sections within a page, send emails using mailto links, and download documents. The tutorial highlights creating bookmarks for easy navigation, proper syntax for email links, and troubleshooting common issues, such as link failures and case sensitivity. Perfect for beginners, it enhances understanding of web interactivity.

homer
Télécharger la présentation

CPSC 203 Introduction to Computers

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. 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

  3. 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

  4. 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

  5. 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

  6. 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

  7. 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

  8. 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

  9. 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

More Related