„Nagłówek” lub górna część strony internetowej sprawia, że Twoja witryna jest wyjątkowa, wyróżnia się na tle innych i odzwierciedla specyfikę Twojego projektu internetowego. Za pomocą oryginalnego i dobrze wykonanego nagłówka możesz udekorować i dopracować dowolną stronę internetową, a aby samemu stworzyć nagłówek, musisz nauczyć się układać ten element sieciowy.
Instrukcje
Krok 1
Jeśli chcesz, aby Twoja witryna miała statyczne, stałe wymiary, musisz utworzyć statyczny nagłówek, który nie zmienia się w zależności od zmiany szerokości ekranu. Określ szerokość i wysokość nagłówka (na przykład 996x230) i wstaw obraz tła do górnego bloku za pomocą następującego kodu CSS, gdzie header-1.jpg
tło: # a6b7d3 url (img/header-1.jpg) bez powtórzeń;
szerokość: 996px;
wysokość: 230px;
} Kod HTML dla nagłówka tego typu będzie wyglądał tak:
Krok 2
Jeżeli witryna jest zbudowana w taki sposób, że jej wymiary są dopasowane do szerokości ekranu, nagłówek należy skomponować z uwzględnieniem wszystkich głównych rozdzielczości monitora. Maksymalna szerokość takiego nagłówka powinna wynosić 1920 pikseli. Aby wstawić taki nagłówek użyj kodu CSS: #header {background: # a6b7d3 url (img/header-2.jpg) no-repeat center; wysokość: 250px;} Kod HTML w tym przypadku jest podobny do poprzedniego. Zmieniono kod CSS w niektórych parametrach - teraz posiada atrybut centrowania obrazu nagłówka, co pozwala na dopasowanie tła do dowolnej szerokości ekranu.
Krok 3
Możesz także stworzyć bardziej złożony nagłówek, pocięty na kilka bloków tła, które zmienią swoje położenie w zależności od rozmiaru rzutni. CSS takiego nagłówka jest bardziej złożony i obszerny i polega na powtórzeniu kilku elementów tła zgodnie z pływającymi wymiarami okna przeglądarki, w którym można wyświetlić Twoją witrynę.
