CPSC 110: Lab #2

In this lab you will first configure your udu account to handle your Web pages. Then you will publish the pages that you wrote last week.

Textbook

Chapter 16 of our textbook discusses the material relevant for this lab.

Websites: Local and Remote

A Website is merely a collection of (related) Web pages. You already have two related Web pages from last week's project. These two pages make up a Web site.

After you publish this Website today, you will have at least two copies of the Web site. There will be a copy that you keep locally, perhaps on a network drive, on a floppy disk, or on the hard drive of you home computer. We will call this your local site or local copy.

The other copy is the one that you publish on webpub (a remote, shared, UNIX machine on Calvin's campus). We will call this site your remote site or published site. These pages (and only these pages) can be accessed through the Web.

You will publish a lot of pages during the rest of the semester, so make sure you understand it well. Unfortunately, there are quite a few configuration steps you have to do every week because of the way the computers are configured on campus.

Publishing a Document

Follow the directions given on these RIT Web pages.

Publish both your index.htm and schedule.htm files.

Then, in a Web browser, find your home page http://www.calvin.edu/~username/index.htm; since index.htm is your official home page, you should be able to access that same file at http://www.calvin.edu/~username/. Your schedule should be at http://www.calvin.edu/~username/schedule.htm.

Pictures

First, read this page about pictures for the Web.

Using Netscape, search Calvin's online picture directory for your picture. (You must use Netscape because Internet Explorer wants to save pictures as bitmaps, and this form is useless to the rest of the worl.) When you find your picture, right click on the image and select the Save Image As... option. The default name you will be given is terrible. You must change it. The default name is actually the name of the program that delivers your picture; you need to give it a picture-proper name. Name the file something simple like me.jpg. (No spaces in the file name!) The name should end in .jpg since it's in JPEG format. Save the picture in the same folder as your home page.

In Dreamweaver, add your picture to your home page (i.e., index.htm) with the Insert Picture button on the object tool bar.

If you view the HTML source for your page, you will notice that the picture itself is not part of the page. There is an <img> tag that refers to the picture. So when you publish this page, you must also publish the picture. Fortunately, Dreamweaver takes care of this for you.

Keep this home page open to add some links to it...

Links

Add two links to your home page. You create links using the formatting toolbar. Select the text that you want to turn into a link, and enter the URL for the link in the "Link" box.

One link should be a link to your schedule page (specify the link as simply schedule.htm); the other link should link to one of your favorite Web pages (you'll have to specify the whole URL for this link starting with http://).

You are free to add these links anywhere on your home page, but make them easy to find (otherwise the grader will not find them, and you'll lose points).

Save this new home page twice: once as index.htm and a second time as indexlab2.htm. Publish both files. The second copy will be used to grade this lab since the official home page index.htm will be changed next week.

Turn In

There is nothing you have to physically turn in for this lab. If you can get to your pages from The Lab #2 Page of Links, then you're all set. If the grader cannot access your pages from the page of links, you will receive no credit for this assignment. You do not have to include your name, course number (i.e., "110"), section letter, or even "Lab #2" on these pages since it's all very explicit from the page of links. This lab is worth 10 points. See the schedule page for the due date.

Other Projects

Continue working on the email project.


Schedule page --- Project #2 --- email project --- Web project


Last modified: Thu Feb 21 15:08:07 EST 2002
This document was prepared with Latte, the best text processing language for the Web.
Every attempt has been made to validate the HTML on this page. Valid HTML 4.0!
© Copyright 2001--2002, Jeremy D. Frens & Calvin College. Permission to copy by any means is granted as long as this copyright is preserved.