"Header", ose pjesa e sipërme e faqes në internet, e bën faqen tuaj unike, e lejon atë të ndryshojë nga të tjerët dhe të pasqyrojë specifikat e projektit tuaj të Internetit. Me ndihmën e një header origjinal dhe të bërë mirë, ju mund të dekoroni dhe përsosni çdo faqe në internet, dhe për ta bërë vetë header, duhet të mësoni se si të paraqitni këtë element të internetit.
Udhëzimet
Hapi 1
Nëse dëshironi që faqja juaj të ketë dimensione statike, konstante, duhet të krijoni një kokë statike që nuk ndryshon në varësi të ndryshimit të gjerësisë së ekranit. Përcaktoni gjerësinë dhe lartësinë e kokës (për shembull, 996x230) dhe futni një imazh sfondi në bllokun e sipërm duke përdorur kodin e mëposhtëm CSS, ku header-1.jpg
sfond: # a6b7d3 url (img / header-1.jpg) pa përsëritje;
gjerësia: 996px;
lartësia: 230px;
} Kodi HTML për një kokë të këtij lloji do të duket kështu:
Hapi 2
Nëse faqja është ndërtuar në mënyrë të tillë që dimensionet e saj të rregullohen në gjerësinë e ekranit, titulli duhet të shkruhet duke marrë parasysh të gjitha rezolucionet kryesore të monitorit. Gjerësia maksimale e një koka të tillë duhet të jetë 1920 piksel. Për të futur një kokë të tillë, përdorni kodin CSS: #header {background: # a6b7d3 url (img / header-2.jpg) qendra pa përsëritje; lartësia: 250px;} Kodi HTML në këtë rast është i ngjashëm me atë të mëparshëm. Kodi CSS është ndryshuar në disa parametra - tani ai ka një atribut për përqendrimin e imazhit të kokës, i cili lejon që ajo të përshtatet në sfond në çdo gjerësi të ekranit.
Hapi 3
Ju gjithashtu mund të krijoni një kokë më komplekse, të prerë në disa blloqe sfondi, të cilat do të ndryshojnë pozicionin e tyre në varësi të madhësisë së portës së shikimit. CSS për një titull të tillë është më kompleks dhe i gjerë, dhe përfshin përsëritjen e disa elementeve të sfondit në përputhje me dimensionet lundruese të dritares së shfletuesit në të cilën mund të shikohet faqja juaj.
