Start with Notepad (for about 2 ... You can download fre

1
Welcome ToWeb Site Basics

• 95 AG

2
HTML Documents Contain

• Animation
• Sound
• Videos

• Text
• Formatted text
• Images
• Links
• Logos

3
Basic Page Contents
4
Basic Page Contents
Title
Text
5
Basic Page Contents
Title
Heading
Text
6
Basic Page Contents
Title
Heading
Links
7
Examples from WWW
Hyperlink Images
8
A Look at the Source Code
9
HTML - Basic Tags

• lthtmlgt
• ltheadgtsetup information goes here
• lttitlegtappears in the Title Barlt/titlegt
• lt/headgt
• ltbodygtbasically everythinglt/bodygt
• lt/htmlgt

10
What Program Should We Use?

• Basically -- your choice
• We will
• Start with Notepad (for about 2 minutes)
• Use Netscape Composer along with Shelly/Cashman
  Creating Web Pages
• You can download free stuff Hot Dog!, PRO97,
  etc.
• Front Page 97 or 98 is excellent--but not free

11
What does an Editor Do?

• Automatically places the lttagsgt correctly
• Easy formatting
• Displays in WYSIWYG
• Lets you use regular word processing tools
• Verifies (to a point)
• Speeds up the web creation process

12
Learning/Practice Strategies

• Browse and surf the web!
• Learn by example
• In most browsers you can choose View, Page Source
  from the menu or,
• Right-click and choose View, Page Source
• Fill out your questionnaire
• Develop a plan and structure
• Create and save a basic HTML template

13
Example of First Page

• Welcome to my wonderful web site.
• For your viewing pleasure, I have decided to
  provide pictures of my family and some of our
  favorite vacation spots. I also thought you
  might enjoy a picture of our family dog, Spot.
• Mallorca
• Your Orca
• Grandma
• Mom Dad
• Spot
• How to lose lots (money or weight?)

These will become HYPERLINKS
14
Have Fun!