AdvWeb-1/9 DePaul University SNL 262 Web Page Design Chapt 11 - Custom Background And Colors Instructor: David A. Lash

AdvWeb-2/9 Color Attributes For Body Tags u BODY Tag has specific attributes to set up the colors on your web page: – Background Color: – Link Color – Recently Visited Links – Links Briefly blink when someone visits them: – Put it all together Click here for example

AdvWeb-3/9 16 Standard Colors u You can select from 16 standard “named” colors that include : – black, white,red, green, – blue, yellow, magenta (aka fuchsia), – cyan (aka aqua), purple, gray, lime, – maroon, navy, olive, silver and teal.

AdvWeb-4/9 Mix & Match Colors u The RRGGBB Format many colors possible. Amount of Red (from 0-255) Amount of Green (from 0-255) Amount of Blue (from 0-255)

AdvWeb-5/9 But Why Only 2 Digits u Intensity of RED, GREEN, or BLUE made in HEXIDECIMAL – 255 = xFF - Says 100% of the intensity. – 204 = xcc - Says 80% intensity. – 153 = x99 - Says 60% intensity – 102 = x66 - Says 40% intensity. – 51 = x33 - Says 20% intensity. – 00 = x00 - Says 00% intensity. u So what would these be –

AdvWeb-6/9 But Why Only 2 Digits u Here is a Table of Decimal to Hexidecimal conversionDecimal to Hexidecimal conversion u Here is a complete color chartcomplete color chart u Browser Safe Colors - there are only 216 colors are common between the color palette of MACs, Win95 and Windows. (AKA Browser safe)

AdvWeb-7/9 Background Images u You can use an external file for "wallpaper" or background image. – Wallpaper is a small picture file that is repeated over and over on the background – An example from book that uses tiling or wallpaper.book that uses tiling or wallpaper. – Here is the actual gif file.actual gif file. – Here is the HTML line u Here is the actual gif file for my home page.gif file for my home page – Here is the HTML line

AdvWeb-8/9 More On Background Images u You can use an external file for "wallpaper" or background image. – Wallpaper is a small picture file that is repeated over and over on the background – An example from book that uses tiling or wallpaper.book that uses tiling or wallpaper. – Here is the actual gif file.actual gif file. – Here is the HTML line u Here is the actual gif file for my home page.gif file for my home page – Here is the HTML line

AdvWeb-9/9 More On Background Images u Pick a complementary tile not one that overwhelms the page overwhelms the page u Finding backgrounds: – Check out the Yahoo Indexthe Yahoo Index – Another site (found from Yahoo) that has about 100 backgrounds to choose fromthat has about 100 backgrounds to choose from