Online Tools for Teaching: Introduction

Don't Panic!

January 6 - January 10, 1997

Introduction

A Minimal Web Page

At UVM, the basic web page is a file called "index.html" locaded in a "public_html" directory in your Zoo account. This can be created in 5 steps.

You now have a web page that can be found at "http://www.uvm.edu/~yourlogin/". It just says "hello world", but it's there.

  • Hint: You can edit the index.html file - or any .html file - with the "pico" editor. Pico is the editor that you used with Zoo mail.

    An Offline Web Page

    You can create a file on your hard disk or floppy called "index.html" and use Netscape to display it as if it were on the web. This allows you to work with familiar PC tools and then move the files to the Zoo later.

  • Hint: On a Macintosh, we can use the Fetch program to upload and download files to zoo. On a Windows machine, we would use WinFTP.

    The Basic Faculty Web Page

    Joan Doe, of the Department of Knowledge, has a web page that is just up a notch from the minimal page. In that page, you will see html tags. These tags are the markup language used to create web effects. The common tags are

    <title> Page Title </title>
    <body> <h1>H1 - Biggest Header</h1>
    <h2>H2 - Bigger Header</h2>
    <h3>H3 - Big Header</h3>
    <h4>H4 - Plain Header</h4>

    <p>Paragraph marker. Ends the previous paragraph.

    <b>bolded text</b&b;
    <i>italizized text<i>
    <u>underlined text<u>
    <cite>cited text</cite>

  • Joan Doe, Department of Knowledge

  • Hint: The Netscape browser allows you to view the html source of a file or save the html source to a disk. If you see a web page whose design you like, use the "view as" or "save as" options to learn how they did it.

    Including Graphics

  • Hint: You can use your mouse button to save either the graphic item itself or the URL that points to the graphic.

  • Hint:

    Adding Links

    Resources

  • Style Guide for the Digital Media Center Web Site,University of Minnesota, Digital Media Center.

  • Stanford University Center for Teaching and Learning You can download their Speaking of Teaching  - "Technology and Teaching: Using Online Technology to Break Classroom Boundaries"

  • WWWEdu by Thread
    Steve.Cavrak@Uvm.Edu