home > answers > tip sheet

The One-Hour Web Page (for students)

[First taught for Dr. Charmé's class 3/23/05.]

Your webpage is an “HTML” document saved in a special directory in your Clam account. You can create the HTML document with a friendly editor like Mozilla Composer. Use WebDrive to connect to your Clam account, then save the webpage under your “public_html” directory. *Note* Anything saved to your public_html directory can be viewed by the entire internet community!

  • Launch WebDrive; connect to Clam account
  • Launch Mozilla
  • From the File menu, select New Composer Page
  • Type: 
   My name is Name. 
   I am majoring in Subject at Rutgers-Camden.
   Welcome to my home page!
  • Apply heading styles
    • Click in line of text or select text
    • Select style from drop-down box on toolbar
  • Change background color
    • From the Format menu, select “Page Colors and Background”
    • Click “Use Custom Colors”
    • Click on background color and select new color
  • SAVE FREQUENTLY!
    • From the File menu, select “Save”
    • If prompted, type the page title (this is different from the file name)
    • Save to your Clam account, public_html directory, via WebDrive mapping, naming the file “index.html”
    • View the file from your browser, at http://clam.rutgers.edu/~netID
    • *Note* If you make changes to the file, you may have to click the “Refresh” or “Reload” button on your browser to view the new version

Lists can be numbered or bulleted

  • Type:
    My favorite TV channels are:
ESPN
Nickelodeon
<fill in your choice>
  • Highlight the 3 channels, then click the “Bullets” button

Hyperlinks are what make the web a web—it’s anything you click on to go somewhere else. To create a hyperlink, you must 1) identify the clickable item (text or image) and 2) set the link to a web address

  • Highlight the “Rutgers-Camden” text on your page
  • Click the “Link” button on the toolbar
  • Type “http://camden.rutgers.edu” in the Link Location box and click OK
  • Now create hyperlinks for espn.com and nick.com in your list of TV channels.

The “mailto:” link is a special case… it creates a link to an email address (this will only work if the user’s browser is configured with email software)

  • At the bottom of your page, type
    Send questions or comments to YourEmailAddress
  • Highlight your email address
  • Click the “Link” button on the toolbar
  • Type mailto:YourEmailAddress (*Note* there is no “http” or slash) in the Link Location box and click OK

Images can be .jpg or .gif picture files that you display on your webpage. Crop and resize your image files before placing them on a webpage (use a graphics-editing program). All the image files for your website must be stored with your HTML documents in your public_html folder on Clam.

  • Start with an image file (don’t use copyrighted files): point your browser to http://corse.rutgers.edu/images.htm
  • Right-click on the image you want, choose “Save picture as” and save it with a useful name (.jpg) into your public_html folder on Clam
  • Click back in your Composer window and click the “Image” button.
  • Click the Browse button to navigate to your saved image file
  • Add “Alt” text (a brief description) and click OK
  • SAVE document again

There is so much more you can do with your web page, even in Mozilla Composer. From the Help menu, select “Help Contents” to learn more. Tables are the easiest way to arrange text and images on a page.

If you'd like to work on your Clam webpages from home, you can download the software you need from these links:

  1. Mozilla
  2. WebDrive: http://computing.camden.rutgers.edu/windows/webdrive/webdrive.php (this page gives directions for configuring WebDrive, plus links for downloading the software..)

Have fun!