5 megkülönböztetni a jót a rossztól elrendezés

Hogyan lehet megkülönböztetni a jót a rossztól elrendezés? Rövid alábbi utasításokat.
Határon böngésző kompatibilitás
Határon böngésző kompatibilitás - képes-e a helyén megjelenik ugyanaz minden böngészőben.
Gyenge elrendezést. Az oldalon jelenik függően eltérő böngészőt. A legrosszabb esetben elrendezés „elhagyja” a régebbi verziók. És ami a legrosszabb dolog a böngésző az Internet Explorer.
Jó elrendezés. Az oldal ugyanúgy néz ki, minden böngészővel. Meg kell jegyezni, hogy nem szükséges elrendelni minden böngésző, vannak olyanok, akik már használaton kívül van.
Kifinomult vázszerkezet a site
Gyenge elrendezést. Kezdje előírni a kis elemeket, mielőtt gondolta át az egész honlap keretet. Korábban typeset elemek kezdenek kötődni egymással minden lehetséges módon, ami növeli és strukturált kódot.
Blokk elrendezés az asztalra
Gyenge elrendezést. Felhasználás táblák helyzetbe elemei a helyszínen. Ezzel a szerkezettel, a tartalmát az asztalra kezdenek megjelenni csak az egész táblát (az egész oldalon) kerül letöltésre. Ez ahhoz vezet, hogy jelentős növekedés a betöltési időt oldalak és terjedelmes kódot. Annak ellenére, hogy nyilvánvaló hátrányai, sok webes tervezők továbbra is használhatja táblázat elrendezés.
Jó elrendezés. Tegyünk egy blokk elrendezés (layout a div-ah). Ez a megközelítés jelentősen csökkenti a kódot, és növeli a sebességet a tartalom letöltése oldalakon. A növekedés sebessége úgy érjük el, hogy a div-ek töltik egyesével, a felhasználó azonnal hívni felső blokk a helyén, amíg nem kezd görgessen a lap már akkor nyomon követhető a többiek.
A szemantika a kódot
Jó elrendezés. Teljes elválasztása tartalom és megjelenés. A HTML-tagek csak a logikai szétválasztása a szöveget (fejezetek, bekezdések, listák). Vizualizációs csatlakoztatott fájlok táblázatok CSS stílusokat és a scripteket. Ez a szakmai megközelítés az elrendezést.
képoptimalizálási


A bal oldali képen a vesz 63 kb, jobbra - 15 KB. Ahhoz, hogy az emberi szem a különbség nem látható. Csökkentsd a fájl mérete 4 alkalommal sikerült egy jól optimalizált.
Gyenge elrendezést. Képek a helyén háttérrel megtartják a megszokott módon. Így továbbított sok felesleges információt, hogy nem használják, és ez a hely. Használjon nagy képet az ismétlődő háttérrel.
Jó elrendezés. Képek mentése kifejezetten webes alkalmazások, ahol tiszta az összes felesleges információt, és beállíthatja a minőséget: a legtöbb esetben, akkor csökkenti a súlyt a kép 2-3 alkalommal észrevehető veszteség nélkül a minőség a szemnek. Az ismételt háttérrel készül sablon, kis képek, amelyek kombinálva nem hagy varratok.
A minőség az elrendezés függ megjelenését és hangulatát a webhely látogatói, így ez nem az a része, amelyen a mentés.