Astăzi, site-urile web de calitate trebuie să arate bine pe o gamă largă de rezoluții de ecran. Pentru a face acest lucru, este necesar ca elementele de proiectare a paginii să fie scalate în limite largi. Acest lucru se aplică în primul rând antetului site-ului.
Este necesar
capacitatea de a modifica marcajul paginilor resursei
Instrucțiuni
Pasul 1
Utilizarea unui șablon adecvat este o soluție universală care vă permite nu numai să vă întindeți, ci și să comprimați antetul, precum și alte elemente de design. Puteți utiliza șabloane standard furnizate prin găzduire gratuită sau distribuite gratuit pe internet. Orice șablon necesită revizuire și adaptare. Este recomandabil să schimbați toate elementele grafice pentru a face site-ul unic. Nu folosiți niciodată un aspect standard. Lăsați marcajul paginii - „scheletul” său și „carnea” - conținutul și elementele de design, înlocuiți-le cu ale dvs. Utilizarea atentă a șabloanelor vă permite să economisiți timpul dezvoltatorului, care poate fi cheltuit pentru a umple site-ul cu informații sau pentru a extinde capacitățile serviciului.
Pasul 2
Dacă pagina este deja tipărită, puteți încerca să întindeți singur antetul. Acest lucru necesită cunoștințe de bază despre HTML și CSS. Dacă antetul site-ului este proiectat ca un singur fișier grafic, puteți încerca să comprimați și să întindeți imaginea acestuia în funcție de lățimea ferestrei. Această metodă funcționează bine dacă factorul de scalare este mic. Dacă depășește lățimea imaginii cu un sfert sau mai mult, calitatea imaginii va avea de suferit. Pixelii individuali care formează imaginea vor deveni vizibili.
Pasul 3
Pentru ca imaginea să rămână de înaltă calitate, dar în același timp să ocupe tot spațiul alocat acesteia, este necesar să o împărțiți în părți separate. Aceasta este de obicei partea dreaptă, stânga și centru. Este de dorit ca imaginea să aibă un fundal care să aibă o lățime solidă, cu care a fost posibil să se completeze golurile care apar între părțile antetului. Cele două imagini care formează marginile antetului trebuie atașate la laturile stânga și dreapta ale containerului. Înfășurați imaginea centrală într-o etichetă. Pregătiți spațiul rămas cu o imagine de fundal lată cu un pixel.
Pasul 4
O altă modalitate ușoară este de a crea o imagine care este inerent mai mare decât cel mai mare ecran. Imaginea este setată ca fundal în centrul secțiunii antet. Dezavantajul este „greutatea” mare a imaginii și, ca urmare, timpul lung de încărcare. Combinarea metodelor de mai sus evită majoritatea efectelor negative.