CompSci 004 Fall 2005
A first web page

Aug. 30, 2005

0 points

NOTE: This work is just for practice and will not be turned in.


This exercise is to be done with your partner. You should continue to use the same partner until you are instructed to use a new partner.

The point of this exercise is just to create a simple web page and see how to copy it to your account and get it to display on the web.

Start a Web Page

If you are using a class laptop, then first create a folder to work in. Go to "My Documents" and create a folder called "compsci4" if one does not yet exist. Inside that folder, create a folder called "webpages". Now use "notepad" to start a new file.

Using notepad, create a web page named firstpage.html and type the following simple page in (between the next two lines). Your web page will look like this .

NOTE: h1 is the letter h followed by the number 1, li is the letters L and I in lowercase.


<html> <title> My HTML page </title> <body> <h1> First page in CPS 4 </h1> <p> <ul> <li> Name is: ? <li> CPS 4 will be ? </ul> </body> </html>

Save the file in your webpages folder.

After typing this all in, look at your firstpage.html web page using Internet Explorer (IE) to see if it looks ok. In IE, select "File", "Open", "Browse" and go to your webpages folder and select firstpage.html to view.

Copying your work to your Duke account

Before you leave class, you should copy your work over to your Duke OIT account. If you are working with a partner, you should both copy it over.

You will put these files in a directory on your account that will be viewable by others on the World Wide Web. Make sure you copy all the files in your webpages directory.

  1. To copy files over you will need to select "Start" from the bottom left corner of the window, then "All Programs", then "SSH Secure Shell", then "Secure File Transfer Client". The window that appears will be split in two parts. On the left side, under Local Name, click on "My Documents", then "CompSci 4" folder. You should see the "webpages" folder you created.

  2. Now you need to connect to your Duke OIT account. At the top of the window, select "File", then "Connect". You'll need to enter a machine where it says "Host Name:". Enter "godzilla.acpub.duke.edu" or "teerX.acpub.duke.edu" (where X is a number 1-25, such as teer18.acpub.duke.edu). Then beside "User Name:", enter your Duke login, mine is "rodger". Enter your Duke password and then you should see your folders on your Duke account on the right side of the window.

  3. Now we need to create a place to put your files so they will be seen on the web. On the right side of the window, doubleclick on the folder "public_html". There may be nothing in it if you have never put anything in it before. Let's create a folder for all your CompSci 4 items. Near the top of the window, select "Operation", then "New Folder". It will create a new folder in your Duke files, type the name "compsci4".

  4. Double click on the folder compsci 4. It is empty. We will now copy over your webpages folder. Click the webpages folder on the left side of the window and drag it over to the right side of the window. The folder should be copied over.

  5. Is your firstpage.html page on the web? If your user id is "abc3" then you can view your web page by entering the following address in a browser.
    www.duke.edu/~abc3/compsci4/webpages/firstpage.html

If that doesn't work then try: (replace "abc3" with your userid), and then browse through folders.

www.duke.edu/~abc3

If you don't finish this assignment in class, you should try to finish it outside of class. We will not turn it in.