Gamma Homeroom 
July 6, 2000

Agenda

1. Site of the Day
2. The look of your web page is called a layout. In some cases if you click on FILE and Edit Page in Netscape you can "see" the layout of someone's page.

  • There are many ways to set up the look of your page.
    • One way is to have a banner at the top.  The banner can be a one celled TABLE!  The size of the cell will grow depending on the size of the text or graphics you INSERT. The rest of the page can be a variety of text and graphics.  More on tables below.
    • Another style is to have a border down one side of the page. Click Here to see an example.  For this layout, I used a border and then INDENTED the text so it wouldn't be on top of the border.  The INDENT is just below the H. LINE choice on the lower Composer bar.
    • Another approach is to use a graphic for a background.  CAUTION!!!!  Large graphics take a lot of time to load so make sure they are relevant and not glitzy.  Click HERE to see a page with two tables, text and graphics.
    • The next example shows the use of targets and a table to layout the page.  Click HERE to see this example.
    • Here is an example which uses FRAMES.  Composer doesn't allow you to make frames.  Click HERE to see an example.
    • Another example shows a clean look by using a table to navigate and large letters as the title section of the page. Click HERE to see this example.
    • Here is an example which uses a navigational bar at the top of the page.  Click HERE to see this one.
    • A spiral notebook graphic has been used in this example.  It is also a clean look.  Click HERE to see this one.
    • In this example color usage is explained.  You can learn about colors which work well and more!  Click HERE for more information.
    • Lastly, don't forget to check your spelling!


3. Continue working on your personal page.  Let's add links:

To link text or an image with another page: highlight the text/image; click on the link button or go to Insert, Link.  Copy and paste the complete URL (web address - http://www........) of the link; OK. 

  • To link text or an image with an e-mail address: do the same as above but type in "mailto:thename@wherever"; OK.  Do not use the quotation marks; do not add any spaces anywhere. 
  • To link with another location on the same page (this is known as a target): 
  • Place the cursor at the beginning of the target line.  Click on the target (bulls eye button) or choose Insert, Target (named anchor).  Type in a name for this target; OK.  A bulls eye will appear in the edit mode but will not appear in the browse mode. 
  • Now, highlight the text or image that is to be linked to the target.  Click on the link button, then highlight the name of the target; OK. 
  • Important hint: Put a target at the top of your page named "top of page."  At the end of a target within the document, link an image or line of text such as "return to menu" so that the viewer can easily get back to where he/she began. 

  • Save file. 
Thanks to:  http://prism.troyst.edu/webpages.htm
 

To Publish your page:

Some of you may be ready to "upload" your personal pages to the server.   Publish the file!  Go to the File menu, then Publish.  Complete the information below (use lowercase letters for your username).   NOTE:  You will need the piece of paper which has your USERNAME and private PASSWORD on it to accomplish this task.  Fill in your information and click on publish. :-)   Tell Ellen or Frada if you get any messages that say it didn't work.



Today's To Do List

1.  Bookmark Gamma's page first thing!
2.  Ask questions!
3.  Let us know what your needs are relating to Wit!
4. Continue working on your personal page and publish that page.
 
by Ellen Dairyko and  Frada Boxer

 

The contents of the Web Institute Web Site, including the On-Line Curriculum, Web Tank, and Session Notes, are Copyright 1999-2000, Graham School of General Studies, University of Chicago. No one may print, copy, or otherwise reproduce these materials without the express written permission of the Director of Education Programs at the Graham School. All rights reserved. 

The chapters from Curriculum Webs: A Practical Guide to Weaving the Web into Teaching and Learning are Copyright 1999-2000, Craig A. Cunningham and Marty Billingsley. No one may print, copy, or otherwise reproduce these materials without the express written permission of the authors. All rights reserved.