Un coder HTML ar trebui să știe: un semn de profesionalism este aceeași afișare și funcționare a unei pagini de site în orice browser, cel puțin în „cele trei mari”, care includ browserele Internet Explorer, Opera, Mozilla Firefox. Procesul de verificare a corectitudinii afișării site-ului constă din trei etape principale.
Este necesar
- • Mai multe browsere instalate pe computer.
- • Atenție.
Instrucțiuni
Pasul 1
Prima etapă, pregătitoare
Procesul de pregătire constă în descărcarea kitului de distribuție a browserului și instalarea acestuia pe computer. Orice proces de instalare se încheie cu întrebarea: „faceți acest browser inclus implicit?”. Deci, cea principală, sau inclusă în mod implicit, trebuie să o faceți pe cea care ocupă o poziție intermediară în ceea ce privește mărimea posibilelor „jamburi”. Conform experienței multor generații de designeri de layout, acesta este browserul Opera.
După ce ați instalat mai multe browsere pe computerul dvs., treceți direct la procesul de comparație. Pentru a face acest lucru, plasați cursorul peste fișierul cu extensia.html, care va sta la baza paginii site-ului web sau a întregului șablon, și faceți clic pe el cu butonul din dreapta al mouse-ului. În fila care se deschide, selectați „deschideți cu”, apoi selectați tipul de browser dorit. Fișierul poate fi deschis în mai multe browsere simultan, lăsându-le la minimum pe bara de activități de pe desktop și deschis la nevoie.
Pasul 2
Etapa a doua - comparație vizuală
Vizual, paginile site-ului din browser pot diferi în trei parametri principali:
1. După cantitatea de liniuțe și marje între elementele paginii. IE este deosebit de sofisticat în calcularea valorilor adevărate ale proprietăților de umplere și marjă.
2. Diferite browsere afișează fonturile diferit, chiar și fonturi standard, cum ar fi Arial și Times New Roman. Aceasta este cea mai puternică lovitură pentru liniile de element de meniu, care pot fi afișate în două rânduri sau completate complet pe al doilea rând.
3. Corectitudinea afișării imaginilor. În cele mai simple cazuri, unele browsere, cum ar fi Opera, nu citesc proprietățile vspace și hspase specificate în atributele etichetei
… Uneori, imaginile nu sunt centrate în celulele tabelului dacă atributele
această condiție nu este explicată. Dar problema principală pentru proiectantul de machete este pregătirea formatului de imagine.png. Canalul transparent din codul acestui fișier este citit de toate browserele în felul său, în special IE reușește acest lucru. Prin urmare, petele gri urâte sunt adesea observate în locul frumoaselor imagini translucide.
Etapa a treia - verificare funcțională
În această etapă, trebuie să verificați elementele din meniul „drop-down”. În activitatea lor, nu ar trebui să existe scuturări, încetiniri și, cel mai important, un salt în conținutul general al paginii atunci când se deschid elemente de meniu individuale. Același lucru se aplică și elementelor de text ale paginii, care sunt complet extinse atunci când faceți clic pe buton sau pe inscripția „mai multe detalii”.
În concluzie, aș dori să spun că lupta pentru „compatibilitatea cross-browser” - acesta este numele proprietății unei pagini care trebuie afișată peste tot în același mod, procesul este complex și interesant, necesitând o mulțime de practici experienţă.
Pasul 3
Etapa a treia - verificare funcțională
În această etapă, trebuie să verificați elementele din meniul „drop-down”. În activitatea lor, nu ar trebui să existe scuturări, încetiniri și, cel mai important, un salt în conținutul general al paginii la deschiderea articolelor de meniu individuale. Același lucru se aplică și elementelor de text ale paginii, care sunt complet extinse atunci când faceți clic pe buton sau pe inscripția „mai multe detalii”.
În concluzie, aș dori să spun că lupta pentru „compatibilitatea cross-browser” - acesta este numele proprietății unei pagini care trebuie afișată peste tot în același mod, procesul este complex și interesant, necesitând o mulțime de practici experienţă.
