Creating Web Pages: Week 4, continued

1
Creating Web Pages Week 4, continued

• Is a picture worth 1000 words?
• HTML body tag, text tags, lists
• Typography Editorial Style
• Homework Look at schedule. Posting assignment on
  legal/ethical topic due next week. Begin planning
  second project.

2
Is a picture worth 1000 words?

• Really after a different question
• How much storage (how many bits) required for a
  typical image
• Decide on width and height (resolution)
• Decide on color depth
• Assume no compression
• How much storage required for 1000 words
  (estimate size of a word. 1 letter 8 bits)

3
Body tag

• You can add color (see textbook or Paint Shop
  Pro or PhotoShop)
• ltbody bgcolor 63C6DEgt or
• ltbody bgcolor cyangt
• Or an image, which will be tiled
• ltbody backgroundbird.jpggt
• Can set the color for the text, link, vlink
  alink. Consider
• Legibility (against background)
• Printability
• People are accustomed to blue.

4
Tags for text

• ltbgt lt/bgt ltugt lt/ugt ltigt lt/Igt Can be nested.
• ltemgt emphasis lt/emgt
• ltpregt lt/pregt Allows you to retain any
  formatting, including spaces and line breaks.
  Good for poetry and code!
• ltfont colorredgt for specifying fonts or size
  or color lt/fontgt

5
Unordered lists and ordered lists

• ltulgt Note can have the type parameter for
  different bullets (aka wingdings)
• ltligt
• ..
• lt/ulgt
• ltolgt Note can have the type parameter
• ltligt
• lt/olgt
• Can nest lists.
• See also definition lists.

6
Typography

• What does the text mean by Typography plays a
  dual role as both verbal and visual
  communication.
• HTML defines logical display. It does not
  guarantee a display. Style sheets, use of
  scripting language, can go farther to specifying
  the display. The goal of style sheets and XML
  and XSL, etc. is to separate content from display.

7
Text attributes

• What is the significance of
• Alignment
• White space
• Justified text. What does text say about problems
  with right- or centered text?
• Line length
• Antialiased type
• Serif versus sans serif font

8
Browser issues

• Differences between browsers and between Mac and
  PCs
• Note also a user can choose (in preferences) to
  override what is specified in the HTML file.
• Fonts may be missing.

9
Editorial Style Issues

• Too much versus too little text
• Too much mark-up, links versus too little
• Guiding the site visitor through an experience or
  letting site visitors create their own
  experience.
• Provide for visitors to come to any/all pages
  independently
• Be careful of providing ways to leave page or
  even site
• Technical issue page titles used in Bookmarks

10
Homework

• Look at schedule.
• Posting assignment next week.
• Begin to think about Project II. You choose
  topic. Important to be explicit on purpose and
  audience.