Tło w kodzie źródłowym stron internetowych, w zależności od użytego projektu, można ustawić albo określając kolor, albo łącząc się z plikiem graficznym z dodaniem jego parametrów pozycjonowania. Można to zrobić bezpośrednio w znacznikach HTML, w osobnym bloku CSS w części nagłówkowej źródła lub w osobnym pliku z opisami stylów.
Instrukcje
Krok 1
Otwórz kod źródłowy bloku, który jest używany w Twojej witrynie, aby ustawić tło jej stron. W przypadku korzystania z dowolnego systemu sterowania blok ten z reguły jest przydzielany w osobnym pliku. Sam system sterowania posiada narzędzia do jego edycji bezpośrednio w przeglądarce. W zależności od konkretnego systemu, tę procedurę można zorganizować na różne sposoby – na przykład poprzez edytor stron. Jeśli nie korzystasz z systemów sterowania, odpowiedni plik należy pobrać na komputer i otworzyć w dowolnym edytorze. Lepiej skorzystać ze specjalistycznego edytora HTML, ale można też użyć najprostszego Notatnika.
Krok 2
Dodaj atrybut bgcolor do tagu body, wskazując odcień koloru, jeśli tło strony ma być kolorem, a nie obrazem. Na przykład:
Oto ciemnopomarańczowy kolor jako tło. Nie każda tekstowa („mnemoniczna”) nazwa odcienia może być rozpoznana przez przeglądarkę, dlatego lepiej jest używać szesnastkowego kodu koloru. Na przykład kod FF8C00 odpowiada ciemnopomarańczowemu kolorowi:
Krok 3
Użyj atrybutu background zamiast bgcolor w tagu body, jeśli tło ma być ustawione przez obraz, a nie kolor. Na przykład, jeśli plik z obrazem tła nazywa się bgPic
Krok 4
Umieść opis stylu w nagłówku kodu źródłowego, jeśli chcesz ustawić tło strony za pomocą CSS. Na przykład opis stylu CSS, który zastępuje ciemnopomarańczowy kolor określony w tagu body jako tło, może wyglądać tak:
body {kolor-tła: DarkOrange;}
Możesz ustawić obraz tła z następującym opisem stylu:
body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}
Tutaj oprócz linku do obrazu wskazany jest również kolor tła (# FF8C00) - jeśli na stronie znajdują się miejsca, których nie zasłania obraz tła, to zostaną one pomalowane w określonym tutaj odcieniu koloru. Parametr repeat-y określa pionowe powtórzenie obrazu tła (wzdłuż osi Y). Jeśli chcesz powtórzyć obraz w poziomie, powinieneś użyć wartości repeat-x, a zabronić powtarzania wzoru - bez powtórzeń. Możesz umieścić opisy stylów przed tagiem zamykającym nagłówek kodu HTML.
Krok 5
Zapisz zmiany wprowadzone w edytorze stron lub zapisz i prześlij pobrany plik z powrotem na serwer, jeśli kod był edytowany w pliku na Twoim komputerze.
