Dezvoltarea oricărui site este format de obicei din mai multe etape comune, dintre care unul este impunerea obligatorie a modelului principal, care se bazează pe crearea imaginii designerului paginii în format HTML.
Impunerea unei pagini web este destul de probleme similare, astfel încât acesta poate fi automatizat, reducând intervalul de timp pentru a dezvolta un site web și face chiar mai fiabile prin reducerea numărului de erori în aspectul. Pentru a realiza acest lucru, CSS utilizează o bibliotecă specială care conține definiții ale blocurilor cheie pe pagină pentru a crea un marcaje „rapid“, fără a fi nevoie de calcul independent de diferite dimensiuni pe o pagină (de exemplu, lățimea blocului în dată populare aspectul trei coloane).
Beneficiile cadrelor CSS
Dezvoltarea unei pagini web folosind foaie de stil poate fi inițial dificil pentru designeri novice și aspectul paginilor web. Mai ales în aspect exclusiv blocuri (codificare bloc). Complexitatea de proiectare va crește în cazul în care este necesar pentru a crea un site „de cauciuc“. În astfel de cazuri veni în ajutorul bibliotecii CSS. Ele conțin cele mai populare locații de conținut de markup: două coloane, trei coloane, cu anteturi, și coloane, etc. precum și seturi de marcaje pentru poziționarea practic orice element de pe pagină.
Utilizarea cadrelor CSS implică crearea de aspect modular 100%. Și, atunci, este moderne de calitate și de înaltă. În dezvoltator nu mai este necesar să se numere și să înregistreze toate stilurile care sugerează o locație pe pagină. Totul este deja predeterminat într-un simplu includ fișier. În cazul în care dezvoltatorul are deja o experiență de dezvoltare similară, atunci acest proces este accelerată în mare măsură, și astfel dezvoltarea scade costuri. accelerare în continuare pot fi utilizate pentru o varietate de generatoare de cod care susțin bibliotecile necesare.
Un avantaj foarte important al dezvoltării folosind cadre este crescută compatibilitatea cross-browser-ul de proiecte bazate pe ele. Deoarece bibliotecile sunt dezvoltate de cei mai mari profesioniști din domeniu, numărul de erori cauzate de nepotrivirea dintre elementele de afișare ale diferitelor browsere este considerabil redusă.
Codul de uniformitate în acordul-cadru CSS duce la munca în echipă, deoarece acest lucru ajută să perceapă mai bine conținutul între mai mulți dezvoltatori, în cazul în care fiecare dintre ele are propriul stil de a scrie.
Dezavantaje ale cadrelor CSS
În plus față de aspectele pozitive ale cadrelor au, fără îndoială, are dezavantajele sale. Cel mai adesea, cadrele sunt criticate pentru codul lor de concediere excesivă neutilizate. Bibliotecile mari sunt mai potrivite pentru proiecte la scară largă, deoarece nu toate presupusa de stiluri care urmează să fie utilizate într-un proiect real. Mai mult decât atât, layout-ul organizat cu biblioteca CSS nu este foarte ușor de citit, deoarece cele mai multe clase nu sunt evidente pentru un nume de persoană (de exemplu, g-8, SP-b-n, dar-no-15). Dacă nu utilizați biblioteca cele mai comune, puteți obține de pe site-ul erorile, ceea ce a permis dezvoltatorii acestui cadru, atunci când acesta este creat.
De asemenea, în scopul de a crește viteza de dezvoltare a bibliotecilor folosind CSS pentru a începe nevoia lor de a citi cu atenție. Și, cu toate că, abordările generale la formarea aspectului paginii este similară, dar între cadrele, există diferențe semnificative.
Cu toate acestea, principalul dezavantaj al cadrelor CSS este încă considerată a fi dependentă de designul site-ului bibliotecii pe care îl utilizați. Acesta este motivul pentru care cele mai multe dintre paginile care se bazează pe bibliotecile CSS necesită modernizarea acestor aceleași biblioteci care necesită un cost pentru resurse suplimentare. Majoritatea dezvoltatorilor preferă să utilizeze cadre CSS care s-au dezvoltat.
Tipuri de cadre CSS
Într-un mediu profesional, HTML-coder inca participa la dezbateri cu privire la posibilitatea de a utiliza cadrele CSS. Datorită dezavantajele menționate mai sus ale tuturor bibliotecii este împărțit în două grupe mari: complete și limitate.
cadre cuprinzătoare a încerca să acopere toate designul paginii reguli. De obicei, acestea includ reguli pentru aspectul paginii, regulile pentru elementul de descărcare de stil. ele pot include, de asemenea, reguli pentru tipografie, face elemente de design, elemente de suport HTML5, etc. Exemple de astfel de cadre pot fi:
- Blueprint
- 960 Sistem Grid
- twitter Bootstrap
- YAML
- Sistemul de bază Grid Fluid
si multe altele.
cadre limitate concepute pentru a aborda un set restrâns mai mult de sarcini (de exemplu, formulare de înregistrare sau elemente, de fapt, pagini de aspect). Cel mai clar exemplu de un astfel de cadru este jQuery UI CSS-cadru, care stabilește regulile pentru widget-uri care afișează fișă corespunzătoare.
Figura de mai jos ilustrează principiul feymvorka funcționare CSS (bazată pe un sistem Grid 960).