AGRI 85/196 Lab 7: Creating a Web Site: Updating your Home Page, and adding links to other web pages.

How to copy a file using AIX on zoo:

On zoo use the cp command to copy your web page into a new page, so you have the option of updating your home page without changing the Lab 6 web page.  Be sure to change directories after you log in to zoo:

       cd public_html

Then issue the command to copy your web page file from last week (lab6.html) into a new file called lab7.html:

      cp  lab6.html  lab7.html

UVM's Icon Archive

How to make links:

The basic tag for links looks something like: <A HREF=http://www.destination.site.dom>Click here to go to Destination Domain</A>

If the link you want to make is to a file in the same directory on the server (your public_html directory for example) the tag's address only needs to have the file name:  <A HREF=file.html>Click here to go to file.html</A>

If you want to make a picture "hot" (see example below) so that clicking on it will go to that link: <A HREF=http://www.somewhere.com><IMG SRC=picture.gif></A>

How to make an e-mail link:

<A HREF=mailto:youremail@zoo.uvm.edu>Send me e-mail</A>
 
 

How to take a text file and turn it into a web page:

The tag <PRE> can be inserted above and below a large text file if you wish to preserve the format of the original text.  You still should have the regular tags at the top and bottom of the page.  The complete tag set might look something like:

    <HTML>
    <HEAD> <TITLE> PRE example </TITLE> </HEAD>
    <BODY BGCOLOR=AQUA>
    <PRE>
    Here is where the large text file
    would be inserted.
    </PRE>
    </HTML>

How to create a table:

Here is a table:
 
My Favorite Foods
Pizza Pasta Tofu
Clams Bread Cake

Here's the code that created the table above:

<table BORDER COLS=3 WIDTH="20%" BGCOLOR="#99FF99" >
<caption>My Favorite Foods</caption>
<tr>
<td>Pizza</td>
<td>Pasta</td>
<td>Tofu</td>
</tr>
<tr>
<td>Clams</td>
<td>Bread</td>
<td>Cake</td>
</tr>
</table>
 

Making your files public on zoo:

Log in to zoo, cd public_html (so you are in your directory where all your web files should be), then:

        chmod 644 *.*

The "chmod" means "Change Mode".  The next three numbers refer to the Owner, that's you (6); the group (4); and everyone else (4).  The Permission numbers as follows:

Permission Number  Permission
0 No Permission at all
1 Execute Only
2 Write Only
3 Write and execute
4 Read only
5 Read and execute
6 Read and write
7 Read, write, and execute

By typing 644 *.* when you are in your public_html directory, you are giving yourself Read and write permission, your group and everyone else read only.  This way only you can change the files in your public_html directory.  If, for example you wanted to make the file MINE.HTML so that only you can see or edit a file, then:

 chmod 600 MINE.HTML

ASSIGNMENT: Make a copy of your original web page from last week in your public_html directory on zoo.  Expand the copy of your original web page so you keep the lab 6 web page separate from this lab 7 assignment.  Your expanded lab 7 web page should have a minimum of at least three icons (ex. buttons or balls) from the UVM Icon Archive (see link above), at least three links to other pages outside UVM, at least four images (in addition to the icons), an e-mail link, and a link to your resume page.  Your page should also contain a table.  Your resume page must have a link back to your lab 7 page.  Add the DATE your page was last updated at the bottom of your page. Hand in a printout of the webpage itself (include the ZOO URL) and a printout of the HTML code (30 points).  Type the tags yourself.  Do not use an HTML editor!  See: This example of what Lab 7 might look like.