Lekcja informatyki – kolor
Wrzesień 6, 2010 przez admin · 3 komentarzy
Na swojej stronie WWW możesz używać kolorów – zarówno tekstu, jak i tła i tabelek. Osobiście uważam, że najlepsze tło to BIAŁE tło, a kolor tekstu to SZARY lub CZARNY. Takie zestawienie gwarantuje najlepszą czytelność i przejrzystość. Istnieją jednak kody HTML , które potrafią dowolnie definiować kolory i są przydatne w tworzeniu stron internetowych i innych dokumentów. Pamiętajmy jednak, że bez względu na gust webmastera, należy pamiętać o zasadzie: ” jasne tło = ciemny tekst – i odwrotnie – ciemne tło – jasny tekst ” . Spójrzmy na przykłady poniżej. Sam przekonaj się, które zestawienie jest najlepsze i najbardziej czytelne.
Czarny tekst na białym tle |
Biały tekst na czarnym tle |
Zółty tekst na brązowym tle |
Biały tekst na żółtym tle |
Różowy tekst na czerwonym tle |
Nie muszę chyba tłumaczyć, dlaczego nie należy stosować tego samego koloru czcionki i tła 
Kolor tekstu
Język HTML definiuje kolory podstawowe tekstu w następujący sposób:
- Brak kodu oznacza domyślny kolor czarny
- KOD: <font color=”kolor“>twój tekst w kolorze</font>
W miejscu kolor możesz wpisać angielskie odpowiedniki podstawowych kolorów.
Red – czerwony
Green – zielony
Blue – niebieski
Gray – szary
Yelow – żółty
White – biały
Przykładowy kod:
<font color=”red”>To zdanie ma kolor czerwony</font>
<font color=”blue”>Ten tekst jest niebieski</font>
i jego efekt w przeglądarce
=====================
To zdanie ma kolor czerwony
Ten tekst jest niebieski
=====================
Więcej o kolorach możecie się dowiedzieć odwiedzając serwis WIKIPEDIA, gdzie szczegółowo opisano to zagadnienie. Jako ciekawostkę podam tylko fakt, że system popularny internetowy system klasyfikacji kolorów RGB może zdefiniować i zapisać ……. 16,777,216 różnych kolorów. Nam chwilowo aż tyle nie trzeba 
KLIKNIJ ABY PRZEJŚĆ do WIKIPEDII >>
Kolor tła
Aby uzyskać inny od domyślnego białego, kolor tła dokumentu zastosujemy polecenie
<body bgcolor=”kolor”>…</body>
Przykładowy kod:
<body bgcolor=”kolor”>cały Twój dokument</body>
W miejscu kolor możesz wpisać omawiane już wyżej angielskie odpowiedniki podstawowych kolorów lub skorzystać np. z wikipedii i określić dowolny kolor. Pamiętaj,że pierwszy człon polecenia <body bgcolor=”?kolor?”> powinien znajdować się na początku twojego kodu HTML strony WWW, a drugi fragment tego kodu </body> na samym końcu naszego dokumentu.
Zadanie
Utwórz w notatniku plik HTML z dowolnym zdaniem białą czcionką na czarnym tle.
Rozwiązanie – kod HTML
<body bgcolor=”black”> początek kodu koloru tła
<font color=”white”>Jestem białym zdaniem na czarnym tle</font> Zdanie z kodem białej czcionki
</body> koniec kodu tła
CIEKAWOSTKA : Już po raz drugi zauważamy, że jeden kod występuje w drugim (poprzednio na lekcji “obrazek jako odnośnik“). To właśnie struktura języka HTML!
About admin
Czy to nie jest za trudne do szkoły podstawowej ?
Koloru nie wprowadzam na lekcjach, ale uczniowie pytają, więc dla chętnych dla kółku robimy “eksperymenty”
Potem w domu młodzież powtarza ćwiczenie razem z w/w artykułem. Ale z pewnością to tylko dla “13 letnich zapaleńców”, których mam coraz więcej. I do niczego nie trzeba ich namawiać – garną się do tej wiedzy – ku mojej radości i dumie !