Jak Vyrobit Gumovou čepičku

Obsah:

Jak Vyrobit Gumovou čepičku
Jak Vyrobit Gumovou čepičku

Video: Jak Vyrobit Gumovou čepičku

Video: Jak Vyrobit Gumovou čepičku
Video: Jak Vyrobit Papírovou Čepici - Čepice z Papíru Origami Česky 2024, Smět
Anonim

Horní část webu, která se také nazývá záhlaví, obvykle odráží předmět zdroje a může obsahovat navigační lištu. Pokud má záhlaví webu určitou šířku, pak na obrazovkách uživatelů s různým rozlišením bude tato část webu vypadat jinak. Aby záhlaví webu vypadalo na jakékoli obrazovce stejně, je nutné některé jeho části roztáhnout nebo zmenšit v závislosti na velikosti obrazovky. Takovou gumovou čepičku lze vyrobit bez fixace její šířky v pixelech.

Jak vyrobit gumovou čepičku
Jak vyrobit gumovou čepičku

Nezbytné

mít svůj vlastní web

Instrukce

Krok 1

Chcete-li vytvořit gumovou čepičku, nejprve ji nakreslete ve Photoshopu. Poté oddělte 3 části obrázku: 2 strany a střed. Tyto kousky by měly mít šířku přibližně 10–20 pixelů a výšku požadované hlavičky. Každý prvek uložte, abyste měli 3 různé soubory: 1.gif, 2.gif, 3.gif. Odešlete tyto obrázky na web.

Krok 2

Dále vytvořte tabulku, která bude obsahovat prvky v horní části webu. Chcete-li to provést, napište do kódu HTML:

Tabulka se šířkou 100% se roztáhne nebo zmenší v závislosti na velikosti obrazovky uživatele.

Krok 3

Vytvořte řádek v tabulce, v buňce které umístěte levou stranu záhlaví stránky 1.gif:

Krok 4

Vytvořte střední část záhlaví webu skládající se z opakujícího se obrázku 2.gif. Chcete-li to provést, napište do svého kódu CSS následující:

.header {background-image: url ('images / 2.gif');}

Krok 5

Nyní v řádku tabulky vytvořte další buňku a umístěte do ní prostřední prvek horní části webu, ukazující na jeho záhlaví názvu v kódu CSS:

Název webu

>

Krok 6

Po vytvoření třetí buňky v řádku tabulky umístěte pravou stranu záhlaví stránky 3

Název webu

Doporučuje: