Röviden: tedd a képfájlokat a weblapkészítési feladat megkezdése előtt a megoldásokat tartalmazó mappába az informatika érettségin.
Hosszabban:
Az informatika érettségi weblapkészítős feladataiban szinte tutira kell képet is beszúrnod. Ha ezt a képet nem neked kell az érettségi alatt elkészítened - azaz az esetek nagy többségében - akkor a forrásokat tartalmazó mappában találod a fájlt. Ha onnan is illeszted be, az baj.
Íme a beillesztendő kép:
Nekifogunk a feladatnak (Kompozerrel illusztrálom, de minden webszerkesztőre vonatkozik):
Elmentjük a weboldalt, a megoldásokat tartalmazó MEGOLDAS mappába. Látszik, hogy nevet adtunk neki - a (Kompozer ezt a mentéskor kérdi meg), és a kép tetejénél látszik a fájl neve is.
A két mappa egymás mellett van. A FORRAS-ban a kép, a MEGOLDAS-ban a html fájl:
Nekiállunk beilleszteni a fájlt, a FORRAS mappából. A Kép URL: rész jelentése a következő:
- .. (két pont): menj a HTML-fájlt tartalmazó mappa fölé eggyel
- /FORRAS: menj a FORRAS mappába
- /ie_felirat.png: ebben a mappában keresd meg az ie_felirat.png fájlt.
A kép meg is jelenik gond nélkül:
A Forrás fülön is látszik a kép helye:
Gondos érettségiző lévén ellenőrizzük a cuccot böngészőből is:
Az érettségi végeztével a rendszergazda CD-re írja a megoldásunkat, tehát csak a megoldásokat tartalmazó MEGOLDAS mappát. A tanár javítani kezd, és ezt látja Firefoxban (a helyben persze a raerek felhasználónév helyett immár a tanár neve szerepel...):
Internet Explorer esetén sem jobb a helyzet:
Na de miért?
Azért, mert már nincs a HTML-fájlunkat tartalmazó könyvtár mellett egy FORRAS nevű könyvtárban a kép. Ha meg nincs ott, a böngésző nem tudja megmutatni.
Mit tesz ilyenkor a tanár?
- Ha jó fej, és a javítási útmutató valahogy úgy fogalmaz, hogy "beillesztette a képet" (ezt végülis megcsináltad), és eszébe jut megnézni a forrásaidat, és hajlamos vitába szállni az érettségi elnökkel, és ..., és ..., és ..., akkor esetleg megkapod a pontodat.
- Ha a fentiek bármelyike nem áll fenn, akkor buktad. Elég, ha a javítási útmutató úgy fogalmaz, hogy "a kép itt meg itt látható/megjelenik". Érted, igaz?
Hogyan kerüljük el az ilyen malőrt?
Másoljuk a képfájlokat a weblapkészítéses feladat megkezdése előtt a megoldáskönyvtárba, pontosan oda, ahol a leendő HTML-fájl is lesz.
Azaz a kép most már mindkét mappában benne van:
Elmentjük a HTML-fájlt is, ugyanebbe a mappába:
A beszúráskor semmi kriksz-kraksz nincs a fájl neve előtt:
A forráskód is szép:
És ennyi!
Ha ellenőrizni akarjuk, hogy tényleg tuti-e a tuti, akkor mondjuk nevezzük át egy percre a FORRAS mappát, azaz tegyünk úgy, mint ha ott sem volna:
És a kép a böngészőben akkor is megjelenik, a Ctrl+F5 billentyűkombináció lenyomása után is (ez arra való, hogy tényleg újratöltődjön az oldal):
Lehet, kicsit túlmagyaráztam - szokásom, tanár vagyok, vagy mifene -, de nem győzöm eleget mondani.
Ugye oda fogsz rá figyelni?