Webmester jegyzete
Az előző oldalon három helyet azonosítottunk a weboldalak blokkolására - az elrendezést keretek, táblázat elrendezés és blokk elrendezés (vagy rétegezés) segítségével. Itt beszélünk ezeknek a módszereknek az előnyeiről és hátrányairól.
Az ezzel a módszerrel létrehozott webhelyek továbbra is megtalálhatók az interneten. Úgy néz ki, mintha ezek a helyek valahogy nem modernek. Azonban nem rosszabb, mint az az oldal, amelyen most vagy, ahogy ezt a linkre kattintva láthatja. Ott ugyanazt az oldalt fogja látni, keretek segítségével. Ha megnézzük az oldal forráskódját, nem fogjuk látni a tényleges szöveget. A frameet forráskódja csak azokat az ablakokat adja meg, amelyekhez a tartalmat tartalmazó fájlok kerülnek kiadásra. Minden ablak rendelkezik a böngésző minden tulajdonságával, különösen a görgetősávjával, minden ablakban az ablak többi részétől függetlenül dolgozhat. És az ezeken az ablakokon megjelenő fájlok minden HTML szabály szerint vannak díszítve, van egy fejléc, egy test és így tovább.
A kereteket egyszerű oldalakra lehet használni, különösen az összes oldalon megjelenő elemek megjelenítéséhez, amelyek megismétlődnek az egyes oldalakon, például egy logó, a szerzői jog megjelölése, a főmenü stb. De mi van, ha egy elem egyáltalán nem jelenik meg, de az oldalak egy részén? Általában a modern elrendezési keretek gyakran nem használatosak.
Lapos elrendezés weboldalak létrehozásakor
A táblázatok sokáig a fő oldalak maradtak a webhely oldalainak felépítéséhez, mivel meglehetősen egyszerű és kényelmes mechanizmust kínáltak a különböző elemek weboldalra helyezéséhez. Számos paraméter jelenléte miatt például bármely, a nulla vastagságú táblák határainak megadása lehetővé teszi, hogy tetszőleges változatot hozzon létre az oldalak felosztására tömbökre, területekre, részekre. Az így meghatározott területeken szövegeket, képeket és más elemeket is hozzáadhat. Kényelem és az elrendezési lehetőségek széles választéka - ez a táblák fő előnye. És nem az egyetlen dolog, a tábláknak vannak pluszok is.
Oszlopok létrehozása. A csak egy oszlopból álló oldalak nagyon ritkán találhatók a webhelyeken. Valóban célszerű a főszót külön-külön és másodlagos elemektől elválasztani, például linkeket, felméréseket, címkefelhőket és hasonlókat. A táblázatok könnyen lehetővé teszik a dokumentum két és három oszlopának elrendezését. Amikor átméretezi a böngészőablakot, az oszlopok megőrzik eredeti megjelenésüket, nem pedig rétegként mozgatják egymást. Ezenkívül a táblák használatakor a különböző oszlopok magassága ugyanaz marad, függetlenül a tartalom mennyiségétől.
"Gumi" elrendezés. A táblák alkalmasak a "gumi" elrendezés létrehozására, amelynek szélessége a böngészőablak szélességéhez igazodik. Annak a ténynek köszönhetően, hogy a táblázat mérete százalékban állítható be, akkor minden szabad helyet elfoglal. A tartalom helyét függőlegesen is módosíthatja. Például ha kevés a szöveg, akkor az oldal "alja" lóghat a közepén. A táblázat paraméterei úgy állíthatók be, hogy kis betűkkel az "alagsort" a böngészőablak alsó széléhez igazodva, függetlenül az ablak méretétől.
"Ragasztás" a képeket. A rajzokat gyakran különálló töredékekké vágják, majd újra összeszerelik, egyes töredékeket dobálnak, vagy más képekkel helyettesítik őket. Ez különféle tervezési formákhoz szükséges, például a gördülés, animálás vagy a fájlok mennyiségének csökkentése hatásának megteremtéséhez. A táblák lehetővé teszik, hogy egyszerűen "ragasszon" több képet egy képbe. Minden kép egy bizonyos cellába kerül, a táblázat paraméterei úgy vannak beállítva, hogy az egyes cellák között nincsenek összekötések.
Háttér képek. Az asztalok celláiban a cellák méretétől függően háttérképet is felvehet, vízszintesen, függőlegesen vagy két irányban egyszerre meg lehet ismételni. Ennek az átvételnek köszönhetően a dekoratív vonalak, a legkülönbözőbb típusú keretek jönnek létre, az elem alatt egy árnyék kerül hozzáadásra.
Illessze elemeket. A cellák tartalma vízszintesen és függőlegesen egyaránt igazítható, ezáltal kiterjesztve az elemek egymáshoz és az oldalra való összeszerelésének lehetőségeit.
A böngészők jellemzői. A böngészők meglehetősen szabadon értelmeznek néhány CSS-paramétert, így a rétegeket használó egyetemes kód létrehozása tényleges fejfájás lehet a fejlesztők számára. Ebben az értelemben a táblázatok különböző böngészőkben szinte azonosak lesznek, így a weboldalak létrehozása egyszerűsödik.
A táblázatok ismertetett előnyei ellenére vannak bizonyos hiányosságai is, amelyek néha arra kényszerítenek, hogy más elrendezési módokat keressenek.
Hosszú betöltés. A táblák sajátossága, hogy a táblázat alján lévő utolsó szó betöltésekor a cellák tartalma nem jelenik meg a képernyőn. A böngészők ezt a megközelítést alkalmazzák, hogy megkapják az asztalra vonatkozó összes információt a tartalom megfelelő formázására. De ha a tábla nagy magasságban van, hosszú időbe telhet, mielőtt meglátjuk a szükséges információkat. Vannak utak, amelyek megkerülik ezt a tulajdonságot, különösen, ha egy nagy asztalt felosztunk több kisebb táblára és az asztaltervezési stílus tulajdonságát használjuk.
Tömeges kód. A táblák tartalmazzák a beágyazott címkék összetett hierarchikus struktúráját, ami növeli a kód mennyiségét, és növeli az egyes paraméterek változásának összetettségét. Bizonyos esetekben a kívánt eredmény eléréséhez egy táblázatot kell elhelyezni a másikba, ami szintén befolyásolja a kód méretét, amely nem közvetlenül részt vesz a weboldal megjelenítésében.
Gyenge indexelés keresőmotorokkal. Annak a ténynek köszönhetően, hogy a szöveg az asztal külön celláiban található, a kód meglehetősen messze van egymástól. Az ilyen információ széttagoltsága, valamint a címkék jelentős feltöltése megnehezíti az oldal keresőmotorok megfelelő indexelését. Ennek eredményeképpen a dokumentum nem tartozik a kulcsszavak lekérdezésének legelső tízébe, bár megérdemli azt.
Nehéz elkülöníteni a tartalmat és a tervezést. Ideális esetben a HTML kód csak olyan stíluscímmel vagy azonosítóval rendelkező címkéket tartalmazhat. És az összes olyan design, mint a szöveg színe és az elem helyzete, megjelenik a CSS-ben, és külön-külön módosul. Ez az elválasztás lehetővé teszi az oldal kódjának önálló szerkesztését és az egyes elemek megjelenését. Bár a stílus könnyen hozzáadható az asztalokhoz, de az "extra" címkék bõsége nem teszi lehetõvé, hogy valóban és könnyen kezelhesse az oldal egyes összetevõinek megjelenését. Ezenkívül nem minden táblázat paramétere van saját stílusszinonimájával, ezért mindenképpen hivatkoznia kell a weboldal kódjára és szerkesztenie kell.
Szabványok be nem tartása. A közelmúltban a HTML és a CSS szabványai szilárdan beágyazódtak a webfejlesztők elméjébe. Ezt megkönnyíti az XHTML és az XML fejlesztése, amelyek "keményebbek" a dokumentum kódjára, a specifikációnak megfelelő böngészők új verzióinak megjelenésére és a rétegek elrendezésének kialakítására. Mit jelent a specifikáció a táblázatokra? És azt mondja, hogy asztalok az első és az utolsó helyen kell táblázatos adatokat elhelyezni. Az asztalok használatának egyéb módjait elítélik.
A rétegezés lehetetlensége. A táblákat nem lehet egymásra helyezni, ami bizonyos nehézségeket okoz az összetett tervezési oldalak elrendezésében.
Nehézségek összetett oldalak készítésében. A komplex tervezés oldalainak lapos elrendezése sok egymásba ágyazott táblázat megjelenését eredményezi. A táblák számának növekedése növeli az elrendezés hibáinak esélyét, növeli a dokumentumok méretét és csökkenti a fájlok letöltésének sebességét.
Táblázatok alkalmazása az elrendezéshez
Természetesen a pluszok és a táblák mínuszai nem egyenértékűek egymással. Az a tény, hogy egy helyszínen lehet megbocsátható, a másik pedig súlyos hiba. Ezért azt írjuk le, hogy melyik esetben a táblák sokkal logikusabbak az elrendezéshez, mint más eszközök, különösen a rétegek. Tehát a táblák bizonyos körülmények között jól alkalmazhatók, amelyeket az alábbiakban ismertetünk.
Az oszlopok magassága ugyanaz legyen. A táblázatok segítenek oszlopok tartalmának különböző nagyságú oszlopainak létrehozásához. Természetesen ilyen hatás csak akkor figyelhető meg, ha az oszlopokhoz vagy kerethez háttérkitöltést alkalmaznak.
Az elrendezésnek a böngészőablak teljes magasságát kell elfoglalnia, függetlenül az információ mennyiségétől. A táblázat használatával elérheti azt az eredményt, hogy az oldal alján ("alagsor") a böngészőablak alsó szélén helyezkedik el. Ennek értelme van, ha az adatok mennyisége nem elegendő a dokumentum magasságának növeléséhez. Ellenkező esetben az oldal egy része "lóg" az ablak közepén. Természetesen elegendő mennyiségű dokumentum esetén a megjelenítés a szokásos módon történik.
Nincs idő komplex elrendezésre. El kell ismerni, hogy a tabulátor, ha nem könnyebb, sokkal inkább szokásos, mint a rétegek elrendezése. A táblákat több éve használják, és természetes, hogy az elrendezés módszerei segítségükkel kanonikusak lettek. Ezért a helyszín létrehozására vonatkozó határidőben a táblák használata indokolt. By the way, sok tervező stúdiók részt vesznek a fejlesztési helyek, ezért inkább az asztal elrendezés. Az eredmény tervezett és várható, és a böngészőben megjelenő hibák gyakorlatilag nem merülnek fel.
Ha megközelíti a táblázatok használatának kritikus módját, népszerűségének valódi oka a fejlesztők konzervativizmusa, a webhelyek elrendezésének ismerete és gyorsasága. Egy dolog világos - a táblák fokozatosan feladják pozícióikat a rétegek elrendezése mellett.
Blokk elrendezése (Layout Layers)
A közelmúltban a legdivatosabb irány az elrendezésben az ún. Blokk elrendezés, melyet címkékkel valósítanak meg
A blokk elrendezés fokozatosan felváltja a táblázatot, bár még mindig vita van arról, hogy a két módszer közül melyik előnyösebb. Meg kell jegyezni, hogy ez a vita csak akkor vonatkozik, amikor táblákat használnak az elrendezéshez. Ha az oldalra vonatkozó táblázatos adatok bemutatására vonatkozik, akkor kétségtelen, hogy a táblázatokat erre a célra szánják. És ebben a szerepben a helyszínek oldalán helyet kapnak.
A blokk elrendezés előnyei és hátrányai
- A blokk elrendezése tökéletesen kommunikál stílusokkal. A blokkok minden tulajdonságát a stíluslap határozza meg, amely lehetővé teszi a tartalom és a tervezés elválasztásának elvének teljes körű végrehajtását. A kód ebben az esetben sokkal kompaktabb, mint a táblázat elrendezésében, ráadásul a keresőmotorok jobban indexelik.
- A rétegblokkok egymás fölé helyezhetők, ami megkönnyíti az elemek elhelyezését a weboldalon.
- Gyorsabb oldal betöltése blokk elrendezéssel az asztalterületi oldalakhoz képest.
- Az a képesség, hogy jelentős rétegeket (például szöveges tartalmat) helyezzen el a kódban a többi réteg előtt, amely vizuálisan a jelentős réteg felett található oldalon található. Ez a tulajdonság megkönnyíti a blokk elrendezésű oldalak indexelését keresőrobotok segítségével.
Vannak blokk elrendezések és negatív oldaluk. Alkalmazása miatt nehezebb ugyanazokat a lapokat biztosítani különböző böngészőkben, mert nem minden böngésző egyformán felel meg az előírásoknak és szabványoknak. A böngészők azonban különböző specifikációk (HTML, CSS, DOM) teljes körű támogatása felé haladnak, ezért reménykednek abban, hogy a böngészők jövőbeli verziói egységesek lesznek, és ugyanaz a webhely ugyanolyan helyesen jelenik meg.