13 September

1
13 September

• Building a Web Page (cont.)

2
Triangle Assignment

• Assignment Given three numbers, determine if
  they could constitute a triangle
• Examples
• 3,3,3 gt yes 0,1,2 gt no
• 1,1,2 gt no -3,3,3 gt no
• 1,3,3 gt no 3,4,5 gt yes

3
Solution Considerations

• How many combinations do you need to check?
• Are there ways to do less?
• Make sure that you produce yes or no
• Check for invalid numbers
• Ask someone else to follow the algorithm for you

4
Resubmission

• Whether you change it or not, please resubmit it
  as assignment 2
• Using Assignment rather than Digital Dropbox

5
World Cyber Games

• Country competitions to compete in Singapore in
  November (www.worldcybergames.com)
• Competition in 8 games Counter-Strike, FIFA
  Soccer 2005, Need for Speed, StarCraft, WarCraft
  III, Warhammer 40k, Dead or Alive Ultimate, Halo
  2
• Team competition
• US competition
• 183 men and 1 woman, aged 15 to 28
• 4,000 spectators over three days
• Winning team, Team 3D, has manager (Craig Levine,
  founder) and sponsors (Intel and nVidia)
• some players paid a regular living stipend and
  practice and play tournaments full time
• How many of you are gamers? How serious?
• Why the gender disparity

NY Times, September 12 http//www.nytimes.com/2005
/09/12/arts/12game.html
6
Back to HTML

• Every page has
• lthtmlgt lt/htmlgt
• ltheadgt lt/headgt
• ltbodygt lt/bodygt

7
Text Attributes

• Effects
• Bold ltbgt lt/bgt
• Italic ltigt lt/igt
• Underline ltugt lt/ugt
• Alignment ALIGNLEFTRIGHTCENTERJUSTIFY
• Attribute on paragraph, heading,
• Font ltfontgt lt/fontgt with attributes
• face
• color
• Size
• More modern way of defining many attributes is a
  style sheet, which collects the information and
  lets you reuse it
• Lets do formatting without Mozilla composer
• Can use cheat sheet http//werbach.com/barebones/
  download.html

8
Structural Components

• Headings lthgt lt/hgt
• Citations ltcitegt lt/citegt
• Quotations ltqgt lt/qgt
• Why do you want this instead of just format?
• Presentation how it looks
• Semantics what it means

9
Lists and Tables

• Regular text is a paragraph
• Lists are more fixed formats
• Ordered
• Bulleted
• ltulgt ltligt lt/ligt lt/ulgt
• Unordered
• Numbers or letters
• ltolgt ltligt lt/ligt lt/ulgt
• Definition
• Terms and definitions
• ltdlgt ltdtgt lt/dtgt ltddgt lt/ddgt lt/dlgt
• Tables
• Two dimensions
• Format options
• Headings

10
Tables

• Need to define
• Table lttablegt lt/tablegt
• Row lttrgt lt/trgt
• Header (optional) ltthgt lt/thgt
• Data lttdgt lt/tdgt
• Caption (optional) ltcaptiongt lt/captiongt
• Formatting
• size
• Borders
• Can contain anything
• Other tables
• Pictures

11
Lets Try Lists and Tables
12
Animation on a Computer

• Lets look at some animated clips
• What did you see?
• How many colors?
• Motion?
• Is sound the same?

13
Colors in HTML

• What are the three primary colors?
• HTML uses an RGB (Red-Green-Blue) definition
• Values are 0-255.
• (0,0,0) and (255,255,255) represent black and
  white. Which is which?
• Mixing paint vs. mixing light
• (0,0,0) black (255,255,255) white

14
How to indicate colors

• There are a set of predefined colors that you can
  use
• Or you can write them out as rgb (200,
  130, 125)
• Well look at other formats later in the semester

15
Referencing Other Pieces

• Access to pictures and links
• Most common error
• Need complete information for an external picture
  or link
• Need to make sure local references are moved with
  the page

16
Retrieving information on a computer

• Accessing local information
• Accessing remote information
• How does networking work?

17
Links

• General model
• Anchor to click on
• Pointer to the page
• Types
• Internal
• Page
• Site
• External

18
Pictures

• Inserting with ltimggt tag
• Positioning
• Borders
• Size