Jak Zrobić Gumową Czapkę

Spisu treści:

Jak Zrobić Gumową Czapkę
Jak Zrobić Gumową Czapkę

Wideo: Jak Zrobić Gumową Czapkę

Wideo: Jak Zrobić Gumową Czapkę
Wideo: KONSTRUKCJA CZAPKI ORAZ JEJ ODSZYCIE 2024, Listopad
Anonim

Górna część witryny, zwana także nagłówkiem, zazwyczaj odzwierciedla temat zasobu i może zawierać pasek nawigacyjny. Jeśli nagłówek witryny ma określoną szerokość, to na ekranach użytkowników o różnych rozdzielczościach ta część witryny będzie wyglądać inaczej. Aby nagłówek strony wyglądał tak samo na dowolnym ekranie, konieczne jest rozciąganie lub zmniejszanie niektórych jego sekcji w zależności od rozmiaru ekranu. Taką gumową nakładkę można wykonać bez ustalania jej szerokości w pikselach.

Jak zrobić gumową czapkę
Jak zrobić gumową czapkę

Niezbędny

mieć własną stronę internetową

Instrukcje

Krok 1

Aby zrobić gumową czapkę, najpierw narysuj ją w Photoshopie. Następnie oddziel 3 części obrazka: 2 boki i środek. Te kawałki powinny mieć około 10-20 pikseli szerokości i taką samą wysokość nagłówka, jaką chcesz. Zapisz każdy element, aby mieć 3 różne pliki: 1.gif, 2.gif, 3.gif. Prześlij te obrazy do serwisu.

Krok 2

Następnie utwórz tabelę, w której będą przechowywane elementy u góry witryny. Aby to zrobić, napisz w kodzie HTML:

Tabela o szerokości 100% rozciągnie się lub skurczy w zależności od rozmiaru ekranu użytkownika.

Krok 3

Zrób linię w tabeli, w komórce której umieść lewą stronę nagłówka strony 1.gif:

Krok 4

Utwórz środkową sekcję nagłówka witryny składającą się z powtarzającego się obrazu 2.gif. Aby to zrobić, napisz w swoim kodzie CSS:

.header {obraz-w tle: url ('obrazy / 2.gif');}

Krok 5

Teraz w rzędzie tabeli utwórz kolejną komórkę i umieść w niej środkowy element górnej części witryny, wskazując na jej nagłówek nazwy w kodzie CSS:

Nazwa strony

>

Krok 6

Po utworzeniu trzeciej komórki w wierszu tabeli umieść prawą stronę nagłówka witryny 3

Nazwa strony

Zalecana: