W dzisiejszych czasach wysokiej jakości witryny internetowe muszą dobrze wyglądać na różnych rozdzielczościach ekranu. Aby to zrobić, konieczne jest, aby elementy projektu strony były skalowane w szerokich granicach. Dotyczy to przede wszystkim nagłówka witryny.
Czy to jest to konieczne
możliwość zmiany znaczników stron zasobu
Instrukcje
Krok 1
Zastosowanie odpowiedniego szablonu to uniwersalne rozwiązanie, które pozwala nie tylko na rozciąganie, ale także kompresowanie nagłówka, a także innych elementów projektu. Możesz skorzystać ze standardowych szablonów udostępnianych przez darmowy hosting lub swobodnie rozpowszechnianych w Internecie. Każdy szablon wymaga rewizji i adaptacji. Wskazane jest, aby zmienić całą grafikę, aby strona była wyjątkowa. Nigdy nie używaj standardowego układu. Zostaw znacznik strony - jego "szkielet" i "mięso" - treść i elementy projektu, zastąp własnymi. Przemyślane wykorzystanie szablonów pozwala oszczędzić czas programisty, który można przeznaczyć na wypełnienie strony informacjami, czy rozszerzenie możliwości usługi.
Krok 2
Jeśli strona jest już złożona, możesz spróbować samodzielnie rozciągnąć nagłówek. Wymaga to podstawowej znajomości HTML i CSS. Jeśli nagłówek witryny jest zaprojektowany jako pojedynczy plik graficzny, możesz spróbować skompresować i rozciągnąć jego obraz w zależności od szerokości okna. Ta metoda działa dobrze, jeśli współczynnik skalowania jest mały. Jeśli przekroczy szerokość obrazu o jedną czwartą lub więcej, ucierpi jakość obrazu. Poszczególne piksele tworzące obraz staną się widoczne.
Krok 3
Aby obraz pozostał wysokiej jakości, ale jednocześnie zajmował całą przydzieloną mu przestrzeń, konieczne jest podzielenie go na osobne części. Zwykle jest to prawa strona, lewa i środek. Pożądane jest, aby obraz miał tło o stałej szerokości, dzięki któremu można było wypełnić luki powstałe między częściami nagłówka. Dwa zdjęcia, które tworzą krawędzie nagłówka, muszą być dołączone do lewej i prawej strony kontenera. Umieść centralny obraz w tagu. Ułóż pozostałą przestrzeń szerokim, jednopikselowym obrazem tła.
Krok 4
Innym łatwym sposobem jest utworzenie obrazu, który jest z natury większy niż największy ekran. Obraz jest ustawiony jako tło w środku sekcji nagłówka. Minusem jest duża „waga” obrazu, a co za tym idzie – długi czas ładowania. Połączenie powyższych metod pozwala uniknąć większości negatywnych skutków.
