creating a web page on a pc, part II

creating a web page on a pc, part II

getting started

In order to use this worksheet, you should already have a page up on the web. In this exercise, you will add an external and an internal link to your web page.

editing your web page: making an external link

In order to edit your web page, you must have a working copy of your "index.htm".

Open Notepad (click on the "Start" icon at the left-hand bottom corner of your screen, pull up to "Programs," then over to "accesories," and finally drag over to "Notepad." The application should automatically launch).
Click on "File" and drag down to "Open..." Head to the H drive, open your "public_html" folder, find your "index.htm" and open it.
Edit your "index.htm" so that it looks like the following (NOTE: the big change is the addition of the "a href" tag):
After you have made your changes, select "File" and drag down to "Save" to replace the old version of your "index.htm" with the new, updated version.
The <p> tag indicates a paragraph break, or a double-spaced break between one line of text and the next, or between an image and the following line of text.
In this example, "Michigan Tech University" would be underlined and would be the words a user would click on to go to MTU's home page. (NOTE: when making an external link, you do not have to create any new files. You merely have to type in the complete address a user will connect to and the words they see to connect to that address.)

(NOTE: be sure to change your permissions using Telnet before proceeding to the next step).

viewing your web page

You may now view your edited web page. To do so:

Open Netscape Navigator (click on the "Start" icon at the left-hand bottom corner of your screen and pull up to "netscape 3.0.1". The application should automatically launch).
Type the URL of your web page in the "Location:" box. Your URL will be: http://www.hu.mtu.edu/~youruserid ( for example: http://www.hu.mtu.edu/~dndevoss)
Your web page should now look something like this: example.

editing your web page: making an internal link

In this example, you will create an internal link, or a link to another document you've created. You can create the HTML tag (the link itself) first and then create the other document, or you can create the document first and then create the HTML tag (the link itself). In this example, we will first create the tag (link) and then create the new document.

Edit your "index.htm" so that it looks like the following (NOTE: the big change is the addition of the "a href" tag):
"Click Here to See My Vita" would be underlined and would be the words a user would click on to go to that page.
In order for the link to work, you must also create a document in Notepad named "vita.htm".
- In Notepad, select "File" and drag down to "New".
- In the new document window, type in the following:
- After you have created the document, select "File" and click on "Save As...". Name the document "vita.htm" and save it on the H: drive in your "public_html" folder.
  (NOTE: be sure to change your permissions using Telnet before proceeding to the next step).

viewing your web page

Toggle back into Navigator and click on the "Reload" button. Two links should now appear beneath your image and your web page should look something like this: example.

Your "vita.htm" will be, of course, quite stark and empty.

It's up to you now to fill in the information!

Examples of online vita are available in the "links" section of this web site.