Aspectul site-ului - pat de copil pentru incepatori, site-ul de aspect

Aspectul site-ului este o descriere a codului de program vizual al site-ului. Indiferent de browserul utilizatorul folosește, site-ul ar trebui să arate și să lucreze corect în toate rezoluțiile monitorului.

Procesul de aspect - una dintre cele mai importante etape ale creării unei resurse Internet, din cauza activității coder depinde de:

• Viteza de download de site-ul web;
• respectarea standardelor HTML;
• Adecvarea a browser-ului;
• Conformitatea cu cerințele motoarelor de căutare;
• Adaptabilitatea la diferite ecrane de utilizator.

Care este valabilitatea machiaj?

Layout-ul Conceptul este strâns legată de conceptul de valabilitate. Valabilitatea site aspect - scrierea de cod HTML si CSS care corespunde standardelor W3C și testate cu succes pentru validator.

În primul rând, acest concept este foarte important pentru optimizarea SEO a site-ului dvs., ca un cod bine construit are un efect pozitiv asupra comportamentului de roboți motor de căutare, și codul în al doilea rând valabil - o garanție că programatorul nu a permis erori logice și de sintaxă în programare.

Page chiar erori minore în codul nu va trece prin validator. Trebuie amintit că cea mai bună validatorul - browser-ul, pentru că percepția unui site de către browser - această percepție vizitatorul site-ului.

Reguli de bază ale aspectul site-ului

Care sunt regulile de bază de calitate și aspectul corect?

abordări de bază pentru aspectul site-ului

Să presupunem că există două blocuri, parte în picioare lângă alta. Există mai multe abordări de bază pentru site-ul vorstke:

În plus față de abordări, există mai multe și diferite tipuri de aspect.

aspectul tabelar

Esența unei astfel de aspect este de a utiliza tabele cu plasă de delimitare invizibilă, în care este convenabil de a plasa diverse elemente.

Cel mai recent, înainte de blocuri și straturile a fost cel mai popular tip de aspect, care are multe avantaje:

• Ușurința în crearea de coloane care are un efect pozitiv asupra comportamentului în cazul în care dimensiunea ferestrei browserului și vă permite să creați machete mai multe coloane ale site-ului;
• Combinare imagine. De multe ori cifrele sunt împărțite în mai multe fragmente pentru a reduce dimensiunea fișierului, a crea animații și efecte, etc. Fiecare figură este plasat într-o singură celulă a tabelului, parametrii care sunt stabilite astfel încât nu a existat articulații vizibile între celule;
• Deoarece înălțimea și lățimea mesei poate fi definit ca un procent, aspectul de masă este utilizat pe scară largă la crearea aspectului unui cauciuc;
• Spre deosebire de unele setări CSS în diferite browsere afișează tabelul este aproape identic, ceea ce simplifică crearea de pagini;
• Datorită alinierii simultană a conținutului de celule din tabel și verticale și orizontale, posibilitățile de plasare a diferitelor elemente de design pentru ele și pentru întreaga pagină, extinde.

Cu toate acestea, locul de a fi și o mică muscă în unguent:

• Pentru conținutul de masă al browser-ului este corectă, acesta nu va apărea până nu va fi încărcat complet. În cazul în care masa este masiv, site-ul de încărcare durează o perioadă lungă de timp;
• Codul de prea voluminoase datorită structurii ierarhice a tag-uri, care crește dificultatea de a face modificări la anumiți parametri;
• Slaba indexare de către motoarele de căutare. Conținutul site-ului cu impunerea tabular este relativ departe unul de altul, ceea ce face dificil de a lovi site-ul în rezultatele de căutare de top.

Dispunerea modulară a site-ului

Straturile sunt create folosind etichete div, sunt elemente structurale extrem de confortabile, a cărei înregistrare este stabilită de stylesheets CSS.

Dispunerea modulară a site-ului are următoarele avantaje:

• aspect bloc formează o cantitate mult mai mică de cod, spre deosebire de tabelele de aspect, care nu numai că mărește viteza de încărcare de pagini, dar, de asemenea, reduce sarcina pe server;
• Ușor de modificări de design cu ajutorul fișierului de editare CSS;
• Beneficii în domeniul SEO. În loc de codul din primul conținut loc recunoscut și semantic marcate corect.
• Lizibilitate cod, ceea ce contribuie la respectarea valabilității standardelor;
• Sarcina de proiectare și dispunerea elementelor non-standard ale site-ul dvs. poate fi ușor de pus în aplicare;
• Abilitatea de a crea un design receptiv, care va fi afișat corect pe ambele dispozitive fixe și mobile.

În ciuda numărului mare de avantaje, aspectul CSS are unele dezavantaje:

• Creșterea complexității de dezvoltare. Tabelul aspect poate stăpâni și un novice, dar foi de stil oferă atât de multe opțiuni diferite pe care le va lua mult timp pentru a le studia;
• Compatibilitate cross-browser. Soluția la această problemă necesită mai mult efort decât în ​​cazul unui aspect tabular.

straturi cuibar: avantaje, dezavantaje, domeniul de aplicare

Avantajele straturilor de aspect sunt:

• De mare viteză pagina de browser de prelucrare;
• Folosind diferite straturi de poziționare în raport cu altele pot crea efecte de animație vii și interesante;
• Proprietățile straturilor sunt configurate folosind CSS;
• Cu sprijinul sistemului de coordonate cartezian, amplasarea straturilor de pe pagina de web, puteți specifica o precizie maximă posibilă.

Dezavantajele straturilor de aspect pot include:

Poziționarea straturi oferă designerilor posibilitatea de a nu limitează imaginația ta, dar are unele dificultăți tehnice.

Pagini cu straturi nu au un standard unic de afișare a browserului, astfel încât aceeași pagină în Opera și Google Chrome poate arăta diferit.

Astfel, normele uniforme comune aspectul nu există, și în fiecare caz, ar trebui să acționeze asupra situației.

Cu toate acestea, metoda tabelelor de aspect, în ciuda acestor neajunsuri, și practicat pe scară largă a dovedit cât mai fiabile posibil.