Jak Vytvořit Gumovou Hlavičku Pro Web

Obsah:

Jak Vytvořit Gumovou Hlavičku Pro Web
Jak Vytvořit Gumovou Hlavičku Pro Web

Video: Jak Vytvořit Gumovou Hlavičku Pro Web

Video: Jak Vytvořit Gumovou Hlavičku Pro Web
Video: Hlavička a patička webu 2024, Listopad
Anonim

Při vytváření webu na internetu je jedním z nejdůležitějších bodů, které musí vývojář vzít v úvahu, jeho funkčnost, univerzálnost a výkon. Aby se web plně a správně zobrazil v libovolném prohlížeči na počítačích se širokou škálou rozlišení obrazovky, můžete vytvořit pohodlnou „gumovou“hlavičku, která se skládá z několika grafických prvků.

Jak vytvořit gumovou hlavičku pro web
Jak vytvořit gumovou hlavičku pro web

Instrukce

Krok 1

V prvním kroku vytvoření takové hlavičky pro web otevřete ve Photoshopu obrázek, který jste již připravili pro zveřejnění na webu, a poté jej rozřízněte na kousky pomocí nástroje Řez na panelu nástrojů. Vyřízněte záhlaví tak, aby byla střední část prázdná, takže skončíte se třemi grafickými prvky. To umožní, aby se záhlaví natáhlo pro jakékoli rozlišení obrazovky.

Krok 2

Po vyříznutí záhlaví jej uložte optimalizací souborů při ukládání pro webový formát (Uložit pro web). Nastavte požadovaný formát souboru pro ukládání - například gif, jpeg nebo png. Chcete-li změnit každý fragment obrázku, klikněte v nabídce na volbu Nástroj pro výběr řezu a změňte velikost obrázků tak, aby jejich velikost byla co možná nejmenší s minimální ztrátou kvality vizuálního zobrazení obrazu na obrazovce. Uložte upravené obrázky jako html a obrázky.

Krok 3

Po uložení obrázků upravte kód HTML otevřením uloženého dokumentu HTML pomocí programu Poznámkový blok. V poznámkovém bloku vymažte všechny nepotřebné řádky kódu. Ponechte pouze nezbytné řádky - údaje o tabulce, do které jsou vaše obrázky vloženy:

Krok 4

Na těchto řádcích by měla být místo yourimage

Krok 5

Aby se střední část obrazu roztahovala a šířila extrémní obrazy do stran, napište do řádků odpovídající atributy kódu. V kódu zadejte své vlastní parametry šířky a výšky.

Krok 6

Nahrajte vygenerované obrázky záhlaví do kořenového adresáře vašeho webu a poté upravte kód HTML s novými cestami k obrázkům záhlaví na serveru. Vložte kód záhlaví mezi značky.

Doporučuje: