Jak Zrobić Obraz Tła Na Stronie Internetowej

Spisu treści:

Jak Zrobić Obraz Tła Na Stronie Internetowej
Jak Zrobić Obraz Tła Na Stronie Internetowej

Wideo: Jak Zrobić Obraz Tła Na Stronie Internetowej

Wideo: Jak Zrobić Obraz Tła Na Stronie Internetowej
Wideo: Kurs html #11 Tło na stronę 2024, Może
Anonim

Podstaw budowania witryn można nauczyć się samodzielnie, w Internecie i książkach jest wystarczająco dużo informacji na ten temat. Jednak na początkowym etapie często pojawiają się trudności w korzystaniu z jednego lub drugiego tagu. Rzeczywiście, najczęstsze komponenty są najlepiej zapamiętywane, ponieważ są niezbędne podczas pisania dowolnej strony internetowej.

Jak zrobić obraz tła na stronie internetowej
Jak zrobić obraz tła na stronie internetowej

Instrukcje

Krok 1

Wybierz obraz, którego chcesz użyć jako obrazu tła. Jeśli zamierzasz wstawić tekst nad ilustracją, w tym przypadku wskazane jest ograniczenie się do opcji bez nadmiernej różnorodności, w których stosuje się kilka kolorów o zbliżonym charakterze. W zasadzie, aby wyeliminować wsady, można stworzyć „tło” dla treści – a problem zostanie pomyślnie rozwiązany.

Krok 2

Popraw obraz za pomocą programu Adobe Photoshop. Po zakończeniu wybierz polecenie Zapisz dla Internetu z menu Plik i wybierz żądany folder. Jeśli jest to pierwszy obraz, który ma być użyty w witrynie, automatycznie tworzony jest folder „Obrazy”.

Krok 3

W tagu wpisz atrybut background = „ścieżka do obrazu”. Przykład zapisu: lub. Pamiętaj jednocześnie, że tag powinien pojawić się w kodzie tylko raz, nie należy go mnożyć.

Krok 4

Zapisz zmiany w notatniku, kliknij przycisk „Odśwież” w przeglądarce. Na ekranie pojawi się tapeta. Jeżeli wymiary obrazu są mniejsze niż parametry strony internetowej, to obraz zostanie zduplikowany tyle razy, ile będzie to konieczne, aby wypełnić całą przestrzeń. Istnieją dwa sposoby na skorygowanie tego niedoboru:

• w programie Adobe Photoshop ustawić wymagane parametry obrazu w pikselach („Obraz” - „Rozmiar obrazu”);

• ustaw wymagane wymiary w kodzie html.

Na przykład, jeśli szerokość to 1250 px, a wysokość to 650 px, musisz dodać niezbędne atrybuty dla komórki tabeli, w której zostanie umieszczony obraz.

Nie możesz ustawić rozmiaru w tagu - obraz zawsze będzie wyświetlany w pełnym rozmiarze.

Krok 5

Analog ccs do wstawiania obrazu tła:

zdjęcie w tle

CIAŁO {

obraz w tle: url (obrazy / bg.jpg);

}

Atrybut „background-image: url (images / bg.jpg)” to ścieżka do obrazu tła.

Zalecana: