Vladimir dronov - html 5, css 3 și web 2

Varietăți vechi de Web-design și criticile lor

Anterior, Internetul a fost dominat de trei varietăți de web-design: text, cadru și tabular. Fiecare metodă avea avantajele și dezavantajele sale. Dar totul într-un fel sau altul pierde cea de-a patra versiune de Web-design - container.

Primul a apărut, probabil, textul Web-design. Paginile Web care au fost executate în acest mod au fost documente text obișnuite: un set de paragrafe, titluri, citate mari, text de formatare fixă ​​și tabele care se urmează unul pe altul. Un exemplu clasic de design web este paginile web create de noi în acest moment. Deschideți într-un browser web, să zicem, o pagină web index.htm - și veți vedea un design Web text în toate sale, să zicem, frumusete.

Avantajul designului web bazat pe text este un lucru - simplitatea excepțională a codului HTML. De fapt, codul pentru astfel de pagini web conține doar text și, probabil, imagini și tabele. Nu există elemente specifice care să formeze designul web ca atare.

Deficiențele textului Web-design foarte mult. În primul rând, paginile Web create pe baza sa arată prea impenetrabile. În al doilea rând, practic nu există mijloace de plasare arbitrară a elementelor pe o pagină Web - ele se pot urmări unul pe altul de sus în jos. În al treilea rând. dar acest lucru ar trebui discutat în detaliu.

Cu cât este mai mare codul HTML al unei pagini Web, cu atât este mai mare fișierul în care este stocată. Cu cât dimensiunea fișierului este mai mare, cu atât este încărcată mai mult. Cu cât fișierul este încărcat mai mult, cu atât mai mult va trebui să aștepte vizitatorul până când pagina Web solicitată apare pe ecran.

Există o modalitate de a nu descărca întreaga pagină web în întregime, ci doar o parte din ea - conținutul propriu-zis? Din păcate, textul Web-design nu oferă o astfel de metodă.

Un design web similar a fost numit cadru. Avea un avantaj incontestabil - o creștere accentuată a vitezei de încărcare a paginilor web. Și de aceea a fost folosit pe scară largă de mulți ani, iar aici și acolo a rămas până acum.

Cu toate acestea, cadrele au dezavantaje semnificative. În primul rând, ramele nu au fost standardizate de comitetul W3C, astfel încât fiecare browser Web le procesează în felul lor, nu în general, desigur, ci în nuanțe care totuși pot fi semnificative. În al doilea rând, cadrele sunt un element foarte inflexibil al unei pagini Web; structura lor nu poate fi schimbată.

Avantajele web-designului tabular:

- Tabelele reprezintă o parte standard a limbajului HTML, ceea ce înseamnă că puteți asigura că paginile Web bazate pe acestea sunt afișate în același mod în toate browserele Web.

- Tabelele HTML pot fi făcute arbitrar de complex, prin combinarea celulelor lor și prin introducerea unei mese în alta. Acest lucru vă permite să faceți pagini Web foarte complexe care conțin fragmente eterogene de conținut, având mai multe coloane de text și mai asemănătoare ziarelor.

- Tabelele și celulele lor individuale pot fi ușor formatate utilizând stilurile CSS, setarea cadrelor, indenturilor, fundalurilor, aliniamentelor și a altor parametri pentru ele. Cu toate acestea, designul tabelar Web are multe deficiențe:

- Pentru a forma tabele complexe, se utilizează un cod HTML extrem de greoi și confuz.

- Versiunile vechi ale browserelor Web nu au implementat cu succes procesarea tabelelor: au descărcat mai întâi întreaga tabelă și doar apoi au afișat-o pe ecran. Având în vedere că tabelele utilizate pentru a genera pagini web sunt foarte mari, încărcarea unor astfel de pagini web a durat mult timp.

Browserele web moderne pot afișa tabelul pe ecran în timpul procesului de descărcare. Acest lucru "poate" chiar și Internet Explorer, renumit pentru său, să-l păstreze ușor, conservator. Așa că ultima problemă a dispărut.

După cum puteți vedea, toate cele trei principii vechi de Web-design, împreună cu avantajele, au dezavantaje serioase. De aceea, la ora actuală, ei încet, dar cu siguranță se retrag sub atacul unui nou om ambițios, al cărui nume este.

Esența containerului Web-design

Pentru a specifica diferiți parametri ai containerelor bloc, sunt furnizate atribute speciale ale stilului CSS. Acești parametri includ dimensiunile (lățimea și înălțimea), localizarea containerelor și comportamentul acestora atunci când sunt depășite. De asemenea, putem seta culori de fundal pentru containere, a crea liniuțe și linii pentru a le separa (vom vorbi despre parametrii de indenturi și cadre din capitolul 11).

Și asta, container Web-design este atât de bun? Să ne uităm la deficiențele celor trei principii vechi ale designului Web și să aflăm dacă le poate rezolva.

- "Monoliticitatea" paginilor web - în text și tabel Web-design. Browserele web moderne permit utilizarea unui comportament special creat pentru a încărca într-un container o pagină Web stocată într-un fișier separat, adică pentru a organiza conținutul descărcat. Vom aborda acest lucru în capitolul 18.

- Clase "non-standard" - în cadrul designului Web. Containerele și etichetele corespunzătoare sunt standardizate oficial de către comitetul W3C și procesate în mod egal de către toate browserele Web.

- Caracterul greoi al HTML-ului este în design-ul web de tabel. Codul HTML care formează containerele este extrem de compact. După cum știm deja, containerul de blocuri este format numai cu o singură etichetă