Build Your Own Web Page
I. Introduction (Lecture)
History of Net
A. Internet began as a military communications operation
B. ARPANET grew to become the World Wide Web, including businesses and civilians
C. Explore more at Internet Society's pages http://www.isoc.org/internet-history/
Terms -- see
Software & Programs (Browsers, Editors ---
PLEASE NOTE: products listed are not endorsements, but merely examples of industry
standards and options)
A. Browsers let you "browse" or look at web pages
*Internet Explorer (usually comes with Windows OS software) www.microsoft.com
*Netscape Navigator (download from net) www.netscape.com
*AOL (download from net with their service) www.aol.com
B. Editors let you edit, create, or change web pages
FREE -- *Netscape Composer www.netscape.com
*Microsoft FrontPage Express (comes with IE 4.0 and above)
or Download from University of Cape Town
*AOL Press www.aolpress.com
RETAIL --*Microsoft FrontPage www.microsoft.com
*Macromedia Dreamweaver http://macromedia.com/software/dreamweaver/
Downloading software & unzipping files
Issues (Ethical, legal, privacy, copyright,
freedom of speech, etiquette)
Rules for internet copyrights are simple (and a little vague). Basically if a
page or file has author's name and date on it, it is considered copyrighted material.
Some good articles on ethics, etiquette, and other issues at the World-Wide Web
Virtual Library http://www.ciolek.com/WWWVLPages/QltyPages/QltyEtiq.html
Spelling matters (sometimes MISspelling helps!)
Capitals may or may not matter (depending on search engine used)
Worlds of Searching (it's really geared for kids) has some search tips &
When you know how search engines work when you are searching, you can make them
work for you when you post your page to the web.
II. Planning your site (Lecture)
Purpose -- is your site to be entertaining?
informative? personal scrapbook?
Audience -- who do you want to target to visit
your site? How can you adjust vocabulary and navigation for this audience?
Content -- Give 'em a reason to come back, and
be sure to give credit where credit is due!
Layout -- single page or multi-page site
Directories -- "folders" If you are
going to create a whole site, these will help you organize
Navigation -- buttons? bars? image map? text
links? go back to main page?
Themes -- Themes can help tie the pages of
your site together.
Example: MFES Campus website's puzzle pieces for navigation http://weber.marblefalls.txed.net/mfes
Domains & Hosts -- If you are planning on
getting your own domain name you will have to register it. This costs around $35 per
year through most domain registration services.
There is web space available through many of the local Internet Service Providers
(TStar, 281, Momentum, etc). The address and uploading procedures should be
available from the company's technical support staff.
There are also TONS of free domain hosts and servers out on the web. Amount
of space and domain name choice vary from service to service. Investigate a little
to find the features that are most appropriate for your needs. Some of the most popular
Yahoo Geocities http://www.geocities.com
15 mbs of space, corner square ad on top right of page
Domain will be geocities.com/you
Lycos Tripod http://www.tripod.com
50 mbs of space, choice of pop-up or banner ad
Domain will be you.tripod.com
8 mbs of space, I haven't used this in a while -- they are beginning to charge for
the good stuff and limiting PREVIEW (free) users to 3 pages only, plus they now have a bar
of advertising on each page
Domain will be you.homestead.com
In my past experiences, I have found that uploading to Homestead is
20 mbs of space, banner ad across top of page
Domain will be a choice of you.8m.com (4t.com, 8m.net,
You have to agree with them sending you free offers/newsletters to use the
space, but the domain names are shorter!
Lycos Angelfire http://www.angelfire.com
50 mbs of space, choice of banner or pop-up ads
Domain will be angelfire.com/tx/you
Intelcities (not affiliated with Intel Corporation) http://www.intelcities.com 10 mbs of space, NO ADS
Domain will be intelcities.com/Street_Name/you This company
has been offline for a while due to some legal trouble with using the name Intel -- They
are online as of 7/17/01, but some of their features are not working.
IV. Your Plan (Guided
V. HTML vs. WYSIWYG
"Alphabet Soup?" (Lecture & Guided Activity)
HTML (Hypertext Markup Language) -- You can
use plain text editors like Notepad or WordPad to edit the "code" of a document
It is important to remember to put an "end" tag for each tag.
Some common tags are
<HTML> and </HTML> Begin and end your document
<HEAD> and </HEAD> Contains title, author name, and
keywords that help search engines identify content categories for your site
<TITLE> and </TITLE> The tag for what will appear on the browser's
<BODY> and </BODY> Begin and end the main part of your document
WYSIWYG (What you see is what you get) --
We'll be using FrontPage Express. It runs a lot like a word processor so you don't
have to deal with knowing much about HTML to create a page!
MFISD Continuing Education Course
Instructor: Shelli Spruiell