Cum de a distinge aspectul bun de rău? Instrucțiuni scurte de mai jos.
Compatibilitate compatibilă cu browserul
Compatibilitate încorporată în browser - capacitatea site-ului de a afișa același lucru în toate browserele.
Slab aspect. Site-ul este afișat în mod diferit, în funcție de browser. În cele mai grave cazuri, aspectul "se deconectează" în versiunile mai vechi. Lucrurile mai grave sunt cu browser-ul Internet Explorer.
Aspect bun. Site-ul pare identic în toate browserele. Merită menționat faptul că nu este necesar să se facă toate browserele, sunt și cele care sunt deja în uz.
O structură bine gândită a scheletului site-ului
Slab aspect. Începeți să faceți obiecte mici înainte să se gândească asupra scheletului întregului site. Anterior, elementele nou-născute încep să se conecteze între ele în toate modurile posibile, ceea ce presupune un cod suplimentar și ne-structurat.
Blochează aspectul față de tabel
Slab aspect. Utilizați tabele pentru aspectul elementelor site-ului. Cu această structură, conținutul tabelelor va fi afișat numai după încărcarea întregii tabele (întreaga pagină). Acest lucru implică o creștere semnificativă a duratei de încărcare a paginilor site-ului și a codului greoi. În ciuda dezavantajelor evidente, multe tipografiere folosesc încă un tabel.
Aspect bun. Aplicați un aspect bloc (aspect pe div-ah). Această abordare vă permite să reduceți semnificativ cantitatea de cod și să măriți viteza de încărcare a conținutului paginii. Creșterea vitezei se realizează prin faptul că div-urile sunt încărcate unul câte unul, utilizatorul este tras imediat blocuri superioare ale site-ului, până când începe să deruleze în josul paginii va fi urmărită deja toate celelalte.
Semantica codificată
Aspect bun. Separarea completă a conținutului și a designului. Html-etichetele sunt utilizate numai pentru divizarea logică a textului (titluri, paragrafe, liste). Pentru vizualizare, conectați fișierele de foi de stil și scripturi CSS. Aceasta este o abordare profesionala a layout-ului.
Optimizarea imaginilor
Imaginea din stânga este de 63 KB, pe dreapta - 15 KB. Pentru ochiul uman, diferența este complet invizibilă. Reducerea dimensiunii fișierului de 4 ori a fost posibilă cu optimizarea corectă.
Slab aspect. Imaginile pentru fundalurile site-ului sunt salvate în mod obișnuit. Astfel, sunt transmise o mulțime de informații inutile, care nu sunt folosite, ci ocupă spațiu. Utilizați imagini mari pentru repetarea fundalurilor.
Aspect bun. Salvați imagini special pentru dispozitive web, unde eliminați toate informațiile suplimentare și puteți ajusta calitatea: în majoritatea cazurilor, puteți reduce greutatea imaginii de 2-3 ori fără pierderea calității vizibile pentru ochi. Modelele sunt folosite pentru repetarea fundalurilor, acestea sunt mici imagini care nu lasă cusături atunci când sunt conectate.
Apariția și percepția vizitatorilor site-ului dvs. depinde în mod direct de calitatea aspectului, astfel încât acesta nu este partea pe care să o salvați.