|
|
Khoâng phaûi chæ coù vaên baûn môùi laøm ñöôïc "hyper"... haõy môû roäng khaû naêng cho caùc trang web
cuûa baïn ñeå caùc hình aûnh hoaït ñoäng nhö moät sieâu lieân keát (hyperlink) (Thöû click
vaøo hình hoäp!).
Sau baøi naøy baïn coù theå:
Töø nhöõng baøi hoïc tröôùc baïn ñaõ deã daøng (hy voïng laø vaäy) trong vieäc taïo ra sieâu vaên baûn, töùc laø ñoaïn vaên baûn trong taøi lieäu cuûa baïn cho pheùp ngöôøi xem noái ñeán nhöõng thoâng tin coù lieân quan. Baïn cuõng coù theå laøm cho hình aûnh inline (xem baøi 7a) hoaït ñoäng theo caùch gioáng nhö "hyper" naøy. Neáu baïn nhôù laïi, trong baøi hoïc môùi ñaây chuùng ta ñaõ lieân keát moät ñoaïn vaên baûn trong trang Volcano Web, index.htm, ñeán trang thöù hai laø msh.htm ñeå mieâu taû Mount St. Helens. Baây giôø trong trang web naøy chuùng ta muoán theâm moät button maø khi ñöôïc click vaøo seõ ñöa ngöôøi ñoïc trôû veà baøi hoïc chính.
Caùch ñeå laøm ñöôïc ñieàu naøy laø ñaët caùc tag HTML sao cho caùc hình aûnh inline ôû beân trong phaàn sieâu vaên baûn cuûa tag anchor:
<a href="fileX.htm"> <img src="graphic.gif">
Go to Document X</a>
Trong trang web cuûa baïn HTML naøy seõ hieån thò moät hình aûnh inline vaø ñoaïn chöõ
Go to Document X. Caû hai seõ hoaït ñoäng nhö moät sieâu lieân keát; khi nhaán
vaøo ñoaïn chöõ hay vaøo hình aûnh seõ baùo cho web browser ñi ñeán taäp tin HTML
fileX.htm. Rieâng hình aûnh cuõng coù theå laø moät sieâu lieân keát. Noùi chung, trong
World Wide Web, moät "HyperGraphic" seõ ñöôïc bao quanh bôûi moät hoäp maøu töông öùng
vôùi loaïi maøu söû duïng cho sieâu vaên baûn trong trang web cuûa baïn, nhôø ñoù baïn bieát raèng noù
"hoaït ñoäng" (active).
Chuù yù: Nhieàu browser hieän nay coù theå thay ñoåi maøu cuûa sieâu vaên baûn vaø moät soá boû ñi vieäc trình baøy ñöôøng bao quanh caùc lieân keát HyperGraphic. Noùi chung, baïn coù theå xaùc ñònh moät vuøng sieâu lieân keát trong moät trang web baèng caùch xem söï thay ñoåi cuûa daáu nhaùy (cursor) khi noù baêng qua moät vuøng "noùng" (hot). Thoâng thöôøng daáu nhaùy seõ chuyeån töø daáu muõi teân sang moät baøn tay khi noù baêng qua moät lieân keát hoaït ñoäng (active link).Töø quan ñieåm cuûa moät nhaø thieát keá, chuùng toâi ñeà nghò khi baïn söû duïng moät hình aûnh nhö laø moät sieâu lieân keát thì neân theâm moät lieân keát baèng vaên baûn hoaëc laø söû duïng theâm ALT= attribute trong tag <IMG...> ñeå phuïc vuï cho tröôøng hôïp ngöôøi xem taét vieäc naïp caùc hình aûnh.
Baây giôø chuùng ta seõ taïo ra moät button hình aûnh "hyper". Tröôùc heát, baïn caàn cheùp moät baûn sao cuûa button muõi teân töø Trung taâm Download Hình aûnh Baøi 8e.
Baïn neân coù moät baûn sao cuûa taäp tin hình aûnh ôû ñaâu ñoù treân maùy cuûa baïn (Baïn neân caát laïi noù vaøo trong folder/directory pictures trong vuøng laøm vieäc cuûa baïn).
Tieáp theo, theâm vaøo HTML ñeå button hoaït ñoäng ñöôïc:
<hr> <a href="index.htm"> <img src="../pictures/left.gif"> Return to <i>Volcano Web</i></a>
Löu yù : Tag hình aûnh inline (<img...>) hoaøn toaøn naèm trong anchor giöõa > ñaùnh daáu keát thuùc URL vaø </a> ñaùnh daáu söï keát thuùc cuûa sieâu vaên baûn. Ngoaøi ra cuõng chuù yù tag <i> ñöôïc söû duïng trong sieâu vaên baûn ñeå nhaán maïnh tieâu ñeà cuûa baøi. Vaø cuoái cuøng, chuùng ta ñaõ söû duïng tag <hr> ñeå taïo moät doøng thaúng treân hình button (xem tag naøy trong baøi 4).
Tröôùc heát baïn caàn sao cheùp hai taäp tin aûnh töø Trung taâm Download Hình aûnh Baøi 8e. (Caùc taäp tin naøy neân ñöôïc caát vaøo folder/directory pictures trong vuøng laøm vieäc cuûa baïn).
Sau ñoù, taïo caùc lieân keát tem thö trong taäp tin vaên baûn chính:
This field seismometer measures earthquakes associated
with subsurface volcanic forces and may help to predict
future events. It sits on a plateau known as the "Volcanic
Tableland" formed by a major eruption 600,000 years ago.
<p>
<a href="../pictures/seismo.jpg">
<img src="../pictures/stamp.gif">
-- [View the full size image] -- </a>
<p>
This seismometer measures earthquakes
associated with subsurface volcanic forces.
Hình aûnh inline, stamp.gif, hoaït ñoäng nhö moät sieâu lieân keát ñeán hình lôùn hôn, seismo.jpg. Khi ngöôøi söû duïng click treân "tem thö" hay treân ñoaïn vaên "View the full size image --", browser cuûa baïn seõ trình baøy aûnh lôùn trong moät cöûa soå rieâng hay trong moät trang traéng.
So saùnh trang web cuûa baïn vôùi ví duï maãu ñeå bieát taøi lieäu neân xuaát hieän nhö theá naøo. Neáu trang web cuûa baïn khoâng gioáng nhö ví duï maãu, haõy kieåm tra laïi vaên baûn baïn ñaõ ñaùnh trong trình soaïn thaûo. Loãi thöôøng gaëp laø söï khaùc bieät khi ñaùnh vaàn teân taäp tin vaø maõ HTML cho lieân keát anchor, hoaëc laø khoâng coù taäp tin hình aûnh taïi thö muïc chæ ñònh. Neáu baïn thaáy moät bieåu töôïng hình vôùi daáu chaám hoûi:
thì thöôøng coù nghóa laø HTML khoâng tìm thaáy taäp tin coù trong tag <img> hoaëc laø aûnh khoâng thuoäc daïng GIF hay JPEG.
The Internet Connection at MCLI is Alan
Levine --}
Comments to levine@maricopa.edu
URL: http://www.mcli.dist.maricopa.edu/tut/tut8e.html