Következő esemény

Mi ez itt, kérem?

Személyes hangvételű írások az informatika érettségiről, érettségizőknek és tanáraiknak.

Írjad csak!

Ráérős rendszergazda

Programozik a gyerek

Feedek és ilyesmik

e-mailt kérek az új bejegyzésekről


(nem foglak spammelni)

XML

Kövesd az oldalt!

facebook twitter

2011.01.06. 01:06 raerek

Weblapkészítési nagyonjótanács

Címkék: informatika érettségi középszint gyakorlati weblapkészítés emelt szint informatika érettségi

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:

infoerettsegi: ie felirat.png

Nekifogunk a feladatnak (Kompozerrel illusztrálom, de minden webszerkesztőre vonatkozik):

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 01.png

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.

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 02.png

A két mappa egymás mellett van. A FORRAS-ban a kép, a MEGOLDAS-ban a html fájl:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 09.png

Nekiállunk beilleszteni a fájlt, a FORRAS mappából. A Kép URL: rész jelentése a következő:

  1. .. (két pont): menj a HTML-fájlt tartalmazó mappa fölé eggyel
  2. /FORRAS: menj a FORRAS mappába
  3. /ie_felirat.png: ebben a mappában keresd meg az ie_felirat.png fájlt.

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 03.png

A kép meg is jelenik gond nélkül:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 04.png

A Forrás fülön is látszik a kép helye:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 05.png

Gondos érettségiző lévén ellenőrizzük a cuccot böngészőből is:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 10.png

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...):

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 11.png

Internet Explorer esetén sem jobb a helyzet:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 12.png

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:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 08.png

Elmentjük a HTML-fájlt is, ugyanebbe a mappába:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 02.png

A beszúráskor semmi kriksz-kraksz nincs a fájl neve előtt:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 06.png

A forráskód is szép:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 07.png

É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:

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 13.png

É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):

infoerettsegi: hova tegyuk a kepfajlokat weblapkesziteskor 10.png

Lehet, kicsit túlmagyaráztam - szokásom, tanár vagyok, vagy mifene -, de nem győzöm eleget mondani.

Ugye oda fogsz rá figyelni?

6 komment

A bejegyzés trackback címe:

http://infoerettsegi.blog.hu/api/trackback/id/tr832552256

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben.

Freezer10 2012.10.14. 22:42:53

Ezeket a képeket be kell írni a beadott fájlokhoz a feladatlapon?

raerek · http://infoerettsegi.blog.hu 2012.10.14. 23:34:00

@Freezer10: Nincs egyértelmű irányelv (sőt, semmilyen), de én azt mondanám, igen. Elvégre beadod őket.

Tóth Diána 2013.05.08. 10:50:26

Ezt ugyanúgy meg kell tenni Wordnél és PowerPointnál is ?

ppppalika 2013.05.08. 12:47:12

@Tóth Diána:
Általában nem, hiszen a képeket a dokumentumok beágyazottan eltárolják.

Ugyanakkor ha szerepel olyan részfeladat, hogy csináld meg ezt és ezt a képet, ilyen néven őrizd meg, akkor szükséges a beadása és a lapra írása is.

aberpeti 2016.04.24. 11:22:58

@raerek: Viszont előfordult már olyan eset, hogyha ráírod a képeket is a beadott fájlokhoz úgy már nem férnek ki a megadott rubrikában. Ilyenkor mi a teendő?

raerek · http://infoerettsegi.blog.hu 2016.04.24. 13:48:50

@aberpeti: Írod tovább ész nélkül:) Komolyan.