Az internetezők sokféle, különböző képernyőfelbontású monitort használnak. Ezért a webfejlesztők számára az egyik feladat az, hogy létre kell hozni és optimalizálni kell egy webhelyet annak megfelelő megjelenítéséhez a monitorokon, bármilyen felbontással.
Utasítás
1. lépés
Tervezze meg webhelyét a legkisebb felhasználható felbontással - 800 * 600 képpont, és használjon fix elrendezést. Ezzel a megközelítéssel azonban van egy hátránya - azok számára, akik szélesvásznú monitorokkal rendelkeznek, a webhely megtekintésekor széles mezők jelennek meg a képernyőn.
2. lépés
Használjon folyékony elrendezést. Ebben az esetben az oldalak vízszintesen lesznek kinyújtva azokon a monitorokon, amelyek felbontása nagyobb, mint a fejlesztésben használt. De ezt a megközelítést akkor lehet a legjobban alkalmazni, ha sok szöveges információt és minimális grafikát tartalmazó webhelyeket hoznak létre. Bizonyos elemek, például képek vagy harmadik féltől származó alkatrészek, torzulnak, amikor átméretezik a különböző monitorokon.
3. lépés
A leghelyesebb, ugyanakkor a megvalósítás szempontjából összetettebb és adaptívabb elrendezés. Ez a gumi elrendezés bonyolultabb változata, amely lehetővé teszi az információs oszlopok számának megváltoztatását a programkód használata során.
4. lépés
Bármilyen elrendezést is választanak a webhely fejlesztéséhez, az elrendezést 1024 * 768 képpontos képernyőfelbontással végezze el. Ez a leggyakoribb állásfoglalás.
5. lépés
Ezenkívül tartson be néhány szabályt a webhely helyes megjelenítéséhez más felbontású monitorokon. A görgetés elkerülése érdekében próbálja meg az oldal fő tartalmát egy képernyőn tartani. Helyezze a szöveges információkat egy keskeny oszlopba, hogy ne "terjedjen el" a képernyő teljes szélességében. Kövesse nyomon az oldalak általános kialakítását, hogy minden arányos legyen.
6. lépés
A design megtervezésekor számolja ki az oldal szélességének és magasságának százalékos arányát, nem pedig a mennyiséget. Ezután az oldal arányosan átméretezésre kerül mind a hagyományos, mind a széles képernyős monitorokon.
