Website Construction 2

1
Website Construction 2
Michele Huston Web Manager THE AUSTRALIAN WAR
MEMORIAL www.awm.gov.au
2
The Internet The Web

• The Internet
• Computer network
• The World Wide Web
• Word processor
• http protocol for transferring files
• hypertext
• Graphical interface
• Browser

3
Graphics

• ltimg srcimage.gifgt

4
Free Images

• Clip Art, Photos, buttons, lines, etc
• httpimages.google.com
• Check for usage conditions

5
Images the ALT Tag

• ltimg srcrollins.jpg altHenry Rollinsgt

6
Images

• Alignment
• ltimg srcfile.html alignleftgt
• leftcenterright
• topmiddlebottom

7
Images Formats .gif

• Graphical Interface Formats
• Good for images with large block of horizontal
  colour

8
Images Formats .jpg

• JPEG
• Good for photos

9
Images

• Attributes
• width height
• ltimg srcfile.gif width155 height190gt
• Border
• ltimg srcfile.jpg border0gt
• Horizontal
• ltimg srcfile.jpg hspace7gt

10
Interlaced Images
11
Dithering
True Colour
Dithered
Colour Substitution
12
Screen Colour

• Quality depends upon
• CPU
• Graphics Card
• Monitor
• Lots of variation between platforms
• Colours viewed on Windows appear a little darker
  than on a Mac

13
Dithering Backgrounds

• Dithered backgroundhttp//www.anu.edu.au/u861284
  2/comp1900/dither.html
• Non-dithered backgroundhttp//www.anu.edu.au/u86
  12842/comp1900/ditherno.html

14
The Web safe Palette

• Visibone Color Lab
• http//www.visibone.com/colorlab/
• The Really Websafe Palette
• http//hotwired.lycos.com/webmonkey/00/37/stuff2a/
  complete_websafe_216/reallysafe_palette.html

15
Antialiasing
Antialiased
Aliased
16
Transparent Gifs
17
Web Colour

• Attribute - color
• note spelling
• hexadecimal eg. FF3366
• name eg. red, green, blue
• ltbody bgcolorCC3399gtmagentalt/bodygt

18
Contrast and Readability
19
Links

• ltA HREFfile.htmlgtClick herelt/Agt
• Link to local file
• ltA HREFhttp//student.anu.edu.augtStudent
  Computinglt/Agt
• Link to remote file
• lt A HREFtargetgttargetlt/Agt
• Link to target within the page