History of the Internet and WWW

What is HTML?

Exercise: Hand-code your own page

Simple freeware WYSIWYG editors

Exercise: Make a page with AOLPress

Code references

Browser versions

FTP

Link syntax and file naming

HTML Basics

Jeff Williamson
Northern Virginia Community College
www.nvcc.edu/home/nvwillj/html-basics/
nvwillj@nvcc.edu

Exercise: Make a simple home page in AOLPress

Enough already - let's get going and make yourself a home page.  

1. Start AOLPress
2. Ctrl-N (for new page)
3. Save this page to your disk as test2.htm
4. You DID save the empty, new page, right?  Failing to save from the start causes a lot of problems later on.

Start typing.  AOLPress, like most other visual editors,. is pretty similar to a word processor.  You type and adjust formatting either while or after you type.  Try to use each of the technical terms in the left column below.  

Technical term	Content
A heading (Format menu in AOLPress) A paragraph break (Enter in AOLPress)  A line break (Shift-Enter)	Jeff Williamson  3001 N. Beauregard St. Alexandria, VA  22311
a list (Format menu)	My favorite hobbies  sitting  yak roping
an external link to someplace on the web (highlight text to be linked, then Element menu)	My favorite hobbies  sitting  writing
A pre-made graphic (Element menu, Image) First: Copy pencil2.gif  from C:\AOLPRESS\HELP\ to your floppy Then: Put your cursor at the end of "writing" to the right. Element menu/Image/ - a dialog box will appear.  Use "Browse" to select the right file.   Set "Alignment" to Top Then press OK	My favorite hobbies  sitting  writing
A horizontal rule (Element menu)
At the top of your page: Make a 1 row, 4 column table with links to four places (Table menu). Also, return to the Table menu and choose "Center Table"	see below
A signature with mailto: link (Element menu)	Last modified 9/11/97  Owner and comments: nvwillj@nvcc.edu

Some favorite sites

The Post

Builder.com

The Coupland File

Salon