World Wide Web Assignment

Your website must contain:

Standard homepage (no deviations on first page)
3 image references, including a recent personal photograph
2 hypertext links to other pages you created, these pages may contain your resume or any other type of document
one bulleted list
one table
MAILTO command to your UMSL email address
change in font colors

Of course, you are encouraged to be creative. You can put more images, pictures, hypertext links to other pages, embed forms, animation, video, etc.

To complete this assignment you will use 3 software applications:

1. A browser to copy files from the Internet (Explorer, Firefox, etc.)

2. An editor to change the files you copied (I recommend notepad because it does not add extra html codes)

3. A file transfer application (FTP) to get your newly edited files loaded to your public_html folder on the UNIX server (if you are working from home)

How to Create Your Homepage

I. COPY THE FOUR FILES FROM MY STANDARD HOMEPAGE

Using A Browser (Explorer), click on Standard homepage

On Browser menu, click on "file"

Select "Save As"

Save file to the DESKTOP using the filename index.html save as type WEBPAGE, HTML ONLY encoding WESTERN EUROPEAN ISO

Stay where you are to copy three images

Point the curser on the yellow line, hit the right mouse button, and select SAVE PICTURE AS, line_gol.gif to desktop

Point the curser on the umsl logo, hit the right mouse button, and select SAVE PICTURE AS, umsllogo.gif to desktop

Point the curser on the yellow ball, hit the right mouse button, and select SAVE PICTURE AS regball.gif to desktop

To edit the index.html file, right click on the file and select OPEN WITH and select notepad

Edit the file to personalize your webpage

Be sure to SAVE your index.html file each time you edit it.

II. Upload your files to the PUBLIC_HTML FOLDER ON UNIX SERVER FROM CAMPUS

In this step, you will copy your files that are stored locally (desktop, C drive, flash drive) onto your public_html folder on the UNIX server.

If you are on campus, you can logon to mygateway.

Minimize the mygateway window

On the desktop, click on the icon MY COMPUTER. You should see your K drive.

Click on the K drive

You should see a public_html subdirectory

Drag and drop your files from the DESKTOP (or C: drive or flash drive—wherever your files are locally stored) to the the public_html subdirectory

These files include:

§ index.html (must be in lower case!)

§ line_gol.gif

§ umsllogo.gif

§ regball.gif

Note: It is vital that your active subdirectory is public_html everytime you want to upload files to your website.

Note: You may have an existing index_html file on your public_html, so you will have to answer YES to the question “Do you want to replace the file?”

Be sure to test your homepage using a browser

II. Upload your files to the PUBLIC_HTML FOLDER ON UNIX SERVER FROM OFF CAMPUS

To access your public_html folder from off campus, you have three options:

1. Create a permanent map

RIGHT click on MY COMPUTER

Select MAP NETWORK DRIVE

On FOLDER type \\jinx.umsl.edu\SSOlogonID

Click on FINISH

A logon menu appears. Type umsl-users\SSOlogonID

Enter your SSO password

Next time you click on MY COMPUTER, you will see the K drive on your network drives. Just click until you get to the public_html folder

2. If you have the UM-ST. Louis VPN Client on your home computer, then all you have to do is logon on to the VPN client. Then open a browser and type:

ftp://jinx.umsl.edu/

This should bring you right to your accounts. Be sure to double-click on the public_html folder

3. If you do not have the UM-ST. Louis VPN Client on your home computer, then you may download SSH (Secure file transfer) from the website:

http://www.atrysk.com/mirror/ssh/SSHSecureShellClient-3.2.9.exe

You fill in the screen with:

Host Name: jinx.umsl.edu
User Name: your SSO logon id

Hit enter and it will prompt you for your password.

Be sure to double-click on the public_html folder

Drag and drop your files from the DESKTOP (or C: drive or flash drive—wherever your files are locally stored) to the the public_html subdirectory

These files include:

§ index.html (must be in lower case!)

§ line_gol.gif

§ umsllogo.gif

§ regball.gif

Note: It is vital that your active subdirectory is public_html everytime you want to upload files to your website.

Note: You may have an existing index_html file on your public_html, so you will have to answer YES to the question “Do you want to replace the file?”

Be sure to test your homepage using a browser

III. ADDING FILES TO YOUR WEB PAGES

The previous steps successfully loaded your homepage on the WWW.

The assignment calls for two additional pages that are linked from your homepage. There are many options:

Option A: You may copy page2.html and page3.html using the same procedure for copying my standard home page. Process is copy-edit-upload.

Option B. Link to a document you created.

Suppose you want to load a resume stored in a file called myresume.doc. The process is:

1. Open your index_html file and find this code:

<img src="regball.gif" ><a href="http://www.umsl.edu/~lacity/page2.html">Add meaningful lable to page2</a><br>

2. Edit this line of code to read:

<img src="regball.gif" ><a href="http://www.umsl.edu/~gatewayid/myresume.doc ">Click here for my resume</a><br>

Of course, you type in your actual gatewayid not the word gatewayid

3. Save index_html file

4. Make sure to upload index_html file and myresume.doc file to public_html folder on admiral account