Web Authoring Image

Chapter Twenty-one: Making a Local Web and Home Page


Table
of
Contents:


Course Syllabus

Course Assignments and Due Dates

Tips and Tricks

Part One: Understanding The Internet

Part Two: Getting On The Internet

Part Three: Communicating Over The Internet

Part Four: Finding Things On The Internet

Part Five: Creating Web Pages

Part Six: Using Multimedia On The Internet

Part Seven: Planning For The Future Of The Internet

Send E-Mail to Instructor

Internet Resources Home Page

After completing this chapter, you will be able to:

  • Define the concept of a local web.

  • Create a personal home page.

  • Make a local web by linking your home page to your Web page resume.

  • Link your resume to your home page.

  • Test the links with a Web browser.

  • Cope with case sensitivity in hypertext and hyperpicture links.

Creating Hypertext and Hyperpicture Links

The use of links make the Web easier to navigate. One benefit of hypertext links is that one huge document can be broken up into smaller chunks which the viewer can navigate using hyperlinks.

Chapter Eighteen contains information describing how to create hypertext links between sections of a single page, separate pages, and separate websites. You can also use hyperpicture links to create navigational icons. For example, if you wanted to use a graphic as a hotlink to take the viewer to another site or web page, you could use the following coding:

<A HREF="index.htm"><IMG SRC="icon.gif" border="0"></A>This coding would allow you to use an image, in this case one called icon.gif, as a navigational button to take the viewer to the Internet Literacy Home Page. For this to work properly, you would need to have an image file called icon.gif stored in the same directory as your html file. Use View Document Source to see the coding which has been used to make this clickable navigational icon. You will notice an additional piece of information included with the coding for the image. The border=0 attribute eliminates the blue or purple box which appears around a clickable image.

If you click on the button above, you will be taken to the Internet Literacy Home Page.

<A HREF="MAILTO:jlagier@hartnell.edu">Send Email</A>

-- Or --

<A HREF="MAILTO:jlagier@hartnell.edu"><IMG SRC="mail.gif" border="0"></A>

These two html coding options permit you to create a hot link on your page which a viewer can use to send an email message. In this case, the coding would provide a link to your instructor's email address.

Use View Document Source to see the coding which has been used for the following email links. Try each of them to see how they work.

Send Email to Instructor


Online Resources:

Netscape Web Page TemplatesWelcome to the Junior League of Bakersfield!
Welcome to The Palmer Family Website


Assignment to turn in for credit:

Create a new web page which explains this is an index to the web pages you have created so far in this class. Create links from this page to the other pages you have created. Publish this page, plus the other pages you have created, to the web. You may use your own web space or obtain free web server space from the following sites:

Submit the URL of your new web site to your instructor.

Submit your URL



Go to:
Chapter Twenty
Chapter Twenty-two


Copyright 1999 by Jennifer Lagier and Hartnell College


Web Author: Jennifer Lagier
Copyright ©1999 by Jennifer Lagier & Hartnell College - ALL RIGHTS RESERVED