|
14. fejezet: Grafikus, video és audió elemek
A képek kezelésére az <IMG> elem ad lehetőséget. Ha biztosra akarunk menni a képek
kiterjesztésében, maradjunk a következő háromnál: kép.gif, kép,jpg, kép.png. Annyi
konvertáló program van, hogy sec-pec a nagyméretű .bmp-é kiterjesztésű képünket
egy parányi méretű .gif-é alakíthatjuk. A kis méret és a jó minőség édes testvérek.
A kép legyen kisméretű (gyorsan letöltődő) és elgendően nagy felbontású éles, színhű egyszóval élvezhető.
Az <IMG> tag használata:
<IMG SRC="a kép URL-je" ALT="neve, mit ábrázol" TITLE="neve, mit árázol" (ez egy buborékban jelenik meg, ha az egeret fölé visszük) BORDER="keret px-ben">
<img src="images/cat.jpg" ALIGN="left">
<img src="images/cat.jpg" ALIGN="center">
Kép szövegbe ágyazása:
A macska (más néven házi macska, tudományos nevén Felis silvestris catus) egy kisebb termetű húsevő emlősállat, amely a macskafélék (Felidae) családján belül a Felis nem Felis silvestris fajához tartozik, a vadmacska alfaja, bár a mai rendszertanban inkább kezdik külön fajként kezelni az állatot, ugyanis nagyon sok dologban eltér az őseként tekintett fajtól (ez viselkedésbeli és kinézetbeli határozó is lehet).
Ügyes ragadozó, több mint 1000 faj tekinthető a zsákmányának. Emellett meglehetősen intelligens, beidomítható egyszerű parancsok vérehajtására vagy szerkezetek működtetésére (illetve képes önállóan is kisebb feladatok betanulására) . Körülbelül 10 000 évvel ezelőtt kezdett az ember társaságában élni, háziasításának ábrázolása mintegy 4000 éve Egyiptomban történt.
A képeknél szerepel az utasítások között még egy fontos elem: ez a vízszintes és függöleges margó: HCPACE és VSCPACE ami a fenti képeknél 3 pixel.
Mobil (animált) gif
Inkább érdekesség, az oldal színesítése, figyelem felkeltés az alapvető célja.
Reklámcélú alkalmazásokban indokolt a használata.
Hagyományos szövegdús oldalakon a sok mozgás egyrészt elvonhatja a figyelmet az olvasott zárt szövegrésztől - az érdemi tartalomtól, de ha éppenséggel ez a cél hipnotikusan tudja vonzzani a figyelmet.
Az inrterneten számtalan letölthető gyűjtemény van animált gifekből!
Hátterek
Sok esetben a háttér nem egyszínű (BGCOLOR), hanem egy kisméretű periódikusan megjelenő háttérgrafika (BACKGROUND="image.jpg") pl.:
A hátterek lehetnek fényképek, vagy képek is. A legjobb, ha méretük a képernyő felbontásához igazodik. Háttérkép gyűjteményből, ingyen letölthetőkből is sok van.
Videó beágyazása:
Ennek előnye, hogy "hozza magával" a lejátszót is.
Hang-fájlok lejátszása
Hang lejátszása a HTML-ben nem könnyű!
Tudnia kell, hogy egy csomó trükköt, azért hogy az audio fájlokat le tudja játszani az összes böngészőben (Internet Explorer, Chrome, Firefox, Safari, Opera) és az összes hardveren (PC, Mac, iPad, iPhone). A plug-in egy kis számítógépes program, amely kiterjeszti a böngésző szabványos funkcióit. Plug-inok megadhatók adható HTML oldalak segítségével, vagy előre letölthetőek a böngésző számára.
A <embed> tag határozza meg a konténer külső (nem HTML) tartalom.
A következő kódrészlet kell játszaniuk MP3 fájl beágyazott web-oldalon:
Ha nem hallja a hangot, a számítógép vagy a böngésző nem támogatja a hang formátumot. Vagy a hangszóró ki van kapcsolva.
<p><embed height="25" width="100" src="horse.mp3"></P>
A HTML template-ból - kész oldalalapokból különböző témákban, a hátterekből, animált gif-ekből, JavaScriptek-ből álló gyűjtemény DVD-én megrendelhető, illetve letölthető. Írja meg kívánságát a kapcsolat menüben lévő levelezővel.
| |