.

.

.

.

But first ...

• If you haven't already, send me a message with an URL to another tutorial
• If you have, make sure the link works

.

.

.

.

.

.

What is a URL?

• Uniform Resource Locator
• Network address for a network resource
• Structure: type of resource + computer name + path on that computer + file name
• Example: <http://www.ed.uiuc.edu/courses/edpsy387/fa97/index.html>
  • type is "http" (ie. World-wide Web)
  • computer is www.ed.uiuc.edu
  • path is /courses/edpsy387/fa97/
  • file is index.html

.

.

.

.

.

.

Review of your choices of good tutorials

.

.

.

.

Introduction to HTML

• Formatting language
• Cross-platform
• A beginner's guide to HTML
• Multiple ways to create HTML files

.

.

.

.

Accessing your course project folder on the LRS server

• Appleshare
• FTP

.

.

.

.

Appleshare

• Apple menu
• Chooser
• Appleshare
• Education zone
• Learning Resource Server
• your network id
• your network id as password (will need to change it)
• your folder (named the same as your network id)

.

.

.

.

.

.

Shortcut - alias

• make an alias of your folder
• save it on a floppy disk
• next time, double click on it

.

.

.

.

.

.

FTP

• From home or from other computers
• FTP client (for Windows or for Mac)

• host: lrs.ed.uiuc.edu
• user: your network id
• password: your password
• path: can navigate, or can specify

.

.

.

.

.

.

Web editing

• To help create your web documents, you can use Netscape Gold (or any other tool you prefer instead).

.

.

.

.

Netscape Gold

• browser & editor
• WYSIWYG (mostly)

.

.

.

.

Using Netscape Gold to modify a personal web page template

• accessing the j-test folder
• changing the template
• saving & publishing

.

.

.

.

Web Page Design

• What makes a good web page?
• Design of web pages: similarities and differences from design of print
• See these web style guides

.

.

.

.

Personal Web Pages

• What makes a good personal web page?
• Assignments for next week: Find what you think is the best personal web page and send me the URL and a short description of why it is good
• a personal web page "template"
• Lab assignment: create a personal web page (you can start with the template if you want)
  or if you already have a personal web page, work on improving it
  When it is ready, send me email with the URL

.

.

.

.

Your personal URL

• http://lrs.ed.uiuc.edu/students/YOUR-FOLDER-NAME/
  where YOUR-FOLDER-NAME should be replaced by your folder/directory name (which is your network id). The final "/" is optional.

.

.

.

.

.

.

URL to files you create

• http://lrs.ed.uiuc.edu/students/YOUR-FOLDER-NAME/YOUR-FILE-NAME

.

.

.

.

.

.

Naming new web files

• end with ".html" or ".htm"
• Don't use spaces or any punctuation except for "-" or "_"

.

.

.

.

.

.

For next week:

• Find your favorite personal web page (web page by a person describing that person) and send me via email the URL and a short description (in HTML) of why it is good
• Create or improve your own personal web page and send me the URL
• if you want your picture on your personal web page and haven't already had it taken, get it taken during lab time