home > answers > tip sheet

The One-Hour Web Page (for faculty)

Your webpage is an “HTML” document saved in a special directory in your Crab account. You can create the HTML document with a friendly editor like Mozilla Composer. Use WebDrive to connect to your Crab 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 to connect to your Crab account

  • Site Name: Crab; Site Address: crab.rutgers.edu
  • ensure that “Anonymous/Public Logon” is not checked
  • click “Connect” and log in, then minimize the Crab window

Launch Mozilla and from the File menu, select New-->Composer Page

  • Type:
    Name
    Professor of Subject
     Rutgers-Camden
    room, phone, email, office hours

Apply heading styles

  • Highlight your name at the top of the page
  • 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”
  • When prompted, type the page title (“friendlier” than the filename)
  • Save to your Crab account, public_html directory, via WebDrive mapping, naming the file “indexl”

View the file from your browser, at http://crab.rutgers.edu/~netID

*Note* If you make changes to the file, you may have to click the “Refresh” or “Reload” button in your browser

Lists can be numbered or bulleted

  • Type:
    fall 2005 courses:
    course 1
    course 2
  • Highlight the course names, 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 for the Link Location; click OK
  • Now create a hyperlink for your department.

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 Crab.

  • Start with an image file (don’t use copyrighted files). For practice, 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 Crab
  • Click back in your Composer window and click the “Image” button.
  • Click the Choose File button to navigate to your saved image file
  • Add “Alt” text (a brief description) and click OK
  • SAVE document again
  More . 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.
 

Home. If you'd like to work on your webpages from home, you can download the software you need from these links, at no cost: