Cum sa faci un site asupra lui
În site-uri de publicare de multe ori trebuie să rezolve problema fundamentală: care este comportamentul paginii atunci când îl deschideți cu o rezoluție de ecran diferit? Există două posibilități - „cauciuc“ (întindere) a site-ului, sau pagini statice. Despre primul exemplu de realizare vor fi discutate. Oricare ar fi preferința din structura, principiul de bază în proiectarea de întindere este scalabilitatea relativă.
Acesta a fost mult timp un secret faptul că aspectul poate fi de diferite tipuri - pe mese, pe div-blocuri și combinate (tabele și blocuri în același timp). Pentru masa de aspect corespunde html tag-
În cadrul programului, el sa referit ca „tabelul“ și se află în filele de forme vizuale. În structura acestei etichete este proprietăți diferite. Trebuie sa se intinda si „înălțimea“ „lățime“ ( „lățime“ și „înălțime“, respectiv). Codul din tabelul principal, care va fi site-ul asupra lui bază, este dată de:
. Aici structura tabelului cu conținutul site-ului.
Dacă trebuie să specificați corespondența exactă între celulele din tabel, utilizați următorul exemplu:
continutul celulelor 1.
conținutul celulei 2.
Aici veți vedea că unul dintre celule conține lățimea de 30% din total, care este definit pentru masa propriu-zis. calcul simplu arată că a doua celulă este 100% -30% = 70%. Amintiți-vă că, în acest caz, una din celulele din tabel trebuie să nu fie setat atributul width (lățime). Toate calculele se vor produce propria lor browser-ul și se întind în mod corespunzător celulei de masă. Conținutul în cadrul tabelului se va extinde, de asemenea, și în mod corespunzător pe diferite contracte ecrane.
În cazul blocurilor de aspect div-tag
De obicei, acesta este plasat la începutul script-ul, care definește viitorul întregii geometriei a site-ului:
Cod pentru CSS-reguli este următoarea:
. Lățimea myclass: 30% -
Înălțime: 50% -
>
Lățimea #myID: 30% -
Înălțime: 50% -
>
Vă rugăm să rețineți
Ia timp pentru a verifica modelul rezultat în toate browserele importante (Mozilla Firefox, Google Chome, Internet Explorer, Opera). Ar trebui să fie corect întinsă în fiecare dintre ele.
sfat sănătos
Lățimea și înălțimea tabelelor, vă puteți înregistra, de asemenea, în CSS-fișier (Cascading Style Sheets). În acest caz, lățimea și înălțimea specificată în index-fișiere, precum și trimiterile la clase și ID-ul în stilurile lor respective.