Weboldal elrendezése kétféle megközelítés egyikét követi:
- Fix szélességű elrendezések: Ezek olyan elrendezések, ahol az egész oldal szélessége meghatározott számértékkel van beállítva.
- Folyékony elrendezések: Ezek olyan elrendezések, ahol az egész oldal szélessége rugalmas, attól függően, hogy milyen széles a néző böngészője.
Mindkét elrendezési módszernek jó okai vannak, de mindkettő megértése nélkül az egyes módszerek előnyei és hiányosságai, nem tud jól dönteni arról, hogy melyiket használja a webéhez oldalt.
Fix szélességű elrendezések
A fix elrendezések olyan elrendezések, amelyek a webdesigner előírása szerint egy meghatározott mérettel kezdődnek. Ennyi szélességben maradnak, függetlenül az oldalt megtekintő böngészőablak méretétől. A rögzített szélességű elrendezések lehetővé teszik a tervezők számára, hogy közvetlenebb módon ellenőrizzék az oldal megjelenését a legtöbb helyzetben. Gyakran előnyben részesítik őket a nyomtatott háttérrel rendelkező tervezők, mivel lehetővé teszik a tervező számára, hogy perceken belül módosítsa az elrendezést, és következetes maradjon a böngészőkben és a számítógépekben.
Folyékony elrendezések
A folyékony elrendezések olyan elrendezések, amelyek az aktuális böngészőablak méretének százalékán alapulnak. Hajlanak az ablak méretével, még akkor is, ha a jelenlegi néző megváltoztatja a böngésző méretét a webhely megtekintése közben. A folyékony szélességű elrendezések lehetővé teszik az adott böngészőablakban vagy képernyőfelbontás. Gyakran részesítik előnyben azokat a tervezőket, akik sok információval rendelkeznek n, hogy a lehető legkevesebb helyen át tudjanak jutni lehetséges, mivel állandó méretűek és relatív oldaltömegűek maradnak, függetlenül attól, hogy ki nézi oldalt.
Mi a tét?
A te weboldal tervezés hatással van a a webhely reagálóképessége és alkalmazkodóképessége. Attól függően, hogy melyiket választja, segíthet vagy akadályozhatja az olvasók azon képessége, hogy beolvassák a szöveget, megtalálják, amit keresnek, vagy néha akár az Ön webhelyét is használják. Webhelyének általános márkaazonossága is veszélybe kerülhet, különösen, ha a márka szabványai a nyomtatás előtt logikai modellt követik.
A fix szélességű elrendezések előnyei
A rögzített szélességű elrendezés bizonyos esetekben hasznos.
- A rögzített szélességű elrendezés lehetővé teszi, hogy a tervező olyan oldalakat készítsen, amelyek azonosak lesznek, függetlenül attól, hogy ki nézi őket.
- A rögzített szélességű elemek, például a képek, nem fogják elnyomni a kisebb monitorok szövegét, mert az egész oldal szélessége tartalmazza ezeket az elemeket.
- A beolvasás hosszát a szöveg nagy szegmensei nem befolyásolják, függetlenül attól, hogy milyen széles a böngésző.
A folyékony elrendezések előnyei
A folyékony elrendezés más körülmények között működik a legjobban.
- A folyadék szélességű elrendezése kibővül és összehúzódik, hogy kitöltse a rendelkezésre álló helyet.
- Minden rendelkezésre álló ingatlan felhasználásra kerül, lehetővé téve a tervező számára, hogy nagyobb tartalmat jelenítsen meg nagyobb monitorokon, de továbbra is életképes marad a kisebb kijelzőkön.
- A folyékony elrendezések következetességet biztosítanak a relatív szélességben, lehetővé téve az oldal számára, hogy dinamikusabban reagáljon az ügyfelek által előírt korlátozásokra, például a nagyobb betűméretekre.
A fix szélességű elrendezések hátrányai
A rögzített formátum azonban nem mentes a költségektől.
- A rögzített szélességű elrendezések kényszerítik a vízszintes görgetést a kisebb böngészőablakokban. A legtöbb ember nem szeret vízszintesen görgetni.
- Nagy kiterjedésű fehér teret hagynak a nagyobb monitorokban, ami sok kihasználatlan helyet eredményez, és több függőleges görgetést eredményez, mint amire egyébként szükség lehet.
- A rögzített szélességű elrendezések nem kezelik nagyon jól az ügyfelek betűméret-változtatásait. A betűméret kismértékű növelése esetén rendben lehetnek, de nagyobb növelés esetén az elrendezés veszélybe kerülhet.
A folyékony elrendezések hátrányai
A folyékony elrendezések sem hátrányosak.
- A folyékony elrendezések lehetővé teszik az oldal különböző elemeinek szélességének nagyon kevés pontos ellenőrzését.
- Ennek eredményeként olyan szövegrész oszlopok születhetnek, amelyek túl szélesek a kényelmes beolvasáshoz, vagy kisebb böngészőkben túl kicsi ahhoz, hogy a szavak egyértelműen megjelenjenek.
- Folyadékelrendezési hiba, amikor egy rögzített szélességű elemet, például képet, folyékony oszlopba helyeznek. Ha az oszlopot úgy renderelik, hogy nincs elegendő hely a képhez, néhány böngésző növeli az oszlop szélességét, figyelmen kívül hagyva a tervező utasításait, míg a többi böngésző átfedéseket kényszerít a szövegben és a képekben a helyes elérés érdekében százalékok.
Elrendezéspreferencia és vegyes megközelítések
Egyes tervezők inkább keverik ezeket a koncepciókat. Nem szeretik a folyékony elrendezést nagy szövegtömbökhöz használni, mivel ez a szerkezet vagy olvashatatlanná teszi a szöveget egy kis monitoron, vagy fel nem olvasható egy nagy monitoron. Tehát általában az oldalak fő oszlopait rögzített szélességűvé teszik, de fejléceket, lábléceket és oldalakat készítenek oszlopok rugalmasabbak, hogy felvegyék a fennmaradó ingatlant, és ne veszítsék el a nagyobb kapacitást böngészők.
Egyes webhelyek szkriptek segítségével határozzák meg a böngészőablak méretét, majd ennek megfelelően módosítják a megjelenítő elemeket. Például, ha egy ilyen webhelyet nagyon széles ablakban nyit meg, akkor további linkek oszlopot kaphat a bal oldalon, amelyet a kisebb monitorokkal rendelkező látogatók nem láthatnak. A hirdetések köré tekerhető szöveg attól is függ, hogy milyen széles a böngésző ablaka. Ha elég széles, a webhely szöveget fog köré, különben a hirdetés alatt megjelenik a cikk szövege. Noha a legtöbb webhelynek nincs szüksége ilyen szintű bonyolultságra, ez azt mutatja, hogy kihasználhatja a nagyobb képernyőket, anélkül, hogy befolyásolná a kisebb képernyők kijelzőjét.