Homework 1
Make a Web Site
50 points, due 11:59:59 PM on July 5th, 2007
Your course web site is a portfolio for your course work. By the end of the semester, any outsider should be able to go to your web site and see all of the results of your hard work. They should also be able to play some video games you have written. Now we are just going to get started with the shell of a web site. A sample page is located here.
Requirements
Your web site must contain the following web pages:
  1. 1. Introductory page
  2.  Your name
  3.  Your major
  4.  Summary of your computer expertise at the current moment
  5.  External links (can be anywhere on the page):
  6.  Duke's homepage - http://www.duke.edu
  7.  Course web page - http://www.cs.duke.edu/courses/summer07/cps004/ (note that this link is at the top of the sample student’s page, although it could be anywhere)
  8.  A classmate's page - http://www.duke.edu/~hisorherlogin
  9.  A Java Applet video game
  10.  Another site of your choice
  11.  Internal links (must be at the top of the page, similar to the course website):
  12. 2. Homework page
  13.  A link to each homework assignment (note: for now, just have a placeholder, saying something like “more to come”)
  14.  A summary per homework that includes:
  15.  Team members if any
  16.  Acknowledgment of other help received
  17.  Directions for how to run any programs in the assignment
  18.  Any other pertinent information
  19.  A link back to your Introductory page (note: if this page is within a subfolder of “cps4,” you can link to your main “index.html” in the parent, cps4 folder, with “..”; for example: <a href=“..”>click here</a> )
  20. 3. Project page
  21.  For now just a place holder, saying more to come... more details to follow closer to the final project.
  22.  A link back to your Introductory page
 
-----
When you finish, post a message to the class discussion board on blackboard telling people about the web site.  The post should also include:
    - your favorite two video games
    - why these are your favorites
Some extra credit will be given to people who respond to other people’s posts with comments/etc. (i.e., “discuss” on the discussion board!)
-----
How To: Creating the HTML
To create the content for your website, you can use a program specifically designed to edit web pages (like Dreamweaver, Frontpage, or iWeb), or a standard modern word processor (Word, OpenOffice, Text Edit, etc.). Any of these editors allow you write text or import images without worrying about the actual HTML code used to format the web page.  You may, however, choose to make your web page with a simple text editor by writing HTML code yourself.  If you would like to learn more about the hypertext markup language, HTML, you can look at a these sites:
    •    HTML Basics (pdf) (ppt)
    •    HTML Tutorial
 
For more help on creating a web page, OIT has created a Duke-specific tutorial online here (although it is DreamWeaver specific, it contains a lot of generically useful instructions).
How To: Transferring the Files to the Duke Servers
Once you have created a website, you will need to transfer it to a web server (to “publish” it, or “put it on the web”).  This is easy in the computer lab -- like we did in class, just save files into the “cps4” folder in the “public_html” folder in the “P:” drive (the drive with your login ID).
To do this from home, you need to upload your files into a specific folder on the Duke University computer system.  You can follow these instructions to transfer your work to the Duke web computers (note: “directory” and “folder” are synonymous and can be used interchangeably):
  1. 1. If you’re on a Windows computer, open up your SSH Secure Shell -> Secure File Transfer Client.  Or, if you’re on a Mac, open up Fugu or Cyberduck.  (These programs are freely available -- links to download them are on the Useful Stuff page ... further directions apply to Fugu and the Windows client, but not Cyberduck, although Cyberduck is somewhat similar)
  2. 2. On Windows, select File -> Quick Connect.  Skip this step in Fugu.
  3. 3. For the Host Name (or in the “Connect to:” box), enter teer22.oit.duke.edu. (actually, you can use any number between 1 and 26 in place of the “22” in that address -- you can even switch between numbers if one doesn’t work for you one day)
  4. 4. For the User Name put in your NetID.
  5. 5. Click “Connect.”
  6. 6. Put in your password when prompted.
  7. 7. On the right side will be your files on your Duke account, and on the left side are files on your personal computer.
  8. 8. Find the directory public_html in your Duke account, and double-click it.
  9. 9. Create a new directory within public_html called cps4 (if it’s not already there!).  Then, double click on it.
  10. 10. Now find index.html (or whatever file or folder you want to transfer) on your local computer (the left side of the window!).
  11. 11. Click and drag index.html from the left side to your Duke account on the right side of the window to copy the file into your cps4 directory.
  12. 12. If you've done everything correctly, you should be able to go to your web address, which is http://www.duke.edu/~your_login/cps4 (where you replace your_login with your actual username) and see the web page you just created.
 
Be sure to start early enough to ask for help if you get stuck!