Designing an HTML Document By Hand and Posting It On The Web

In this lab, you will place a simple web page on the Internet. You will do this by placing these files in a special directory in account on ITS.

Make sure you have an account for the Atrium. If not, go to the front desk of the Atrium where you sign.

If you used a 3rd party site to host your files the upload instructions are similar, except you likely don't have to create any special directory.

  1. Start with this skeleton HTML page as a starter. Basic HTML will make this assignment go easily.
    When you have the skeleton HTML page open, you can do, Edit, Select All, Edit, Copy. This will copy the sample HTML text. Now open up a text editor, such as notepad (start/programs/accessories/notepad). Now you can do, Edit, Paste. Save your file to a floppy and save it as index.html. Make sure your file is a .html type of file and not a .txt file. Web pages need to be .html or .htm. It is prefered to be .html.

    Your web page will go in-between the <body> </body> tags.

    Create a simple begining web page that contains the following:
    1. Your name.
    2. Your email address, with a link so people can send you mail.
    3. Favorite web site link or so.
    4. Insert your favorite image or two. If you don't have photos available, use some from Free Graphics to make the site look interesting. Take a small thumbnail image, not a large one. Or make a logo from cooltext.
      Right click an image to save it to the disk. Remember when inserting an image into a web page that you should not have any path such as A: in the name of the image. This will cause problems. Just list a file name, such as picture.jpg or whatever you named the file. You must upload the image to your site.
    5. Title the page. Goes in-between the HEAD tags goes the title. Make sure you use the right tag.
    6. A heading. Your page needs to have a nice heading. Use a font color and center align tags on it.
    7. Set a background color in your BODY tag. Why not set the text color too. It only take a moment.
    8. Set the alignment of things on the page.
    9. Be sure and use some formatting tags, such as bold, italic, and/or underline.
  2. Create a directory called public_html. This is where you will store all the web site's files.
    1. Telnet over to your unix account.
    2. Create a directory (mkdir) called public_html using the command
      3. mkdir public_html
    3. Change the protections (chmod) on your main directory (.) and this new directory (public_html) such that anyone (a) can access (+x) these directories:
      4. chmod a+x .
      chmod a+x public_html
  3. Transfer your web pages to your unix account using FTP. Tripod is ftp.tripod.com your host. Login with your username and password.
    1. Start up the MS-DOS Prompt
    2. Change to the directory that has your files. Such as a: or desktop, etc.
    3. Type the following to connect to the network via FTP:
      4. ftp acc2.its.brooklyn.cuny.edu
    4. Enter your login name and password.
    5. Change the directory (cd) to public_html:
      6. cd public_html
    6. Indicate that you are transferring text files by typing
      7. ascii
    7. Copy each html file to your unix account.
      8. put index.html
    8. Indicate that you are transferring binary files by typing
      binary
    9. Copy each image to your unix account:
      put image.jpg
    10. End your ftp session by typing
      11. bye
  4. Make sure anyone (a) can read (+r) all of your web files. (However I beleive the atrium does this automatically).
    1. First cd public_html (so that you are changing the files in public_html only
    2. At a Telnet prompt, type
      3. chmod a+r *
    3. Use a web browser to access your main web page. Be sure to check the links. Your URL will be http://acc6.its.brooklyn.cuny.edu/~username or http://acc4.its.brooklyn.cuny.edu/~username . Replace username with your own user name. Note the ~ in the URL.
  5. Email the URL of your main web page to cis3.1@lawrencegoetz.com.