A weboldal elrendezését kétféle módon lehet elvégezni:
- Fix szélességi elrendezések - 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 - Olyan elrendezések, amelyekben a teljes oldal szélessége rugalmas, attól függően, hogy milyen széles a néző böngészője.
Jó oka van mind az elrendezési módszerek használatának, mind az egyes módszerek viszonylagos előnyeinek és hiányosságainak megértése nélkül, ezért nem tudsz jó döntést hozni arról, hogy melyik weboldalt használja.
Fix szélességi elrendezések
A rögzített elrendezések olyan elrendezések, amelyek egy adott méretű, a webdesigner által meghatározott módon kezdődnek. Ezek a szélességek maradnak, tekintet nélkül az oldal megtekintésére szolgáló böngészőablak méretére. A fix szélességű elrendezések lehetővé teszik a tervező számára, hogy jobban irányítsa az oldal megjelenését a legtöbb helyzetben. Gyakran előnyben részesülnek a nyomtatott háttérrel rendelkező tervezők, mivel lehetővé teszik a tervező számára, hogy az elrendezésben kis módosításokat hajtson végre, és tartsa őket konzisztensen a böngészők és a számítógépek között.
Folyékony elrendezések
A folyékony elrendezések olyan elrendezések, amelyek a jelenlegi böngészőablak méretének százalékain alapulnak. Az ablak méretével hajlik, még akkor is, ha az aktuális néző módosítja a böngésző méretét, ahogyan a webhelyet megtekintik. A folyadék szélességű elrendezések lehetővé teszik az adott webböngésző ablak vagy képernyőfelbontás által biztosított hely nagyon hatékony használatát. Gyakran előnyben részesítik azokat a tervezőket, akiknek sok információ van a lehető legkisebb térben, mivel a méretek és a relatív oldalsúlyok konzisztensek maradnak függetlenül attól, hogy ki látja az oldalt.
Mi a téten?
A weboldal tervezéséhez választott módszer hatással lesz többre, mint csupán a formatervezésére . Attól függően, hogy melyiket választja, hatással lesznek az olvasók azon képességére, hogy beolvassák a szöveget, megtalálják, hogy mit keresnek, vagy néha használják a webhelyet. Az elrendezés stílusa ezenkívül hatással lesz az Ön erőfeszítéseire, hogy a webhelyet a márkaépítéssel, az ingatlanok elérhetőségével és a webhelyének esztétikájával hozza forgalomba.
A fix szélességű elrendezések előnyei
- A fix szélességű elrendezés lehetővé teszi a tervező számára, hogy olyan oldalakat készítsen, amelyek azonosak lesznek, függetlenül attól, hogy ki látja őket.
- A fix szélességű elemek, mint például a képek, nem fogják felülkerekedni a szövegeket kisebb monitorokon, mert a teljes oldal szélessége tartalmazza azokat az elemeket.
- A szkennelés hosszát nem befolyásolja nagy szövegrész, függetlenül attól, hogy milyen széles a webböngésző.
A folyékony elrendezések előnyei
- A folyadékszélesség elrendezése kiterjeszti és megköti a rendelkezésre álló helyet.
- Minden rendelkezésre álló ingatlant használnak, ami lehetővé teszi a tervező számára, hogy több tartalmat jelenítsen meg nagyobb monitorokon, de kisebb megjelenítéseken is életképes marad.
- A folyékony elrendezések biztosítják a relatív szélességet, így az oldal dinamikusabban reagálhat az ügyfél által kiszabott korlátozásokra, például a nagyobb betűméretekre.
Hátrányok a fix szélességű elrendezésekhez
- A fix szélességű elrendezések vízszintes görgetést okozhatnak kisebb böngészőablakokban. És a legtöbb ember nem szeret vízszintesen görgetni.
- A nagyméretű monitorok nagy kiterjedésű területeket is eredményezhetnek, ami sok fel nem használt helyet eredményez, és függőlegesen görgethet, mint amire egyébként szükség lenne.
- A fix szélességű elrendezések nem kezelik az ügyfél változásait a betűméretekhez. A betűméret kismértékű növekedése miatt ezek rendben lehetnek, de nagyobb növekmények esetén az elrendezés veszélybe kerülhet.
Hátrányok a folyékony elrendezésekhez
- A folyékony elrendezések lehetővé teszik az oldal különféle elemeinek szélességében való nagyon pontos ellenőrzést.
- Ezek olyan szöveg oszlopokat eredményezhetnek, amelyek túl szélesek ahhoz, hogy kényelmesen szkenneljenek, vagy kisebb böngészőkön túl kicsi ahhoz, hogy a szavak világosan megjelennek.
- A folyadék elrendezések problémákat okozhatnak, ha egy fix szélességű elemet, például egy képet helyeznek el egy folyadékoszlop belsejébe. Ha az oszlop elegendő helyet biztosít a kép számára, egyes böngészők növelik az oszlop szélességét, figyelmen kívül hagyva a tervező utasításait, míg más böngészők átfedik a szöveget és a képeket a megfelelő százalékok eléréséhez.
Következtetés
Sok olyan webhely, amely sok információval rendelkezik, amire a lehető legkisebb térben van szükség, jól működik a folyadék elrendezésével. Ez lehetővé teszi számukra, hogy kihasználják az összes olyan ingatlant, amelyet a nagyobb monitorok nyújtanak, miközben nem kisebbíti a kisebb kijelzőket.
Azok a webhelyek, amelyeknek pontosan ellenőrizniük kell, hogy az oldalak hogyan néznek ki minden helyzetben, helyes lenne egy fix szélességű elrendezés használatát. Ez nagyobb biztonságot nyújt, hogy webhelyének brandingje konzisztens és egyértelmű, függetlenül attól, hogy milyen méretű monitoron néz.
Elrendezési preferencia
Sokan inkább vegyes megközelítést választanak. Nem szeretik a folyékony elrendezést nagy szövegtömbök használatára, mivel ez a szöveget kis méretű monitoron olvashatja, vagy egy nagyméretű monitoron nem olvasható. Így hajlamosak arra, hogy az oldal fő oszlopai határozott szélességűek legyenek, de a fejléceket, lábléceket és oldalsó oszlopokat rugalmasabbá tegyék, hogy a fennmaradó ingatlant vegyék fel, és ne veszítsék el a nagyobb böngészők kapacitását.
Egyes webhelyek szkripteket használnak a böngésző ablakméretének meghatározásához, majd a megjelenítési elemek módosításához. Ha például egy nagyon széles ablakban megnyit egy ilyen webhelyet, a bal oldalon található további hivatkozási oszlopot kaphat, amelyet a kisebb monitorok nem láthatnak. Továbbá, a hirdetés körüli szöveget attól függ, hogy milyen széles a böngészőablak. Ha elég széles, akkor a webhely körül olvassa a szöveget, ellenkező esetben a hirdetés alatti cikk szövegét jeleníti meg. Bár a legtöbb webhely nem igényli ezt a komplexitási szintet, ez azt mutatja be, hogyan lehet kihasználni a nagyobb képernyőket, anélkül, hogy befolyásolná a kijelzőt kisebb képernyőkön.