squeak!
Syllabus Homepage
Course Overview
Course resources
Day 1
Day 2
Day 3
Day 4
Common errors
Internet Glossary
About Your Instructor
Credits: This site powered by the vi text editor, apache webserver, perl scripting, and Debian linux.
squeak!

Introduction to the Internet - Day 2 (Web)

Goals

In this session you will:
  • Become familiar with the Netscape browser's interface
  • Use links and keyed-in URLs to navigate the web (http://www.abcnews.com)
  • Configure the browser
  • Use a search engine to do research (search logic)
  • Build a simple web page on your floppy

Netscapes's Interface

  • simple document
  • normal windows app
  • browser v. content
  • links, cursor/hand, statusbar
  • walk through important sections of menus and taskbars
  • notice that some buttons (ie, HOME and SEARCH, etc) point to urls rather than something within the software
  • Viewing source

Configuration

You can override most of the browser's default configuration
  • Edit -> Preferences
  • plugins, helper apps

security issues

  • cookies
  • public machines
  • secure sockets
  • public key cryptography

Research

Search engines are research tools, though commercial sites might like them to be marketing tools.
  • SEs constantly mutate
  • Search engines like www.altavista.com
    • search engine as a web page, results as cgi
    • keyword searches and results display
    • modifying a search "" + - *
    • submission and spidering process
  • Directories like www.yahoo.com
  • further reading

Building Web Content

  • Task management, familiarity with various apps
  • the role of html
  • structure v. appearance - appearance of the sourcecode is unimportant
  • simplest document (and a slightly fancier one)
  • tags + attributes - define elements <TAG attribute>text here</TAG>
  • head and body <HTML><BODY> </BODY></HTML> (note correct "nesting")
  • headers <H1-6]>header text here</H1-6>
  • linebreaks <BR> Begins new line. (singular! no closing tag!)
  • paragraph <P> Begins new line, skips a space. (singular!)
  • anchors (links) <a href=URL>link text here</a>
  • images <img src=url>
  • fonts <font color=|face=>text</font>
  • text or character styles, implicit v. explicit
    • <strong>text</strong>
    • <em>text</em>
    • <big>text</big>
    • <small>text</small>
    • <em>text</em>
  • lists 
    	<UL>
	<LI>list item
	<LI>list item
	</UL>

Homework

Read ahead about email and newsgroups.

http://www.mousetrap.net/net.introduction/day2.html
$Id: day2.orb,v 1.2 2002/06/10 01:43:08 mouse Exp $

© 1994-2002 jason carr.
distributed under the terms of the GNU Free Documentation License.

jason carr

Reminders

  • Classroom temperature can be wildly variable. Dress lightly and bring layers.
  • your username is based on the class title and the last two digits of your workstation's hostname.
  • remember to take your work with you.