Neàn (background) cuûa trang Web - chính laø phaàn neàn. Khi chuùng ta theâm nhöõng maøu saéc khaùc nhau hoaëc ngay caû nhöõng maãu neàn, baïn neân nhôù ñeå noù khoâng aûnh höôûng ñeán vieäc ñoïc cuûa phaàn vaên baûn. Vôùi caùc trang trong taøi lieäu höôùng daãn naøy, chuùng toâi söû duïng moät maøu traéng coá ñònh cho neàn ñeå taïo ra söï roõ raøng vaø phoâng neàn khoâng gaây ra aûnh höôûng ñeán noäi dung.
Vôùi moät vaøi boå sung cho tag <body> (ñöôïc giôùi thieäu trong baøi 1), baïn coù theå taïo ra maøu neàn cho trang Web cuûa baïn. Nhöng tröôùc khi chuùng toâi chæ cho baïn caùch taïo ra maøu saéc thích thuù nhö vaäy, chuùng ta phaûi noùi sô qua caùc giaù trò maøu RGB (red green blue) vaø söï theå hieän cuûa chuùng döôùi daïng soá "thaäp luïc phaân".
Tieáp theo ñaây laø moät phaàn phöùc taïp. Thay vì xaùc ñònh moät maøu theo daïng töông töï nhö "102,153,255" thì moãi soá ñöôïc chuyeån töø daïng bieåu dieãn theo cô soá heä möôøi (laø nhöõng soá ñeám haøng ngaøy duøng caùc kyù soá 0, 1, 2, 3, 4, 5, 6, 7, 8, 9) sang daïng bieåu dieãn theo cô soá heä thaäp luïc phaân (duøng caùc kyù soá 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F). Taïi sao vaäy? Vì maùy tính deã söû duïng vaø deå hieåu soá heä thaäp luïc phaân hôn. Vì vaäy ñoái vôùi maøu cho ví duï treân, chuùng ta seõ vieát trong daïng soá thaäp luïc phaân laø: "6699FF". Trong ví duï naøy, "66" laø trò cuûa maøu Red, "99" laø trò cuûa maøu Green, vaø "FF" laø trò cuûa maøu Blue.
Sau ñaây laø moät vaøi ví duï trò heä thaäp luïc cho caùc maøu khaùc nhau:
Maøu maãu | Maõ 16 |
---|---|
xx oo xx FFCCCC | xx oo xx 3300FF |
xx oo xx 33FF66 | xx oo xx AA0000 |
xx oo xx 663300 | xx oo xx 9900FF |
xx oo xx 000077 | xx oo xx FFFF00 |
xx oo xx EEEEEE | xx oo xx 888888 |
xx oo xx 444444 | xx oo xx 000000 |
Nhöng, ñöøng lo sôï veà vieäc chuyeån ñoåi heä thoáng soá ñeám! Coù raát nhieàu coâng cuï trong ñoù
baïn chæ caàn click vaøo moät baûng maøu vaø chuùng seõ cho bieát caùch bieåu dieãn ôû heä thaäp luïc
phaân. Raát nhieàu coâng cuï maøu nhö vaäy coù theå tìm thaáy trong
Yahoo.
Nhöng toát hôn theá nöõa, baây giôø raát nhieàu browser hoå trôï nhanh choùng cho 16 maøu sau (chuùng laø caùc maøu cuûa VGA treân Windows): | |
xx oo xx aqua | xx oo xx black |
xx oo xx blue | xx oo xx fuchsia |
xx oo xx gray | xx oo xx green |
xx oo xx lime | xx oo xx maroon |
xx oo xx navy | xx oo xx olive |
xx oo xx purple | xx oo xx red |
xx oo xx silver | xx oo xx teal |
xx oo xx white | xx oo xx yellow |
Chuù yù: Tröôùc heát baïn coù theå thöû kieåm tra ñeå bieát ñöôïc browser cuûa baïn coù hoå trôï nhöõng maøu neàn coá ñònh khoâng (solid color background).Vôùi Volcano Web cuûa chuùng ta, ñieàu ñaàu tieân chuùng ta seõ laøm laø theâm moät maøu neàn vaøo taäp tin index.htm. Trong HTML ñeå theâm moät maøu neàn coá ñònh caàn ñieàu chænh tag <body> nhö sau:
<body bgcolor=#XXXXXX>trong ñoù XXXXXX laø daïng bieåu dieãn thaäp luïc phaân (ñöôïc chæ ñònh bôûi daáu # ôû phía tröôùc) cuûa maøu ñöôïc chæ ñònh.
Neáu baïn nhôù laïi, hình chuùng ta söû duïng trong phaàn môû ñaàu laø hình nuùi löûa treân moät neàn ñen - vì vaäy neáu chuùng ta cuõng söû duïng maøu ñen cho maøu neàn cuûa trang Web, hình aûnh seõ raát hoøa hôïp vôùi trang Web cuûa chuùng ta:
<body bgcolor=#000000>
<BODY BGCOLOR=#XXXXXX TEXT=#XXXXXX LINK=#XXXXXX VLINK=#XXXXXX>trong ñoù caùc giaù trò XXXXXX seõ xaùc ñònh:
Baây giôø baïn coù theå theâm caùc giaù trò maøu naøy ñeå thay ñoåi tag thaønh:
<BODY BGCOLOR=#000000 TEXT=#EEEEBB LINK=#33CCFF VLINK=#CC0000>Tag naøy seõ cho neàn maøu ñen, chöõ maøu vaøng, sieâu vaên baûn maøu xanh döông saùng, vaø sieâu vaên baûn ñaõ xem maøu ñoû .
Chuù yù : thöù töï cuûa caùc muïc trong tag <BODY> khoâng quan troïng.Baây giôø baïn neân söûa ñoåi caùc tag <BODY> trong taát caû caùc taäp tin HTML cuûa baïn (caùch nhanh vaø deã daøng laø cheùp vaø daùn ví duï treân cho moãi tag <BODY>).
Löu yù: Tröôùc heát coù leõ baïn haõy thöû kieåm tra xem web browser cuûa baïn coù hoå trôï caáu truùc neàn khoâng.Maøu saéc coá ñònh taïo theâm vaøi bieán ñoåi khaùc nhau cho trang Web - nhöng baïn coù theå ñi xa hôn nöõa baèng caùch theâm caáu truùc neàn (textured background). Baïn söû duïng moät taäp tin hình aûnh nhoû (daïng GIF hay JPEG) vaø browser seõ "lôïp" vaøo trang web caùc baûn sao lieân tuïc nhau cuûa hình aûnh naøy. Vaøi ñieàu baïn caàn phaûi nhôù laø:
<body background="bgfile.gif">trong ñoù bgfile.gif laø teân cuûa taäp tin hình aûnh (coù theå söû duïng URL ñaày ñuû hay töông ñoái - xem baøi 8a).
Döôùi ñaây chuùng ta seõ lieät keâ teân cuûa ba taäp tin neàn. Baïn coù theå download töøng caùi (neáu baïn khoâng bieát caùch download hình aûnh töø moät trang web, xin tham khaûo baûng trôï giuùp Download Hình aûnh) cuûa chuùng toâi. Baïn neân caát caùc taäp tin hình aûnh trong directory/folder pictures trong vuøng laøm vieäc cuûa baïn:
<body background="../pictures/paper.gif" text=##AA0000>seõ cho chuùng ta chöõ ñoû treân giaáy vaøng.
Chuù yù: Coù nhieàu web browser coù khaû naêng thay ñoåi maøu maëc ñònh - ñoâi khi moät ngöôøi söû duïng coù theå coù söï öa thích moät taäp caùc maøu maø nhöõng maøu naøy seõ laøm aûnh höôûng ñeán taäp maøu baïn ñaõ choïn. Vì vaäy, chuùng toâi ñeà nghò khi söû duïng moät tag neàn baát kyø naøo (maøu coá ñònh hay taäp caáu truùc neàn) thì baïn cuõng neân bao goàm caùc maøu "bình thöôøng" - maøu ñen cho phaàn chöõ vaên baûn, maøu xanh döông cho lieân keát sieâu vaên baûn vaø maøu tím cho caùc lieân keát ñaõ xem :Neáu baïn muoán tìm vaøi ví duï veà caùc taäp tin caáu truùc neàn, haõy xem Kai's Power Tips Background Archives<BODY TEXT=#000000 VLINK=#660099 LINK=#0000EE>
<body bgcolor=#FFFFFF>vaø
<body background="tiles.gif">khaùc nhau nhö theá naøo?
The Internet Connection at MCLI is
Alan Levine --}
Comments to levine@maricopa.edu
URL: http://www.mcli.dist.maricopa.edu/tut/tut16.html