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.
My HTML page
First page in CPS 4
- Name is: ?
- CPS 4 will be ?
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.
- 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.
- 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.
- 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".
- 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.
- 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.