Szkielet dokumentu#

Tło obrazkowe#

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<body background="adres obrazka lub ścieżka dostępu">...</body>

lub:

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<body background="adres obrazka lub ścieżka dostępu" bgproperties="fixed">...</body>

Polecenia pozwalają zastosować dowolny plik graficzny jako tło strony. W drugim przypadku dodatkowo uzyskamy efekt znaku wodnego - gdy przewijamy zawartość okna suwakami, tło nie przesuwa się razem z tekstem.

Obecnie atrybut BACKGROUND jest zdeprecjonowany przez specyfikację HTML 4.01 - zaleca się stosowanie stylów.

Atrybut BGPROPERTIES nie wchodzi w skład specyfikacji HTML 4.01. Jest on rozszerzeniem interpretowanym tylko i wyłącznie przez przeglądarki: Internet Explorer, Opera, Chrome - zaleca się stosowanie stylów.

Pamiętaj , że obrazki o dużych rozmiarach mogą znacząco spowalniać wczytywanie strony. Dlatego staraj się używać pliki tylko w odpowiednim formacie *.jpg (dla zdjęć wielokolorowych), *.gif (dla rysunków) lub nowocześniejszy *.png. Są to formaty skompresowane, zajmujące dużo mniej miejsca niż zwykłe mapy bitowe *.bmp. Stosowanie bitmap jako teł stron jest dużym błędem.

Zauważ, że nie ma potrzeby stosowania obrazka tła o rozmiarze takim jak strona, ponieważ jego kopie są ustawiane obok siebie tak, że zajmują cały obszar strony. Dlatego wystarczy wyciąć niewielki powtarzający się wzór, który zostanie następnie powielony przez przeglądarkę.

Równocześnie z atrybutem background="..." należy zadeklarować odpowiedni kolor tła strony. W takim przypadku, jeśli obrazek będzie niedostępny lub użytkownik wyłączy wyświetlanie obrazów, tło przyjmie podany kolor. Ponadto jeżeli obrazek posiada przezroczystość (np. format *.gif, *.png), zostanie ona zastąpiona podanym kolorem. Nie zapominaj także o deklaracji koloru tekstu strony.

Przykładowa (przestarzała) deklaracja tła obrazkowego w dokumencie:

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<body background="image/tlo.png" bgcolor="gray">...</body>

Przykładowa (aktualna) deklaracja tła obrazkowego w dokumencie:

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<body style="background-color: yellow, background-image: url(slonce.gif);">...</body>

Dla lepszego zobrazowania sposobów ustalania tła obrazkowego strony, proponuję zapoznać się z poniższymi przykładami:

Pasek społecznościowy

SPIS TREŚCI AKTUALNEJ STRONY

Szkielet dokumentu (H1) Tło obrazkowe (H2)