Képek és egyéb objektumok beillesztése

A weboldalakon természetesen nem csupán szöveg helyezhető el, hanem képek, ábrák, videoklippek, egyéb weboldalak, beépített alkalmazások (programok, amelyek automatikusan betöltődnek és elindulnak). A következő fejezetben elsősorban a képek (mozgó vagy álló) beillesztési módjáról lesz szó, azonban a beépített alkalmazások beillsztési módjáról is lesz említés. Maguknak az alkalmazásoknak a készítéséről ez a tankönyv nem szól – esetleg egy később elkészítésre kerülő fejezetben lesz róla szó –, míg a másik weboldalnak a beillesztéséről egy későbbi fejezetben, a keretek létrehozásakor ejtünk szót.

A dokumentumba beillesztett képek is lehetnak hivatkozások, nem csupán szövegek. Ebben az esetben a hivatkozást létrehozó A elem tartalma lesz a kép. Másik lehetőség arra, hogy képből hivatkozást csináljunk a térkép definiálása, amelynek illusztrálására a tankönyv olyan példákat és feladatokat alkalmaz, amelyekhez szükséges a keretek ismerete is, azonban logikailag ebbe a fejezetbe tartozik, ezért itt fog szerepelni.

  1. Kép beillesztése
  2. Objektum beillesztése
  3. térkép definiálása
  4. További kapcsolódó anyag másik fejezetben: Úsztatott objektumok használata

Ellenőrző kérdések

  1. Milyen elemekkel lehet a weboldalra képet beilleszteni?
  2. Hogyan lehet elérni, hogy ha a böngésző nem képes a kép megjelenítésére, akkor egy másik formátumban tárolt képet próbáljon betölteni, majd ha ez sem megy, akkor tovább próbálkozzon újabb képpel vagy szöveggel?

Feladatok

  1. Készíts egy weboldalt, amelyen néhány kép található egy filmből. Minden kép alá írd le, hogy pontosan mit ábrázol a jelenet.
  2. Készíts egy weboldalt, amelyen röviden összefoglalod A Gyűrűk Ura történetét. A /pictures/mozi/lotr/ könyvtárban található képek segítségével illusztráld is a főbb eseményeket! Használj az események felsorolásához számozott listát! Állíts be a történethez illő színeket! Szúrj be legalább két szereplőt ábrázoló képet is, amelyek egy-egy hivatkozásként további oldalakra mutatnak. Készítsd el ezeket az oldalakat is, amelyen a szereplő rövid ismertetése, és néhány további, őt ábrázoló kép látható a filmből. Mindhárom weboldalon a képek fölé vitt egérmutató hatására jelenjen meg egy rövid szöveg, amelyből kiderül, hogy mit vagy kit ábrázol a kép.
  3. Készítsd el az előző feladatot a Mátrix című filmről, illetve a Titanic című filmről. A szükséges képek a /pictures/mozi/matrix illetve a /pictures/mozi/titanic könyvtárban találhatók. A képeket hagyd a helyükön, a szükséges átméretezést a stíluslap segítségével végezd el!
  4. Rangsorold a fenti három filmet egy sorszámozott listában aszerint, hogy mennyire tetszettek. Ezután válaszd ki az egyiket, tedd a címét hivatkozássá, amely arra a weboldalra mutat, amely a fenti feladat szerint készült.

Feladatok térképekkel

  1. Készíts egy oldalt, amelyen szerepel egy kép, rajta a Titanic, a Mátrix vagy A Gyűrűk Ura lehetőleg minél több szereplője. Definiálj egy térképet, amelynek segítségével a képről ki lehet választani egy szereplőt! A szereplő neve jelenjen meg egy buborékban, illetve rákattintva töltődjön be egy oldal, amelyen rövid ismertetés szerepel az illetőről. Készíts stíluslapot is, amelyen a filmhez illő színeket állítasz be!
  2. Készítsd el szobád alaprajzát valamilyen rajzolóprogram segítségével! Illesztd be egy weboldalba a kapott képet, és illessz be egy belső ablakot, amelyben pár soros magyarázat jelenik meg a képen látható objektumokról!
  3. Készíts egy weboldalt, amelybe beillesztett Magyarország térkép megyéit lehet kiválasztani! A térkép megtalálható a /pictures/terkepek könyvtárban. A megyehatárokat nem kell hajszálpontosan követni, de a nagyobb irányváltoztatásokat kövesse a ráillesztett poligon. Minden megye, illetve a főváros kiválasztásakor jelenjen meg a kép alatti belső ablakban a megye neve, és a megyeszékhely neve; a főváros esetében a Budapest szó, és alatta a Magyarország fővárosa felirat. Az oldalakhoz tartozzon megfelelően beállított stíluslap, és cím is!
  4. Készíts céltáblát, amelynek bármely körére kattintva egy külön ablakban megjelenik, hogy az oda érkezett találat hány pontot ér! A legbelső kör 10, a legkülső kör 1 pontot ér, míg a legkülső körön kívüli találatért nem jár pont.


Következik: Úszatatott objektumok