Do czego służą polecenia META
Jak zmienić kolor tekstu i tła strony
W jaki sposób wstawić obrazek w tle (tapeta)
Znaczniki BODY oraz META określają pewne informacje na temat strony, jako całości. Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. Podając dodatkowe atrybuty dla znacznika BODY, można określić niektóre cechy wyglądu całej strony, takie jak kolor tła oraz tekstu lub szerokość marginesów. W jednym dokumencie może się znajdować tylko jeden znacznik BODY - zaraz po nagłówku strony (HEAD).
Natomiast znacznik META stanowi tzw. metainformację, pozwalającą określić pewne ogólne wiadomości, dotyczące dokumentu, m.in. sposób kodowania znaków, opis zawartości strony, jej autora czy język, w którym została napisana. Metainformacje nie wpływają bezpośrednio na wygląd dokumentu, lecz cechy, które podają, są równie ważne. Chociaż nie są one wymagane, warto je stosować, ponieważ może to np. pomóc w odszukaniu strony przez wyszukiwarki sieciowe. Każdy dokument powinien zawierać obowiązkowo przynajmniej deklarację strony kodowej, bez której polskie litery na stronie mogą zostać błędnie wyświetlone! W pojedynczym dokumencie znajduje się zwykle kilka znaczników META - każdy dotyczy innej wiadomości - wszystkie muszą znajdować się wewnątrz nagłówka strony (HEAD).
Druga część tutorialu:
KOLOR TEKSTU STRONY
<BODY TEXT="kolor">...</BODY>
gdzie "kolor" oznacza definicję koloru. Stosuje się ang. słowa kolorów np. red.
Polecenie pozwala określić kolor tekstu na Twojej stronie internetowej (domyślnie jest to czarny). Staraj się używać barw, które będą się dobrze wyróżniały na kolorze tła.
Edytory HTML posiadają często specjalny selektor kolorów, za pomocą, którego można w prosty sposób wybrać barwę o dowolnym odcieniu.
Równocześnie z kolorem tekstu strony powinniśmy koniecznie określić odpowiedni kolor tła, nawet, jeśli odpowiada nam domyślny. Pamiętaj, że użytkownik może zmienić domyślny kolor tła w swoim systemie operacyjnym, a wtedy istnieje prawdopodobieństwo, że będzie on podobny do koloru tekstu ustalonego na Twojej stronie, co wywoła brak możliwości odczytania treści lub bardzo utrudni czytanie.
Atrybut TEXT jest zdeprecjonowany przez specyfikację HTML 4.01 - Zaleca się stosowanie arkusza stylów.
KOLOR TŁA STRONY
<BODY BGCOLOR="kolor">...</BODY>
Gdzie "kolor" oznacza definicję koloru .
Polecenie pozwala określić kolor tła na Twojej stronie internetowej (domyślnie jest to biały). Pamiętaj, że nie powinno się używać barw bardzo jaskrawych, jako kolory tła. Sprawiają one, że oczy szybko się męczą i dodatkowo zaciemniają treść strony. Dodatkowo należy pamiętać, aby na ustalonym kolorze tła, tekst był dobrze widoczny.
Równocześnie z kolorem tła strony powinniśmy określić odpowiedni kolor tekstu, nawet, jeśli odpowiada nam domyślny. Pamiętaj, że użytkownik może zmienić domyślny kolor tekstu w swoim systemie operacyjnym, a wtedy istnieje prawdopodobieństwo, że będzie on podobny do koloru tła ustalonego na Twojej stronie, co wywoła brak możliwości odczytania treści lub bardzo utrudni czytanie.
To samo dotyczy koloru odsyłaczy hipertekstowych.
Atrybut BGCOLOR jest zdeprecjonowany przez specyfikację HTML 4.01 - Zaleca się stosowanie arkusza stylów.
<BODY BACKGROUND="ścieżka dostępu do obrazka">...</BODY>
lub
<BODY BACKGROUND="ścieżka dostępu do obrazka" BGPROPERTIES="fixed">...</BODY>
(tło nieruchome - znak wodny - tylko Internet Explorer!)
gdzie jako "ścieżka dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się obrazek, który chcemy umieścić w tle.
Jeśli znudziły Ci się już strony o jednolitym kolorze, możesz umieścić w tle dowolny obrazek. Dzięki temu strona może wyglądać dużo lepiej. Ponadto drugie z podanych poleceń pozwala zdefiniować tło obrazkowe, które jest nieruchome, tzn. nie przesuwa się wraz z tekstem, gdy przewijamy zawartość okna (tylko Internet Explorer).
Pamiętaj jednak, że obrazki o dużych rozmiarach spowalniają wczytywanie strony. Dlatego staraj się używać pliki tylko w formacie *.jpg (dla zdjęć wielokolorowych) lub *.gif (dla rysunków). Są to formaty skompresowane, zajmujące dużo mniej miejsca niż zwykłe mapy bitowe *.bmp. Trzeba również pamiętać, aby obrazek w tle nie był zbyt jaskrawy - spowoduje to tylko zaciemnienie zawartości strony i utrudni czytanie.
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ąć mały powtarzający się wzór, który zostanie następnie powielony przez przeglądarkę.
Należy unikać stosowania w tle dużych obrazków wyciętych ze zwykłych zdjęć. Tło powinno: mieć łagodne kolory (pastelowe, blade albo całkiem ciemne, ale nie jaskrawe; szczególnie odradza się jednoczesnego stosowania barw jasnych oraz ciemnych, ponieważ uniemożliwia to dobranie odpowiednio czytelnego koloru tekstu), składać się z powtarzalnych wzorów o niezbyt wielkich rozmiarach oraz być nieco rozmyte - nieostre (można to uzyskać w dowolnym bardziej rozbudowanym programie graficznym - odpowiedni efekt nazywa się zwykle: Rozmywanie albo Blur). Dobrym pomysłem są tła imitujące strukturę jakiejś powierzchni.
Jeśli nie masz zacięcia artystycznego, nie musisz samodzielnie rysować obrazków tła. W Internecie na pewno znajdziesz wiele stron, gdzie możesz je darmowo pobrać. Często są one dostępne również w edytorach HTML (np.: FrontPage) oraz programach graficznych.
Równocześnie z atrybutem BACKGROUND często podaje się dodatkowo zwyczajny 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), zostanie ona zastąpiona podanym kolorem.
Jeśli ustalimy kolor tekstu strony (TEXT) zbliżony do domyślnego koloru tła (biały), wskazane jest podanie dodatkowo takiego koloru tła(BGCOLOR), aby tekst był na nim czytelny. Jeżeli tego nie zrobimy, a obrazek nie zostanie wyświetlony, może wystąpić sytuacja typu: "biały tekst na białym tle".
Może się to zdarzyć np. gdy obrazek w tle strony jest dość ciemny. Wtedy określa się zwykle jasny kolor tekstu, zapominając o ustaleniu równocześnie ciemnego koloru tła - jako zabezpieczenie. Dopóki obrazek jest widoczny, wszystko jest w porządku, lecz jeśli nie zostanie on wyświetlony, tło przyjmie najczęściej kolor biały, (jako domyślny) i w ten sposób otrzymamy stronę, której nie można przeczytać :-(
Atrybut BACKGROUND jest zdeprecjonowany przez specyfikację HTML 4.01 - Zaleca się stosowanie arkusza stylów.
Atrybut BGPROPERTIES nie wchodzi w skład specyfikacji HTML 4.01 - zaleca się stosowanie arkusza stylów.
Atrybut BGPROPERTIES nie wchodzi w skład specyfikacji HTML 4.01 - zaleca się stosowanie arkusza stylów (css).
Skoro to czytasz na prawdę interesuje Cię założenie własnej strony www. Mam dla Ciebie prezent zupełnie za darmo tylko kliknij tu i bierz. Powodzenia.
Brak komentarzy:
Prześlij komentarz