Webhely létrehozása
9. lépés: Képek
Nézzük meg a kép elérési útjának több irányát a weboldalon való közzétételhez.
Ábra. 9.1. Példa a fájlok elosztására
Ábra. 9.2. Példa a fájlok elosztására
A 9.1. Példában többféle módon lehet megadni a grafikus fájl elérési útját, amikor képeket ad hozzá egy weboldalhoz.
9.1. Példa. Kép beillesztése egy dokumentumba
Alternatív szöveg
Az alternatív szöveg lehetővé teszi, hogy a böngészőben letiltott képek letöltésekor szöveges információkat kapjon a képről. Mivel a kép betöltése akkor történik meg, amikor a böngésző információt kap róla, az alternatív szöveg megjelenik az ábrán. Néhány böngésző egy alternatív szöveget is megjelenít egy olyan tipp formájában, amely akkor jelenik meg, ha az egeret az egér fölé helyezi.
Alternatív szöveg létrehozásához használja a címke alt paraméterét . amint azt a 9.2. példa mutatja.
9.2 példa. Alternatív szöveg felvétele
A kép méretei
A kép HTML méretének átméretezéséhez a címke szélességének és magasságának paramétereit kell megadni (9.3. példa). Az értékekhez egy pixelet használnak - egy elemi pontot a monitoron.
9.3. Példa. A kép méretei
Mindenképpen állítsa be a weboldalon található összes kép méretét. Ez kissé felgyorsítja az oldal betöltését, mivel a böngészőnek nem kell kiszámítania az egyes képek méretét a beérkezés után.
A szemléletmódot, ha módosítani kell a kép méretét az eredetihez képest, nem szabad gyakran használnia. Ha a pixelek száma a kép erő növekszik, azok nem jelennek meg a semmiből, és a böngésző segítségével interpolációs algoritmusokat, hogy befejezze épület saját. Ugyanaz az algoritmus alkalmazható az ellenkező esetben, ha szükséges a kép csökkentése. A kép átméretezésének ez a megközelítése megkapta a "resampling" kifejezést. Minősége újramintavételezési típusától függ a kép, annál több benne a finom részletek és a kontraszt, annál rosszabb a végeredmény, ami látható, mint egy elmosódott.
Keret a kép körül
A kép körül egy olyan keretet adhat meg, amely ugyanolyan színű, mint a weboldalon található szöveg. Ehhez használja a címke határparaméterét (9.4. példa). Az érték a keret vastagságát jelzi képpontban.
9.4. Példa. Vegyen fel egy keretet a kép körül
A kép körül a mezők
Minden képhez vízszintesen és függőlegesen adható meg üres mezők a hspace és a vspace paraméterek segítségével. Ez különösen akkor igaz, ha a szöveg a kép körül folyik. Ebben az esetben úgy, hogy a szöveg ne legyen sűrűn a képen, üres helyet kell hozzáadni körülötte (9.5. Példa).
9.5. Példa. Párnázás hozzáadása a kép körül
Lorem ipsum dolor sit amet, a consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut csipke dolore magna aliguam erat volutpat. Az utóbbi esetben minimális értéket kell érteni.
A kép igazítása
A képekhez megadhatja pozícióját a weboldalon lévő szöveghez vagy más képekhez képest. A képek igazításának módját a címke igazítási paramétere határozza meg . A táblázatban. 9.1 felsorolja a paraméter lehetséges értékeit és használatának eredményét.
Táblázat. 9.1. A képek összehangolásához igazítási értékek