Archiwa tagu: html rgb

html-10 | WebQuest – Kolor tekstu i tła w html.

Zadanie (WebQuest) do ee.09:

I. Wprowadzenie.
Aby uzyskać pożądany wygląd strony oprócz wstawiania grafik definiujemy kolor tła strony i tekstu. N
ajwiększą czytelność strony uzyskujemy stosując takie zestawianie kolorów, które nie będą się ze sobą zlewały, coś na wzór czarnego  koloru tekstu i białego tła.

II. Zadanie.
Temat:  Kolor tła, tekstu  w html.

Opis:
Na podstawie poprzedniego ćwiczenia utwórz folder 10-html oraz dodaj opis budowy znacznika.
Wyniki zapisz w pliku 10-html-Klasa-Nr.pdf

Strona ma zawierać elementy w maksymalnie zbliżonej konfiguracji działające pod adresem:
http://localhost/html/html-10/ w pliku index.html
Według wzoru: 

III. Proces.

Krok 1. Utwórz kopię katalogu 9-html  lokalizacji serwera xampp w katalogu htdocs/html  i nadaj mu nazwę 10-html.
Krok 2. W kodzie źródłowym strony dodaj wpis „Temat …” jak na  powyższym zrzucie.
Krok 3.  W kodzie źródłowym po temacie między podpisem wstaw informacje jakich operatorów możemy użyć by kolorować tekst i tło pod tekstem tak jak  na  powyższych zrzutach.
Pamiętaj, że użycie składni <w nawiasach ostrych > skutkuje wykorzystaniem tego znacznika w budowaniu strony,  rozwiązaniem tego problemu jest zastosowanie nawiasów ostrych w zapisie encji &lt; oraz &gt; 
Krok 4. Wykonaj ćwiczenie z poniższym tekstem (wstaw wpis „Ćwiczenie” i linię poziomą). Opis  ćwiczenia nie jest konieczny

Najpopularniejsze kolory zapisz w nazwie systemowej i rgb.
W paragrafie zapisz fonty w formacie <p> <font style=”color:systemowy” > kolor systemowy</font> <font style=”color:rgb” > zapis rgb </font> </p>

black #000000
silver #C0C0C0
white #FFFFFF
maroon #800000
red #FF0000
purple #800080
fuchsia #FF00FF
green #008000
lime #00FF00
olive #808000
yellow #FFFF00
navy #000080
blue #0000FF
teal #008080
aqua #00FFFF

Krok 5.  Wyświetl źródło strony  (w przypadku oddawania pracy w pliku poniżej zrzutu  wklej zwartość strony w formie tekstu)

IV. Źródła.
V. Ewaluacja.

Ocena pliku 10-html-Klasa-Nr.pdf.
Pięć poprawnie wykonanych kroków opartych  na podpisanych zrzutach wraz z punktami autoryzacji dają 100 %
Punkty ujemne:
– brak autoryzacji na zrzutach ekranu
– brak tematu zadania
– brak opisu stosowania nagłówka i indexu tekstu
– brak ćwiczenia 

– błędy w opisie składni

VI. Konkluzja

Sprawdź swoją wiedzę rozwiązując poniższy test:

Zapis HSLA to

Użycie style="background-color:white" na białym tle strony w tagu font

Domyślnym kolorem tekstu wyświetlanym w przeglądarce (bez definicji stylu)

Zapis RGB koloru #FFFFFF

RGB to zestawienie kolorów