Textul de web design.
Designul de text este cel mai vechi dintre toate enumerate și este doar o bucată de text formatată cu etichete paragraf, cu tabele pe ea și alte elemente de text.
Avantajul acestui tip de design poate fi numit doar că astfel de pagini sunt foarte ușor de creat și sunt încărcate rapid în browsere. Dar există o mulțime de deficiențe, iar printre ele este un tip foarte sărac, cu un astfel de design, pe care sunt plasate informații. Pe această pagină nu există nicio posibilitate de plasare arbitrară a elementelor pe pagină și toate ar trebui să meargă unul câte unul la rândul său. De asemenea, un dezavantaj semnificativ este că trebuie să creăm un design separat pentru fiecare pagină, nu există posibilitatea de încărcare dinamică a formatării și datorită căruia nu există posibilitatea de a reduce sarcina pe server.
Design web încadrat.
Designul pe cadre a fost următorul pas în proiectare și a fost o pagină pe care un alt tip de design ar fi încărcat dintr-o anumită pagină și astfel ar fi posibil să se reducă sarcina pe server.
După ce a fost folosită această metodă, efectul pozitiv nu a așteptat și viteza de descărcare a crescut instantaneu de câteva ori. De asemenea, datorită cadrelor, a fost foarte convenabil să se utilizeze designul site-ului.
Framele au eliminat unele probleme la crearea paginilor, dar a existat o problemă foarte gravă: cadrele nu sunt certificate conform standardelor internaționale și, prin urmare, în fiecare browser pagina va fi afișată în moduri diferite. Diferențele nu au fost cardinale, dar acest lucru conduce adesea proiectanții într-un final și a început căutarea soluțiilor la ieșirea din situația actuală.
Tabelul de design.
După ce a devenit clar că designul cadrului nu este consistent, sa decis crearea de site-uri pe mese. Această metodă are două proprietăți importante: masa este o comandă standard, în limba HTML a fost standardizat la nivel mondial și faptul că toate celulele din tabel pot fi combinate și editate utilizând foaia de atribut sau de stil.
Au existat și dezavantaje în designul tabelului. Primul este designul monolit, adică un fișier conținând tot codul din titlu în dreptul de autor. De asemenea, dacă a trebuit să creați un design complex, codul a fost foarte confuz și acest lucru a creat anumite probleme la editarea și completarea site-ului.
Proiectarea containerelor.
Designul containerelor este o opțiune ideală în zilele noastre și acum vedem de ce această situație. Design container include nu numai standardul de tag-uri HTML, dar pot conține elemente descărcabile cu foi de stil și care reduce în mod semnificativ dimensiunea fișierului și viteza, astfel, a crescut foarte mult de pagini de încărcare.
De asemenea, toate etichetele și stilurile pentru design sunt standardizate și, prin urmare, site-ul va fi afișat corect în toate browserele, iar problema cross-browser-ului nu îi excitează pe profesioniști.
Dar au existat câteva remarci la acest tip de design. Pentru a crea un design foarte complex ar trebui să fie utilizat de cele mai multe cuiburi de tag-uri și, astfel, se poate confunda atat tine si alti profesionisti care va ajusta designul după ce, și singurul dezavantaj că proiectarea containerului dă intabulat.
Pentru designul containerului, există doar două etichete principale cu care puteți crea blocuri de site-uri și puteți decora totul după ce ați terminat. Mai întâi, să luăm în considerare ce este o etichetă DIV și de ce avem nevoie de ea.
Eticheta DIV este un element bloc care nu este vizibil fără parametri suplimentari în foaia de stil și datorită căruia a obținut o astfel de popularitate. Trebuie doar să creați un schelet din etichete, după care să puteți decora și aranja blocurile așa cum aveți nevoie. Eticheta DIV este o etichetă de perechi și pentru a crea blocul dorit, trebuie doar să specificați designul:
După ce un astfel de design este creat pe pagină, spațiul pentru bloc va fi alocat, pe care îl putem vedea numai după ce îl vom umple. Dimensiunile blocului vor avea lățimea întregii ferestre și înălțimea, în funcție de cum și cum îl umplem.
Atribute pentru eticheta DIV.
Pentru a putea atribui comenzi la o anumită etichetă în fișierul de stil, trebuie să aplicați atributele printre care cele mai comune sunt id-ul și clasa, să arătăm mai întâi cum să aplicați astfel de atribute blocurilor.
Identificator id:
Atributul de clasă:
Acum, să vedem ce este diferența dintre aceste două atribute. Aceștia îndeplinesc aceeași funcție, dar numai atributul de clasă cu același identificator poate fi folosit de câte ori doriți, în timp ce ID-ul este doar unul și de aceea folosesc întotdeauna atributul de clasă.
SPAN tag-ul este aproape o copie completă a DIV pe proprietăți, așa cum se poate aplica atribute pentru a picta folosind foi de stil, dar există o diferență foarte semnificativă și importantă între tag-ul nu creează un bloc și, astfel, acesta poate fi utilizat atât în interiorul tag-ul DIV și în interiorul chiar întregul text, nu vor exista schimbări de proiectare sau pauze de linie.
Acum, să arătăm despre design-ul site-ului meu unde și ce tip de etichetă am folosit pentru aspect.
După cum puteți vedea pentru a crea un schelet al site-ului, trebuie doar să rupeți toate zonele site-ului în blocuri, după care puteți face site-ul în siguranță.