8 September

1
8 September

• Building a Web Page

2
Follow Ups

• Make-up classes none
• You each will have 3 meetings with me
• Scheduling difficulty

3
Current Event In-Dash PCs

• Touch-screen computers are expected to be
  incorporated into next-generation car dashboards
• Enablers
• affordability of computers
• acceptance of technology in automobiles
• satellite radio
• DVD players
• GPS navigation
• Potential uses
• control information
• communication
• entertainment
• email
• Personalized telemetry
• keep tabs on their friends
• cameras to capture accidents
• determine the direction of a motorist's gaze
• warning if driver distracted or nodding off
• Concerns about the safety of car PCs abound
• Companies claim software has entailed great deal
  of effort and research

USA Today (09/07/05) p. 5B Kevin Maney
4
HTML Files

• Two types of information
• Text
• Instructions on how to display
• Instructions are in the form of tags
• Tags are indicated by lt gt

5
Processing HTML
BROWSER HTML processor (software prgram)
Interprets HTML Performs the actions
instructions
data
text, pictures, etc.
HTML tags
6
General Structure HTML Page

• lthtmlgt
• lt! --- most important item in head is the title
  --- gt
• ltheadgtltmeta content"text/html
  charsetISO-8859-1"http-equiv"content-type"gtltti
  tlegtPut your title herelt/titlegt
• lt/headgt
• lt! --- body is where the good stuff is --- gt
• ltbodygt
• What will appear on the page
• ltbrgt
• Here and there
• lt/bodygt
• lt/htmlgt

7
Exploring HTML
8
Observations

• Two types of commands
• Single commands lt command gt
• Start/end commands ltcgt .. lt/cgt
• Logically, what is the difference between them?
• Tags can have additional information associated
  with them -- attributes
• Blanks dont matter

9
Algorithm exerciseHow does Find work?

• Tags and text are all characters
• Question Will Find get words that are tags
  (e.g., Find on body)?
• Describe the algorithm

10
HTML Web Resources

• Beginners Guide
• http//archive.ncsa.uiuc.edu/General/Internet/WWW/
  HTMLPrimer.html
• Cheat Sheet Bare Bones Guide to HTML
• http//werbach.com/barebones/download.html

11
Lets Build a Page

• First, you need Mozilla
• http//www.mozilla.org (Products)
• Mozilla suite, not Firefox
• What is Mozilla?
• Freeware -- program available for use, not for
  changing
• Open source -- program available for both
• How to get started
• Open Mozilla
• Window-gtComposer
• Note tabs on the bottom of the page

12
Special symbols

• lt and gt are special symbols with special meanings
• How would you print A lt B ?
• Suggestions?
• lt for lt and gt for gt
• is an escape symbol, which means that it is
  handled specially
• Means that you need a special way to display
  too amp

13
Fundamental Page Elements

• Within ltheadgt
• lttitlegt -- what will appear at the top of the
  window
• Within ltbodygt
• Attributes on ltbodygt
• Background color or picture
• Colors for links
• Will discuss colors and pictures later