Conținutul separat din design face administrarea site-ului mai ușoară
CSS (Cascading Style Sheets) a devenit modalitatea de facto de a modela și aranja site-uri web. Designerii utilizează foi de stil pentru a le spune unui browser cum ar trebui să fie afișat un site în termeni de aspect și aspect, acoperind factori precum culoarea, spațiul, fonturile și multe altele.
Stilurile CSS pot fi implementate în două moduri:
- Inline - în cadrul codării paginii web în sine, pe o bază individuală, element-cu-element
- Într-un document stand-alone CSS, la care este legat site-ul web
Cele mai bune practici pentru CSS
"Cele mai bune practici" sunt metodele de proiectare și construire a site-urilor web care s-au dovedit a fi cele mai eficiente și de a oferi cea mai mare rentabilitate pentru munca implicată. Urmărindu-le în CSS, designul web îi ajută pe site-uri să arate și să funcționeze cât mai bine posibil. Acestea au evoluat de-a lungul anilor împreună cu alte limbi și tehnologii web, iar foaia de stil standalone CSS a devenit metoda preferată de utilizare.
Urmând cele mai bune practici pentru CSS, puteți îmbunătăți site-ul dvs. în următoarele moduri:
- Separă conținutul de design. Unul dintre principalele obiective ale CSS este de a elimina elementele de design din HTML și a le plasa într-o altă locație pentru a menține designerul. Acest lucru servește, de asemenea, pentru a separa designeri de la dezvoltatori, astfel încât fiecare să se poată concentra asupra domeniilor lor de expertiză. Un designer nu trebuie să fie un dezvoltator care să mențină aspectul unui site web.
- Face întreținerea ușoară. Unul dintre cele mai uitate elemente de web design este întreținerea. Spre deosebire de materialele tipărite, un site web nu este niciodată "unul și făcut". Conținutul, designul și funcția pot și ar trebui să evolueze în timp. Având CSS într-un loc central, mai degrabă decât stropit pe tot site-ul, face lucrurile mult mai ușor de întreținut.
- Păstrează site-ul dvs. accesibil. Utilizarea stilurilor CSS ajută motoarele de căutare și persoanele cu dizabilități să interacționeze cu site-ul dvs.
- Păstrează site-ul dvs. curent mai lung. Folosind cele mai bune practici cu CSS, respectați standardele care s-au dovedit a fi stabile dar destul de flexibile pentru a permite schimbarea în mediul de design web.
Stilurile inline nu sunt cele mai bune practici
Stilurile inline, în timp ce au un scop, în general, nu sunt cel mai bun mod de a vă menține site-ul web. Ei se opun fiecărei dintre cele mai bune practici:
- Stilurile inline nu separă conținutul de design. Stilurile inline sunt exact aceleași ca și fonturile încorporate și alte etichete de design neclintit pe care dezvoltatorii moderni le împiedică. Stilurile afectează numai elementele particulare, individuale cărora le sunt aplicate; în timp ce acest lucru vă poate oferi un control mai granular, face și alte aspecte de proiectare și dezvoltare - cum ar fi coerența - mai dificilă.
- Stilurile inline provoacă dureri de întreținere. Când lucrați cu foile de stil, imaginați-vă unde este stabilit un stil poate fi dificil. Când aveți de-a face cu un amestec de stiluri inline, încorporate și externe , aveți multe locații de verificat. Dacă lucrați într-o echipă de web design sau trebuie să reproiectați sau să întrețineți un site construit de altcineva, atunci veți avea și mai multe probleme. Odată ce găsiți stilul și îl modificați, va trebui să faceți acest lucru pe fiecare element de pe fiecare pagină în care a fost plasat. Asta creste bugetul de timp si de lucru astronomic.
- Stilurile inline nu sunt la fel de accesibile. În timp ce un cititor de ecran modern sau alt dispozitiv auxiliar poate fi capabil să gestioneze eficient atributele și etichetele în mod eficient, unele dispozitive mai vechi nu pot, ceea ce poate duce la afișarea unor pagini web ciudate. Caracterele suplimentare și textul pot afecta felul în care pagina dvs. este vizualizată de un robot al motorului de căutare, de asemenea, pentru ca pagina dvs. să nu facă același lucru în ceea ce privește optimizarea motorului de căutare (SEO).
- Stilurile inline fac paginile dvs. mai mari. Dacă doriți ca fiecare paragraf de pe site-ul dvs. să apară într-un anumit mod, o puteți face o dată cu șase linii de cod într-o foaie de stil externă. Dacă o faceți cu stiluri inline, cu toate acestea, trebuie să adăugați acele stiluri la fiecare paragraf al site-ului dvs. Dacă aveți cinci linii de CSS, sunt cinci linii înmulțite cu fiecare paragraf de pe site-ul dvs. Lățimea de bandă și timpul de încărcare se pot adăuga în grabă.
Alternativa la stilurile inline: Foile de stil externe
În loc să utilizați stiluri inline, utilizați foi de stil externe . Acestea vă oferă toate avantajele celor mai bune practici CSS și sunt ușor de utilizat. Angajate în acest fel, toate stilurile folosite pe site-ul dvs. trăiesc într-un document separat, care este apoi legat la un document web cu o singură linie de cod. Foile de stil externe afectează orice document la care sunt atașate. Asta inseamna ca daca aveti un site de 20 de pagini in care fiecare pagina utilizeaza aceeasi foaie de stil - ceea ce se intampla in mod obisnuit - poti face o schimbare in fiecare dintre acele pagini pur si simplu editati stilurile odata, intr-un singur loc. Schimbarea stilurilor într-un singur loc este infinit mai convenabilă decât căutarea codificării respective pe fiecare pagină a site-ului dvs. Web. Acest lucru face mult mai ușor gestionarea pe termen lung a site-ului.