„Antetul”, sau partea de sus a paginii web, face site-ul dvs. unic, îi permite să difere de alții și să reflecte specificul proiectului dvs. de internet. Cu ajutorul unui antet original și bine realizat, puteți decora și rafina orice pagină web și, pentru a crea antetul dvs., trebuie să învățați cum să așezați acest element web.
Instrucțiuni
Pasul 1
Dacă doriți ca site-ul dvs. să aibă dimensiuni statice și constante, trebuie să creați un antet static care să nu se schimbe în funcție de modificarea lățimii ecranului. Determinați lățimea și înălțimea antetului (de exemplu, 996x230) și introduceți o imagine de fundal în blocul superior folosind următorul cod CSS, unde header-1.jpg
fundal: # a6b7d3 url (img / header-1.jpg) fără repetare;
lățime: 996px;
înălțime: 230px;
} Codul HTML pentru un antet de acest tip va arăta astfel:
Pasul 2
Dacă site-ul este construit în așa fel încât dimensiunile sale să fie ajustate la lățimea ecranului, antetul ar trebui să fie tipărit luând în considerare toate rezoluțiile majore ale monitorului. Lățimea maximă a unui astfel de antet trebuie să fie de 1920 pixeli. Pentru a insera un astfel de antet, utilizați codul CSS: #header {background: # a6b7d3 url (img / header-2.jpg) centru fără repetare; înălțime: 250px;} Codul HTML în acest caz este similar cu cel anterior. Codul CSS a fost modificat în unii parametri - acum are un atribut pentru centrarea imaginii antetului, care îi permite să se potrivească fundalului la orice lățime a ecranului.
Pasul 3
De asemenea, puteți crea un antet mai complex, tăiat în mai multe blocuri de fundal, care își vor schimba poziția în funcție de dimensiunea ferestrei. CSS pentru un astfel de antet este mai complex și mai extins și implică repetarea mai multor elemente de fundal în conformitate cu dimensiunile flotante ale ferestrei browserului în care site-ul dvs. poate fi vizualizat.
