The point of this exercise is just to create a simple web page using html tags and see how to copy it to your account and get it to display on the web. We will learn more about html tags in the next class period. Each web page in html has a head and a body part.

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 (the filename must have the .html extension to identify it as a html web page) 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.

Save the file as a type text file in your webpages folder.

After typing this all in, look at your firstpage.html web page using a browser such as Firefox or Internet Explorer (IE) to see if it looks ok. Start the browser, then 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. On the class laptops, to copy files over you will need to select "Start" from the bottom left corner of the window, then "All Programs", then "F-Secure SSH Secure Client", then "F-Secure SSH File Transfer". The window that appears will be split in two parts. On the left side, under Local Folders, 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 "teerX.oit.duke.edu" (where X is a number 1-25, such as teer18.oit.duke.edu). Then beside "User Name:", enter your Duke login, mine is "rodger". Select "Connect". Enter your Duke password and then you should see your folders on your Duke account.

3. Now we need to create a place to put your files so they will be seen on the web. 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 from the local machine 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.

If you don't finish this assignment in class, you should try to finish it outside of class. If you get stuck, then just wait til Thursday's class to finish it.

(ADDED Sept. 4, 2006) This assignment should be linked to your CompSci 4 web page (see assignment 2 once you get that.) It will not be graded until Sept 8 at the earliest.