7 sfaturi pentru site-ul șablon de aspect bun

Am scris deja despre regulile de bază pentru proiectarea designului site-ului, și anume ceea ce ar trebui să fie de proiectare în ceea ce privește aspectul. Acum este timpul pentru a strânge piulițele și codor.

Orice coder, atunci când se iau un loc de muncă pe propria răspundere trebuie să respecte anumite reguli, astfel încât modelul a fost de calitate, atât în ​​ceea ce privește vizitatorii, cât și din punctul de vedere al motoarelor de căutare.

Deci, ce sunt aceste reguli? Să le examinăm în șapte trepte.

1. Aspectul site-ului.

Lățimea minimă a topografiei 1000 px, indiferent, de ce tip de aspect, am - fixe sau cauciuc. De ce 1000 px? aspect lățime ar trebui să se adapteze la rezoluția monitorului populare și, de preferință, fără apariția barei de derulare orizontală (personal nu-mi place de ea). Astăzi este - 1024 x 768 pixeli. Scădeți din lățimea ferestrei browser-ului bara de derulare verticală și a obține o lățime de 1000 de pixeli. Atunci când reducerea sau creșterea ar trebui să arate fereastra de browser la fel de frumos, și anume Elementele site-uri nu au nici în cazul în care să se estompeze sau rula în reciproc. Aspectul site-ului va fi flexibil - simplă mișcare a mâinii transforma aspect fix din cauciuc și vice-versa. Acest lucru se face astfel: a crea un cadru comun (container) și în interiorul acestuia a plasat blocurile rămase (site-ul capac, stânga și / sau coloana din dreapta, meniuri, etc.). Mai mult, prin foaia de stil operăm o lățime minimă a containerului principal.

Unitate de Jos (subsol) a site-ului cu contoare și drepturile de autor trebuie să fie întotdeauna presat pe partea de jos. Puteți verifica acest lucru ținând apăsată tasta Ctrl + tasta de parcurgere în jos roata mouse-ului. Rezoluția aspect va crește pe măsură ce monitor cu un ecran de înaltă rezoluție. Pentru a reveni la modul normal, apăsați combinația de taste Ctrl + 0.

În ceea ce privește codul, aspectul trebuie să fie complet pe divah sau cum se spune structura blocului. Acest post este, în general, a trebuit să pună în primul rând, pentru că în opinia noastră, impunerea pe mese au fost mult timp un lucru al trecutului.

A se vedea, de asemenea: Enquire.js - crea site-uri adaptive cu ușurință

3. Compatibilitate cross-browser.

aspect typeset ar trebui să arate la fel în toate browserele populare, și nu uitați despre versiunea veche. browsere majore, sub care am să "ascuți" structurile lor acest lucru - Firefox, Opera, Google Chrome, Safari, Internet Explorer 7, 8, 9. 6-lea IE (Internet Explorer) a pus capac. Atunci când un utilizator accesează site-ul dvs., folosind IE 6.0, pagina se deschide cu informațiile pentru el că acest browser este depășit și este timpul pentru a face upgrade la o mai modern și oferă mai jos link-uri pentru a descărca populare browsere.

În general, acest pas, propun să acorde atenția cuvenită, deoarece mulți utilizatori și multe dintre ele folosesc versiuni diferite, și trebuie să se uite toate la fel. Curve aspect poate fi unul dintre motivele pentru care vizitatorul poate părăsi site-ul.

4. Grafica.

Vezi de asemenea și: Învățătura de markup semantic pentru HTML5

Verificați cât de mult cântărește după aspectul paginii, puteți, folosind plugin Firebug pentru Mozilla Firefox. Firebug Deschideți, comutați la fila „Network“ și reîncărcați pagina. La sfârșitul listei, veți vedea numărul de cereri și suma totală de pagini.

5. respectarea strictă a PSD aspect.

Șablonul dvs. prevăzute, trebuie să respecte cu strictețe PSD-surse. Designer, probabil, bazându-se pe un element care a petrecut numărul n-lea de ori, și ai plecat și stricat totul - face după cum doriți. Într-un caz extrem, dacă aveți ceva nu funcționează, puteți consulta pe această temă cu proiectantul și managerul de proiect sau de către client.

6. Conformitatea cu standardele W3C.

Aspectul site-ului este realizată în conformitate cu anumite standarde, emis de World Wide Web Consortium (W3C). Această organizație dezvoltă și implementează standarde tehnice de web-dezvoltare. Deci, marcați design-ul trebuie să adere la aceste standarde, sau cum se spune să fie validate. Verificați șablon de potrivire va ajuta la un software special, numit un validator.

De ce este atât de important încât codul de site-ul a fost valabil?

În primul rând, un cod valid și frumos care corespunde tuturor standardelor, este procesat browser mai rapid și aspect va afișa la fel în toate browserele. După ce toți furnizorii de browser să adere la standardele W3C în proiectarea produsului lor. Imaginați-vă că fiecare dezvoltator va scrie codul pe propriul lor drum. Apoi se va întâmpla exact haos.

În al doilea rând, motoarele de căutare poate fi o atitudine negativă față de site-uri, codul care conține eroarea. Cu cât este mai Codul îndeplinește politica consorțiului W3C, cei loiali motoarele de căutare pe care vor fi tratate. Prin urmare, să acorde o atenție la acest aspect al promovării site-ului în motoarele de căutare.

Cele mai multe validator pot „Jur“ pe vechile etichete nu sunt închise, proiectate în mod corespunzător, etc.

Aș vrea să adaug despre standardele W3C, este faptul că respectați cu strictețe aceste reguli, nu sunt forțați. Aceste standarde sunt de consultanță în natură. Dar consecințele nerespectării lor va fi agățat pe conștiință.

7. Verificați pentru erori.

Înainte de livrare la șablonul de client, asigurați-vă că pentru a verifica dacă există erori. Erorile pot fi diferite. De obicei, utilizatorul nu poate le vedea, dar dacă Firebug plug-in brat, toate acestea pot fi urmărite, făcând clic pe tab-ul „consola“.

Am fost de multe ori, de exemplu, va crea o foaie de stil, conectați-l prin importul, și apoi în curs de dezvoltare se dovedește că nu este nevoie. A luat, l-am șters, iar conexiunea este lăsată. Utilizatorul nu vede, cu toate acestea, în calitate de dezvoltator, dar motoarele de căutare și browser-ul vedea totul. Deci, ai grijă că nu au fost rupte căi de fișier.

Ei bine, asta e practic tot ce am vrut să spun. Mult noroc! Pa toată lumea!

Zaur Magomedov

Vă pot:

Comanda acum Comanda site-ul la cheie