Vladimir drone - HTML 5, CSS 3 és webes 2
Régebbi fajta web-design és kritika
Mielőtt az internet uralta háromféle Web-design: szöveges, táblázatkezelő és a kompozíció. Mindegyik módszernek megvannak a maga előnyei és hátrányai. De minden ilyen vagy olyan módon elveszítik negyedik különböző Web-design - konténer.
Először úgy tűnt, talán egy szöveges Web-design. Befejeződött, így web-oldal egy egyszerű szöveges dokumentumokat: egy sor bekezdések, fejlécek, nagy idézetek, rögzített formátumú szövegeket és táblázatokat, hogy követik egymást. A klasszikus példa egy ilyen Web-design - hoztunk létre a mai napig web-oldal. Nyissa meg a web-böngésző, például web-oldal index.htm - és látni fogja a szöveget Web-design minden, nos, szépség.
Az előnye, hogy a szöveg Web-design csak egy - kivételesen egyszerű HTML-kódot. Tény, hogy ezek a web-oldalak kódot tartalmaz egyetlen szöveges és esetleg képek és táblázatok. Nincs konkrét elemeit képező Web-design, mint olyan, nem létezik.
Hiányosságok a szövegét webdesign sokat. Először is, annak webes oldalakat néz ki túl lazán. Másodszor, gyakorlatilag nincs olyan önkényes elhelyezése elemek a web-oldal - ők csak követik egymást, fentről lefelé. Harmadik. de beszélni erről részletesebben.
A terjedelmes HTML-kód web-oldalak, annál nagyobb a fájl, amelyben tárolják. Minél nagyobb a fájl mérete, annál tovább van betöltve. Minél hosszabb a fájl letöltése, annál inkább a látogató meg kell várni, amíg a kért világhálón oldal jelenik meg a képernyőn.
Van egy módja annak, hogy töltse fel a web-oldal teljesen, hanem csak annak egy részét - valójában a fő tartalmát? Sajnos a szöveg web-tervezés ez a módszer nem nyújt.
Az ilyen Web-design hívják kidolgozásába. Volt egy tagadhatatlan előnye - drámai növekedést web-oldalak berakodás sebesség. És ez így széles körben használják sok éven át, és néhány helyen, és maradt a mai napig.
Azonban a keretek jelentős hátránya. Először is, a keretek nem W3C által szabványosított bizottság, így mindenki, a webböngésző kezeli azokat a maga módján, nem az egész, persze, és árnyalatok, amelyek mindazonáltal jelentős lehet. Másodszor, a kereteket - rendkívül rugalmatlan elem világhálón oldal; lehetetlen megváltoztatni a szerkezetét.
Előnyei Web-design táblázat tartalmazza:
- Táblázat - standard része a HTML nyelvet, és akkor lehet kapni őket alapuló web-oldal jelenik meg egyformán minden világhálón böngésző.
- HTML táblázatok lehet tetszőlegesen bonyolult, ötvözve a sejtek és üzembe egyik asztalról a másikra. Ez lehetővé teszi a nagyon bonyolult világhálón oldalon elhelyezésére különálló darab tartalom nem hány oszlop szövegének, és jobban hasonlít egy újságot.
- Táblázat és az egyes sejtek könnyen formázva CSS stílusokat, kérve őket, hogy doboz, francia, háttér, igazítás, és más lehetőségeket. Azonban táblázatos Web-design és számos hátránya van:
- Az összetett használt táblák rendkívül nehézkes és bonyolult HTML-kódot.
- Régebbi verziói a web-alapú Advanced nincs nagyon jól végrehajtani feldolgozási táblák: ők először le a teljes táblázatot, majd később megjeleníteni. Tekintettel arra, hogy asztal, amellyel kialakult web-oldal nagyon nagy, betöltése ezen web-oldalak időigényes.
A mai web-alapú Advanced tud adni az asztalra, hogy a képernyőn a folyamat betöltése. Ez a „lehet”, még az Internet Explorer, híres, hogy mondjuk a legkevésbé konzervatív. Annak érdekében, hogy ez utóbbi probléma eltűnt.
Mint látható, mind a három régi Web-design elvét, valamint az előnyök is vannak komoly hátrányai. Ezért ők most lassan, de folyamatosan távolodó nyomása alatt az ambiciózus jövevény, akinek a neve.
A lényege a tartály Web-design
Állítsa be a különböző paramétereket blokk tartályok különleges CSS stílus tulajdonságait. Ezek a paraméterek a mérete (szélesség és magasság), a helyét a konténerek és viselkedésük túlcsordulás. Azt is be lehet állítani a háttér színét a tartály, hogy hozzon létre padding és a határok azonosítani őket (a paramétereket a behúzás és a keret lesz szó a 11. fejezetben).
És, hogy a tartály Web-design, így jó? Nézzük meg a hiányosságokat három régi elvek Web-design, és megtudja, hogy ő képes lesz megoldani őket.
- „Szilárdságát” Web-oldalak - a szó és az asztal Web-design. Modern webes lehetővé egy speciálisan kialakított magatartási terhelés konténer web-oldal alatt egy külön fájlban, azaz a. E. megszervezni a betöltött tartalmat. Majd meglátjuk, hogy a 18. fejezetben.
- "Nem standard" - ezzel a keretezés Web-design. A csomagokat és a megfelelő címkéket hivatalosan W3C által szabványosított és dolgozza fel az összes web-alapú egyaránt.
- Terjedelmességhez HTML-kód - az asztal Web-design. HTML-kód képező tartályok rendkívül kompakt. Mint már tudjuk, a blokk tartály van kialakítva egy pár tag
- Lassú betöltés web-oldalak - a táblázat Web-design. Minden Web-alapú kijelző a tartály tartalmát közvetlenül a boot folyamat, hogy web-oldal vizuális terhelés nagyon gyorsan.
És, hogy a tartály Web-design annyira jó? És ő tényleg nem hibák? Sajnos, semmi sem tökéletes a világon van.
Container Web-design játszik táblázatos megvalósíthatóságának Web-oldalak egy komplex design. Táblázat lehetővé teszi, hogy a web-oldal a több oszlop változó szélességű, amelyek különböző tartalmat. Ehhez a segítségével a konténerek, valószínűleg meg kell használni beágyazott konténerek, kifinomult stílus, és esetleg magatartás, amely után a végén a letöltési web-oldal van konténerek a megfelelő helyeken. Ez talán az egyetlen hátránya a tartály Web-design.
Nos, ez többnyire tiszta egy konténer a Web-design. Nézzük gyakorolni. Mi redid a web-oldal egy konténer Web-design - "light", egy egyszerű, modern.