Coding links on Web Pages Please use speaker notes for additional information! This slide show will deal with setting up links on your web page.

Root www.pgrocer.net Information in the root directory. This includes index.html file which is my home page and the pages for each course. From a page in my root directory, I can access other pages in my root directory simply by using their name in the HREF. I probably keep too much in my root directory - the result of planning for a small page and ending up with one that is out of control! <A HREF="PFGCIS12.html">CIS12 Course Notes and Assignments</A><BR> <A HREF="PFGCIS44.html">CIS44 Course Notes and Assignments</A><BR> <A HREF="PFGCIS50.html">CIS50 Course Notes and Assignments</A><BR> <A HREF="PFGCIS51.html">CIS51 Course Notes and Assignments</A><BR> <A HREF="PFGCIS61.html">CIS61 Course Notes and Assignments</A><BR>

Root directory. This is part of my root directory on www.pgrocer.net. As you can see I store directories for each course under the root and also things like the weekly schedule. This shows part of my root directory. Note the / in the address box at the top - this denotes the root directory. On the next slide, I will look at the contents of Cis44.

Directory Cis44 I have now moved into the directory Cis44 which is under the root. Note that it contains a directory HTML under it and various pages. From PFGCIS44.html which is a page on the root, I have this link to a page in the Cis44 directory. Note that I refer to the directory and then to the page. This works because the reference is from a page on the root. You can refer to something in a directory under the directory where you are located by directory name and then the page within the directory. <A HREF="Cis44/introcis44F00.html">Introduction to CIS44 - methods, expectations etc.</A><BR>

/Cis44/HTML This shows the directory HTML which is under the directory Cis44 which is under the root. This path can be from the root or from Cis44. In fact the Cis44 would not be needed if you are sitting in Cis44 (I sometimes include it as documentation for clarity in my path). This shows the setup of a directory within a directory as part of your HREF. <A HREF="Cis44/HTML/web2.html">Intro formatting - web2.html</A><BR> <A HREF="Cis44/HTML/web3.html">Color etc. - web3.html</A><BR> <A HREF="Cis44/HTML/web4.html">Branching in page - web4.html</A><BR>

<A HREF="web7a.html">Link to web7a</A> /Cis44/HTML The reference to web7a.html that is shown below is given from web7.html. That means the link to web7a.html is within the same directory so I do not have to use the directory names in the link. I could use a complete address, but it is not necessary the link is from page web7.html. <A HREF="web7a.html">Link to web7a</A>

http These references could be from any page on my site, because they reference another site and therefore use the entire http address. I can also reference anything in my site using a complete address like this. <A HREF="http://www.hwg.org">www.hwg.org</A> - HTML Writer's Guild information and tutorial<BR> <A HREF="http://www.cwru.edu/help/introHTML/toc.html">www.cwru.edu/help/introHTML/toc.html</A> - Case Western HTML tutorial<BR> <A HREF="http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html">www.ncsa.uiuc.edu/ General/Internet/WWW/HTMLPrimer.html</A> - NCSA(at UIUC) Beginner's Guide to HTML<BR> <A HREF="http://www.werbach.com/barebones/">www.werback.com/barebones/</A> - The bare bones guide to HTML<BR> <A HREF="http://www.davesite.com/webstation/html">www.davesite.com/webstation.html</A> - another tutorial<BR> If I am in one part of my site and I want to reference something in a totally different part I use the entire address starting with: http://www.pgrocer.net and then include directories and the name of the page.

Location in page # http://www.pgrocer.net/PFGCIS44.html#notes This is the address or URL after I click on the link to go to Notes and handouts for CIS44 shown below. <A HREF="#notes">Notes and handouts for CIS44</A><BR> This code appears in PFGCIS44.html.