web-3t

Web design 1: Introduction to creating a website
Foreground / background contrast
When choosing a colour scheme for your site, it is far more important to choose colours that combine and
contrast well, so that you don't make it difficult (if not impossible) for visually impaired users (colour
blind people in particular) to view your site.
The following sites will help you choose colour combinations that work:
Visibone - http://www.visibone.com/colorlab/
Color Schemes - http://www.pixy.cz/apps/barvy/index-en.html
Colour Selector - http://www.limov.com/colour/?ID=0P44BK6DL2P0010
Specifying the colour of (X)HTML elements
The best way to set the background and text colours of your web page is to use a style sheet (see tasks 5.3
and 5.4). The CSS properties you use are the background-color property to set the background
colour of an element and the color property to set the colour of text.
For example, to set a light yellow background colour and a navy text colour for your pages you would
redefine the tag as follows:
body { background-color: #FFFFCC; color: #000066; }
You can also apply these properties to other (X)HTML structural elements. For example:
h1 { background-color: #FFFFCC; color: #000066; } would set the
background colour of all tags to light yellow and the text colour to navy.
td { background-color: #CCFFFF; color: #660000; } would set the
background colour to light green and the colour of text to dark red in all table cells.
Web design 1: Introduction to creating a website (web-t3) 30