Computing Workshop
INTERNET III

 readings

schedule

help

questions
REVIEW from Week 4


QUESTIONS from Week 4


What we didn't get to in Week 2

HTML EDITORS
    Netscape Gold
    PageMill
    FrontPage 1.0/97/98
    NetObjects Fusion
    HoTMetaL
    MS Word 97
    Pagemaker 6.5


Pagemill 2.0
    Opening a Page
    Edit Mode and Preview Mode
    Editing and Formatting Text
    Images
    • Adding an image
    • Size and Download Time
    • Transparent
    • Changing the Size
    • Aligning the image with text
    • Interlacing
    • Image as background
    Creating Links
    • Links
    • Moving Links
    • Anchors
    • Removing Links
    Creating Image Maps
    • Client-Side Image Maps vs. Server Side Image Maps
    • Creating Client-Side image maps
    Creating Tables
    • Setting up the table
    • Populating the cells
    • Spanning rows and columns
    • Formatting and aligning
    • Table properties - borders & captions


REGISTERING your site ADVANCED TOPICS
  • Frames - split up the screen into separate autonomous areas
  • Forms - allow a visitor to a web site specific information using text boxes, radio buttons, and checkboxes that is then directed back to a specified location. Examples: the new Franklin at the Penn Library, requesting an application from the GSFA
  • Image Maps - these are used to make portions of GIS images into hyperlinks. A good example of this is a portion of the Fall 1996 Describing the Place site
  • PDF - Adobe's Portable Document Format; requires Acrobat Reader to read and either Acrobat Distiller or Pagemaker to create. In the long run will probably be replaced by the Web, but right now is quite widely used for publishing papers, manuals, and other documents that require both text and images to be transferred electronically.
  • CGI - Common Gateway Interface; a programming language used to run functions on the server such as process forms, conducting searches, run a chat room, or increment a hit counter. In general, the Penn servers do not allow access to CGI scripts for users. A few limited ones are available for form processing and hit counters.
  • JavaScript - this a scripting language developed by Netscape to enhance the liveliness of web sites. It allows people to create glowing buttons, tear-off palettes, mini-windows, words scrolling in the lower status bar, etc. This is an open language similar to HTML. It is usually embedded in the HTML between SCRIPT tags. It fills a place somewhere between the strictly layout and appearance function of HTML and the full-fledged programmability of JAVA
  • Java - Java is a full-blown, object-oriented programming language. It allows a programmer to actually put applications on the Web. Some people think this is the future of software. You can find an example in the form of MapCafe at the ESRI Internet Map Server site.
  • Audio/Video - You will usually require some sort of media player to read video and audio on the web. RealAudio is an emerging standard on the Web for streaming audio (continuous sound, like the radio). The player is available free but you need to have special computers to produce the broadcasts. A video standard has not been settled and is largely impractical today due to the size of the files that must be downloaded. Several formats exist. All require some sort of movie player.
  • Shockwave - If you develop 'movies' using Macromedia Director, Shockwave is how you publish them on the Web. Look into Mark Aseltine's Digital Media class if you are interested in this kind of activity.
  • VRML - Virtual Reality Modeling Language; this language is somewhat similar to HTML except rather than flat 2d pages, it allows the creation of 3D worlds through which you can walk, fly or drive. You will usually need to learn a certain amount about 3D rendering before experimenting with this new language. Jeff Nimerof is the person to see if you are interested in pursuing this.
where is HTML going?

READING for further reference
Pagemill 2.0 User Guide


ASSIGNMENT - Image Maps
  1. Part 1 - Using PageMill and the raster screen capture of a piece of the West Philadelphia Digital Database that you made last week, create an Image Map. The Image Map will be a GIF image with several hot-linked or hyperlinked pieces to it. Each of these will go to a different page. (Please refer to the PageMill 2.0 manual or other HTML guides on reserve in the library if you are having trouble understanding what an image map is).
    1. The GIF image you use for the image map can be any size up to 600 pixels in width, but it should have at least 4 zones to it. Two zones should be rectangles, one zone should be a circle, and one zone should be a polygon. You can have more than 4 zones if you like. Each hot-linked zone should go to a different page or web site.
    2. So at the end of the lesson, you should have 1-5 web pages. The first should have a screen capture of a map of West Philadelphia. The other four are the pages to which the hyperlinks will go. These may be pages you design and fill with content or they may be pages off your site such as LibertyNet, the WPLP, Sulzberger Middle School, etc.
    3. You may also use other sources for your base image upon which to do the image map instead of the screen capture of the West Philadelphia Digital Database if you wish. Other options might include scanned pieces of drawings you have made, aerial photographs, or other sources. The only requirement is that it be a map-like representation of West Philadelphia in some way.
    4. Other pages to which you link with this Image Map may be of any design and content.
  2. Part 2 - draw on paper a simple sketch showing the structure and relationships between these 1-5 pages you have just made.
RELATED WEBSITES
intro | readings | schedule | help | questions
last update: 24 Sept. 1997