|
|
Toaùn hoïc trong WWW laø:
Text + Pictures = Multimedia
Multimedia + WWW = Global HyperMedia
Baïn coù ñoàng yù khoâng?
Sau baøi hoïc naøy, baïn seõ coù theå:
Chuùng ta haõy nhìn xem laøm theá naøo ñeå theâm caùc hình aûnh gioáng nhö "chöõ M lôùn" vaøo trong moät trang web ...
Moät hình aûnh "inline" ñöôïc xuaát hieän beân trong vaên baûn cuûa trang web, gioáng nhö
hình "chöõ M lôùn" naøy.
Daïng HTML cho tag hình aûnh inline laø:
<img src="filename.gif">
trong ñoù filename.gif laø teân cuûa moät taäp tin GIF ñeå ôû cuøng directory/folder vôùi taøi lieäu HTML. Töø "inline" coù nghóa laø web browser seõ hieån thò hình aûnh ngay trong vaên baûn.
Haõy chuù yù caùc vaên baûn theo ngay sau "chöõ M lôùn" ôû treân. Neáu chuùng ta muoán "chöõ M lôùn" ôû rieâng treân moät doøng thì sao? Ñeå moät hình aûnh xuaát hieän treân moät doøng rieâng bieät,
chæ caàn theâm moät tag paragraph tröôùc vaø sau tag image:
<p> <img src="filename.gif"> <p>
Tag <img...> coù theå theâm thuoäc tính ñeå ñieàu khieån vò trí cuûa vaên baûn so vôùi hình aûnh trong haøng. Thuoäc tính align ñöôïc theâm vaøo trong tag <img....> coù theå ñem laïi nhöõng hieäu quaû sau:
<img align=top src="filename.gif">
<img align=middle src="filename.gif">
<img align=bottom src="filename.gif">
Chuù yù caùch saép xeáp vaên baûn treân moãi doøng...(coù theå thu heïp hay môû roäng beà roäng cuûa cöûa soå browser WWW ñeå xem roõ söï thay ñoåi). Vôùi HTML 2.0, baïn khoâng theå coù nhöõng khoái vaên baûn ngay beân caïnh hình aûnh. Trong nhöõng baøi hoïc sau, chuùng ta seõ xem caùch taïo ra nhöõng hieäu quaû ñoù.
Trong baøi taäp naøy, baïn seõ theâm hình aûnh giôùi thieäu nuùi löûa trong trang web cuûa baïn.
<img src="lava.gif">Daïng HTML naøy seõ theâm treân ñænh trang web cuûa baïn hình aûnh dung nham maø baïn ñaõ download trong baøi tröôùc.
Trong vieäc ñaët hình aûnh, baïn coù theå töï hoûi taïi sao chuùng ta khoâng caàn ñaët moät tag <p> sau hình aûnh. Ñieàu naøy khoâng caàn thieát bôûi vì vaên baûn theo sau noù laø moät tieâu ñeà. Moät web browser luoân luoân cheøn moät daáu ngaét ñoaïn tröôùc vaø sau moät tag <h1,h2,h3...>.
Neáu trang web cuûa baïn seõ ñöôïc xem bôûi moät ngöôøi söû duïng browser daïng vaên baûn (text-only browser, ví duï nhö lynx), hoï seõ khoâng coù khaû naêng ñeå xem baát kyø nhöõng hình aûnh inline naøo. Hoaëc ñoâi khi ngöôøi söû duïng taét ñi vieäc trình baøy hình aûnh inline ñeå tieát kieäm thôøi gian download qua caùc keát noái maïng chaäm. Moät thuoäc tính cuûa tag <img...> cho pheùp thay vaøo vò trí cuûa hình aûnh baèng moät chuoåi vaên baûn moâ taû noù.
Bình thöôøng khi gaëp tröôøng hôïp naøy, moät ngöôøi söû duïng text-browser seõ thaáy moät vò trí giöõ choã (place holder) ñeå phaàn ñaàu trang web cuûa chuùng ta troâng gioáng nhö sau:[IMAGE]
Volcano Web
In this lesson you will use the Internet to research information
on volcanoes and then write a report on your results.
-----------------------------------------------------------------
In this Lesson...
Caùch trình baøy naøy giuùp ngöôøi söû duïng bieát raèng coù moät hình aûnh ñöôïc chen vaøo ñaàu cuûa trang naøy. Baïn coù theå söûa ñoåi tag <img> ñeå thay vì trình baøy moät vò trí giöõ choã nhö treân, browser seõ hieån thò moät doøng vaên baûn. Laáy ví duï trong baøi cuûa chuùng ta, chuùng ta coù theå theâm "A lesson on:" baèng caùch ñieàu chænh laïi tag <img...> nhö sau:
<img alt="A Lesson on:" src="lava.gif">
Thuoäc tính alt="..." thay vò trí giöõ choã baèng moät doøng vaên baûn ñeå cho moät text-browser (hay khi taét vieäc hieån thò hình aûnh), baøi cuûa chuùng ta seõ xuaát hieän nhö sau:
A Lesson On
Volcano Web
In this lesson you will use the Internet to research information
on volcanoes and then write a report on your results.
-----------------------------------------------------------------
In this Lesson...
Baây giôø haõy ñieàu chænh töông töï nhö treân vaøo trang HTML cuûa baïn cho tag
<img> coù hình nuùi löûa.
Moät khaû naêng khaùc maø baïn coù theå muoán theâm vaøo tag <img...> laø hai thuoäc tính ñeå xaùc ñònh kích côû hình aûnh tính baèng soá ñieåm (pixel). Taïi sao vaäy? Thoâng thöôøng web browser cuûa baïn phaûi töï xaùc ñònh nhöõng kích côû naøy khi noù ñoïc hình aûnh; vieäc naïp trang cuûa baïn coù theå nhanh hôn neáu baïn chæ ñònh nhöõng thoâng soá naøy trong HTML.
Daïng ñeå theâm nhöõng thoâng soá naøy laø:
<img src="filename.gif" width=X height=Y >
trong ñoù X laø chieàu roäng vaø Y laø chieàu cao cuûa hình aûnh tính theo ñieåm.
Baïn coù theå söû duïng nhieàu chöông trình tieän ích ñeå xaùc ñònh nhöõng giaù trò soá naøy. Moät caùch khaùc ñeå tìm nhöõng kích côû cuûa hình aûnh laø naïp noù vaøo trong browser cuûa baïn (baïn coù theå söû duïng chöùc naêng keùo vaø thaû - drag and drop - bieåu töôïng cuûa hình aûnh vaøo trong browser cuûa baïn), khi ñoù chieàu cao vaø chieàu roäng seõ ñöôïc hieån thò treân thanh tieâu ñeà cuûa browser.
Vôùi ví duï cuûa chuùng ta trong baøi hoïc naøy, hình lava.gif coù 300 ñieåm chieàu roäng vaø 259 ñieåm chieàu cao. Vì vaäy baïn neân ñieàu chænh trong taäp tin volc.htm thaønh:<img alt="A Lesson on:" src="lava.gif" width=300 height=259>
Chuù yù: Thöù töï caùc thuoäc tính trong tag <img> khoâng quan troïng.
Thoâng thöôøng chuùng ta seõ töï hoûi coù theå thay ñoåi nhöõng kích côû cuûa hình aûnh baèng caùch ñöa vaøo nhöõng soá khaùc vôùi kích côû thaät cuûa hình aûnh khoâng. Caâu traû lôøi laø ñöôïc nhöng keát quaû nhaän ñöôïc thì khoâng theå bieát tröôùc. Neáu baïn cho nhöõng soá lôùn hôn (ñeå laøm cho hình lôùn hôn) keát quaû laø moät hình coù caùc "khoái maøu" ("blocky" picture). Neáu baïn cho nhöõng soá beù hôn (ñeå laøm cho hình nhoû hôn) keát quaû coù theå laøm bieán daïng hình aûnh. Baïn coù theå töï laøm thöû ñeå coù kinh nghieäm. Vôùi chuùng toâi, ñoù laø moät söï sai laàm!
Baïn coù theå so saùnh coâng vieäc cuûa baïn vôùi ví duï maãu ñeå bieát taøi lieäu naøy neân xuaát hieän nhö theá naøo. Neáu taøi lieäu cuûa baïn khoâng gioáng nhö ví duï maãu, kieåm tra laïi xem baïn ñaõ ñaùnh vaøo daïng hình aûnh trong trình soaïn thaûo nhö theá naøo. Haõy chaéc chaén raèng baïn ñaõ ñaùnh vaøo theo söï höôùng daãn trong phaàn Ñaët moät hình aûnh vaøo trong taøi lieäu HTML cuûa baïn cuûa baøi naøy.
Neáu baïn thaáy moät bieåu töôïng hình vôùi moät daáu chaám hoûi nhö sau:
tröôùc heát haõy kieåm tra laïi xem taäp tin HTML vaø hình aûnh GIF coù cuøng ôû treân moät folder/directory khoâng. Sau ñoù, baïn cuõng neân chaéc chaén raèng teân taäp tin baïn ñaùnh trong tag <img... > laø töông öùng vôùi teân cuûa taäp tin GIF.
Chuù yù: Moät soá heä thoáng maùy tính (UNIX) coù phaân bieät daïng chöõ hoa vaø chöõ thöôøng (case sensitive) trong teân taäp tin, ñieàu naøy coù nghóa raèng taäp tin "lava.GIF" KHOÂNG phaûi laø "lava.gif". Moät soá maùy tính khaùc (Macintosh) laïi xem chuùng laø cuøng moät taäp tin. Ngay caû khi maùy tính cuûa baïn khoâng coù söï khaùc bieät nhö vaäy, chuùng toâi vaãn ñeà nghò baïn neân xeùt laïi daïng chöõ trong caùch ñaët teân taäp tin vaø caùc tham khaûo chuùng trong HTML cuûa baïn. (Nhieàu WWW servers ôû treân UNIX).
The Internet Connection at MCLI is Alan
Levine --}
Comments to levine@maricopa.edu
URL: http://www.mcli.dist.maricopa.edu/tut/tut7a.html