Ako Vyrobiť Gumený Uzáver

Obsah:

Ako Vyrobiť Gumený Uzáver
Ako Vyrobiť Gumený Uzáver

Video: Ako Vyrobiť Gumený Uzáver

Video: Ako Vyrobiť Gumený Uzáver
Video: ☑️ как вырастить лимонное дерево из семян 🍋 - невероятный трюк 🌳 2024, Smieť
Anonim

Horná časť stránky, ktorá sa nazýva aj hlavička, zvyčajne odráža tému zdroja a môže obsahovať navigačnú lištu. Ak má hlavička stránky určitú šírku, potom bude na obrazovkách používateľov s rôznymi rozlíšeniami vyzerať táto časť stránky inak. Aby hlavička stránky vyzerala rovnako na ľubovoľnej obrazovke, je potrebné urobiť niektoré z jej častí natiahnutím alebo zmenšením v závislosti od veľkosti obrazovky. Takýto gumený uzáver je možné vyrobiť bez fixácie jeho šírky v pixeloch.

Ako vyrobiť gumený uzáver
Ako vyrobiť gumený uzáver

Nevyhnutné

mať svoj vlastný web

Inštrukcie

Krok 1

Ak chcete vyrobiť gumený uzáver, najskôr ho nakreslite vo Photoshope. Potom oddeľte 3 časti obrázka: 2 strany a stred. Tieto kúsky by mali mať šírku asi 10 - 20 pixelov a výšku požadovanej hlavičky. Každý prvok uložte, aby ste mali 3 rôzne súbory: 1.gif, 2.gif, 3.gif. Odošlite tieto obrázky na web.

Krok 2

Ďalej vytvorte tabuľku, ktorá bude obsahovať prvky v hornej časti stránky. Za týmto účelom napíšte HTML kód:

Tabuľka so šírkou 100% sa roztiahne alebo zmenší v závislosti od veľkosti obrazovky používateľa.

Krok 3

Vytvorte riadok v tabuľke, v bunke ktorej umiestnite ľavú stranu hlavičky stránky 1.gif:

Krok 4

Vytvorte strednú časť hlavičky webu pozostávajúcu z opakujúceho sa obrázka 2.gif. Za týmto účelom do kódu CSS napíšte toto:

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

Krok 5

Teraz v riadku tabuľky vytvorte ďalšiu bunku a vložte do nej stredný prvok v hornej časti stránky tak, aby ukazoval na jeho hlavičku v kóde CSS:

Názov stránky

>

Krok 6

Po vytvorení tretej bunky v riadku tabuľky umiestnite pravú stranu hlavičky stránky 3

Názov stránky

Odporúča: