Honlapkészítés - Technikai részletek, közérthetően
[Honlapkészítés leírása, honlaptervezés szempontjai]
| Hogyan kezdjünk hozzá? | Grafika, látványtervek | A látvány technikai részletei |
| Az olcsó honlapok előnyei/hátrányai | CMS rendszerek | Honlap sablonok |
Lehet, hogy nem "tankönyv-szagú" és nem is túl tudományos az itt következő leírás, de mindenképpen a valóság ihlette.
Fontos a honlap teljes szélességének a meghatározása
A mai monitorok legtöbbje legalább 1024x768 pixel felbontású. Vannak még (hihetetlen, de igaz) 800x600-as monitorok, de ezek elenyésző számban léteznek csak, szerencsére.
Mivel a tipikus méret az előbb említett 1024x768 képpont, noha vannak egyre nagyobb számban ennél nagyobb felbontást produkáló monitorok, mégis a "leggyengébb láncszem" elvét követve az a szerencsés, ha a 1024 px széles monitorra tervezzük a honlapot.
Felmerül a kérdés: Miért nem készül minden honlap "rugalmas" szélességgel, amikor ez sem jelent technikai problémát?
A kérdés jogos. Véleményünk szerint van olyan honlap, amelynek a tartalma alkalmas a rugalmas megjelenítésre, s vannak olyan honlapok, amelyeknél nem szerencsés azt a módszert alkalmazni.
A fix szélességű megoldásnál sokkal nagyobb biztonsággal lehet a megkívánt látványt megközelíteni. Azért beszélünk "megközelítésről", mert az internetböngésző programok különbözősége miatt - sajnos - mindig akadnak olyan elemek (a leggondosabb tervezés/szerkesztés mellett is), amelyek kisebb-nagyobb mértékben eltérő módon jelennek meg a különböző böngészőkben. Sajnos leginkább ez az Internet Explorer-re vonatkozik, annak is korábbi (pl. 6-os) verzióira.
Természetesen ez nem nagy különbségeket jelent, mindössze a gondos szemlélő látja azokat.
Ez persze nem jelent problémát a legtöbb esetben, mert az interneten barangolók általában egy fajta programot használnak, és nem is tudják, hogy ha másik programot használnának, akkor (kicsit) másképp látnák az adott honlapot.
Különösen igaz a fix szélességű honlap előnye akkor, ha a honlap tartalmában sok képet találunk oly módon, hogy a képek körül - mint egy újságban - a szöveg "körbefolyik".
Képzeljük el: Ha a honlap szerkezete rugalmas lenne, akkor a képekhez képest a szövegek sokkal esetlegesebben töltenék ki a rendelkezésre álló helyet, s így a megjelenés sok esetben nem határozható meg előre. Ezt kerülhetjük el fix szélesség használatával.
Egyedüli hátránya (talán) a fix szélességű honlapszerkezetnek, hogy nagy felbontású monitoron nézve a légyegi, tartalmi terület esetleg kisebb lehet a megkívántnál.
Ennek ellenére az a véleményünk, hogy aki nagy monitoron nézi a honlapokat, annak megszokott az említett jelenség, s így a honlap esztétikája végeredményben nem szenved csorbát.
Színek a honlapkészítésnél.
Sokszor előfordul, hogy a megrendelőnek határozott elképzelése van arról, hogy milyen színvilággal szeretné készülő honlapját. Ez jó.
Elkészülnek a grafikai tervek, e-mailek mennek ide-oda, s amikor arra kerül a sor, hogy személyes találkozó során (már a honlap szerkesztője mellett ülve) finomításokra, tartalom módosítására kerül sor, akkor éri a megrendelőt a "sokk", hogy nem is úgy néz ki a honlap, mint ahogy azt ő otthon látta a saját számítógépén.
Tudni kell (bocsánatot kérünk azoktól, akik ezt tudták eddig is), hogy minden monitoron másképp néznek ki a színek, a fények, az árnyalatok. (Nem véletlenül vannak akkora árkülönbségek ugyanolyan méretű monitorok között is.)
Találkoztunk olyan monitorokkal, ahol gyakorlatilag eltűntek a finomabb részletek, s egyszerűen láthatatlanná váltak pl. a háttérszín árnyalatai. A megrendelő a személyes találkozás során látta meg a honlap grafikájának részleteit.
Képtípusok
Honlapkészítés során az alábbi file-típusokat használjuk:
- jpg
- gif
- png
A jpg képek előnyei: Kis file-méret. A kis méret nem jelent nagy minőségi veszteséget.
A jpg képek hátrányai: Nem mozgó (nincs animációs lehetőség). Nem lehet rajta átlátszó részeket létrehozni.
A gif képek előnyei: Kis file-méret, lehet rajta átlátszó részeket létrehozni. Animálható.
A gif képek hátrányai: Az animáció nem állhat túl sok szakaszból, mert nagyon megnő a file-méret. Az animáció a flash-sel ellentétben sokkal durvább, szögletesebb. A képben használható színek száma max. 256 lehet, ezért nem minden esetben alkalmas szép fotók megjelenítésére. Az átlátszóság nem fokozatos, az átlátszó részek nem árnyalhatók, vagy átlátszó egy képpont, vagy színt kap, és nem átlátszó.
A png képek előnyei: Megfelelően kis file-méret. A kis méret nem jelent nagy minőségi veszteséget. Átlátszó részeket lehet benne létrehozni, teljes árnyalati skálával. Az átlátszóság mértéke szabadon kezelhető.
A png képek hátrányai: Nem mozgó (nincs animációs lehetőség) annak ellenére, hogy a file-típus képes a mozgásra. A mozgó png képeket a böngészők nem támogatják.
Az átlátszóság-kezelés nagyon böngésző függő, a honlap szerkesztőjének bizonyos esetekben nehéz a feladata az átlátszó png képek kezelésekor.
A böngészők képesek még a bmp képek kezelésére, de a bmp nem tömörített képformátum, ezért a nagy file-méret miatt nem használjuk a honlapkészítés során.
