1. CPSC 203 Introduction to Computers Lab 23 By Jie Gao

2. 10 June 2003CPSC Labs by Jie Gao Organizing Your Web Pages You will have multiple web pages on different topics You cannot expect the visitors to remember every page’s name and address So provide a “start page” and let the visitors follow the links on that page to visit all your other pages

3. 10 June 2003CPSC Labs by Jie Gao Links in Web Pages Some time called “Hyper link” A mechanism to connect the web page to other contents You can ‘travel” or “surf” in the Internet by following the links

4. 10 June 2003CPSC Labs by Jie Gao What Can Links Provide to Us? When clicking a link, 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

5. 10 June 2003CPSC Labs by Jie Gao Creating a Link in FrontPage Use menu or tool button: Insert Hyperlink Type the destination address, or pick one in the dialog You can have different types of link destination: Webpage Documents E-mail

6. 10 June 2003CPSC Labs by Jie Gao Links within the Same Page First create bookmarks for the potential destinations in your page E.g. the bookmark name is “mark1” When creating the link, select the bookmark as the link destination, or type # followed by the bookmark name for the destination address E.g. #mark1

7. 10 June 2003CPSC Labs by Jie Gao E-mail Link Select “E-mail address” while inserting the link, then provide the address Or type “mailto: someone@someplace.com” in the address textbox

8. 10 June 2003CPSC Labs by Jie Gao Absolute and Relative Links Absolute links: The absolute address of a file E:\documents\uc.gif http://www.ucalgary.ca/index.html Relative links: Use the current web page as the reference uc.gif uc/intro.htm

9. 10 June 2003CPSC Labs by Jie Gao Absolute and Relative Links When creating web pages Create relative links to the pages/images within your web site Create absolute links to the pages/images outside your web site

10. 10 June 2003CPSC Labs by Jie Gao The Links in Your Assignment 4 links within your web site In one of the pages, 4 links to different parts of the same page 2 links to other web sites 1 e-mail link

11. 10 June 2003CPSC Labs by Jie Gao Images and Other Resources Actually all resources referred by a web page are NOT stored inside the web page file If you insert an image into your web page, you cannot see the image if you delete or move the image file after inserting. You should publish the images and other resources referred by the page along with the web page Remember to set their permissions