6 November

1
6 November

• Building a Web Page (2)

2
Animation on a Computer

• Lets look at some animated clips
• What did you see?
• How many colors?
• Motion?
• How are pictures stored?

3
How are pictures stored?
Pictures pixels A very fine needlepoint
4
Monochrome
Pictures stored as a serious of dots or
pixels Monochrome pixels BLACK or WHITE.
5
ASCII Images

• Instead of pixels, use characters
• Web site that converts pictures
• http//asciiconvert.com/
• An example

6
Grey Scale
For shades of grey, more than two values
7
Binary Positional System
8
Computers speak binary

• Memory and disk sizes
• String limits
• Color range
• Interests packets of information
• 4 bits byte 16 values
• 8 bits nibble 256 values
• 16 bits byte 64K (65536)

HEXADECIMAL
9
Hexadecimal Shorthand
10

• Or a pixel can display various colors

• Color

Mixes various amounts of R(ed) G(reen) and B(lue)
light to produce other colors.
11
How to indicate colors

• RGB definition each value is 0-255.
• There are a set of predefined colors that you can
  use
• (0,0,0) black (255,255,255) white
• Or you can write them out as
• rgb (200, 130, 125) decimal
• or
• rgb (C8, 82, 7D) hexadecimal

12
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
• Will discuss it with regard to links, but same
  principle applies to all info

13
Links

• Links always link to an anchor point
• Implicit anchor point at top of page
• Adding other anchor points
• Insert-gtNamed anchor point
• Name highlighted text OR chosen
• lta nameanchorgtlt/agt
• To point to an anchor point on the SAME page
• lta hrefanchorgt link textlt/agt

14
HTML Local Links

• Other pages that are always kept with the current
  one
• Not only the same machine, but the same folder
• Connect with the same access tag
• lta hrefother page"gtLink textlt/agt
• lta hrefPageAnchorPointgt Link textlt/agt

15
Linking to external pages

• Use full url
• lta hrefhttp//www.unc.edu"gtLink textlt/agt

16
Sound

• Not well supported
• Options
• Background music browser specific
• Click to play plug-ins or helper applications
• Easiest implementation option
• helper applications
• Simply link to a file
• http//www.phon.ucl.ac.uk/home/mark/audio/play.htm

17
UNC Site

• UNC website
• Everything that is going to be available on the
  web must be in your public_html folder
• Treats index.html as your home page
• Default is This page is blank
• Need to get your files to their server
• Two choices
• afs too fragile
• ftp

18
Key Web Pages

• Putting Your Page on the Web
• http//help.unc.edu/?id110
• Creating WWW Pages at UNC-CH
• http//help.unc.edu/?id108

19
Steps

• Create your home page locally
• Get space allocation on the public domain
• Install SSH Secure FTP if needed
• https//shareware.unc.edu/software.htmls
• Transfer pages
• Test it