.E14.II.3 CSS - Kolory.

Submitted by admin@ on Mon, 04/24/2017 - 18:22
Kolory-CSS

 

Opis:
Ćwiczenia związane z tworzeniem stylu dokumentu HTML przy użyciu technologii CSS w pliku style.css, definiowanie kolorów za pomocą, nazwy koloru, RGB, HEX. Praca w serwisie www.w3schools.com praca z programem np. BlueGriffon, środowisko pracy serwer XAMPP www apache, przeglądarka.


Oprogramowanie:
Dowolny system operacyjny pracujący w trybie graficznym z obsługą przeglądarki www.Dowolny edytor programowania kolorujący składnię języków HTML i CSS. Proponowany edytor działający w technologii WYSIWYG - BlueGriffon http://bluegriffon.org/ oraz https://www.w3schools.com/

Do oddania prowadzącemu:
Dokument przygotuj w dowolnym edytorze (Twoja wersja) w formacie PDF (wersja prowadzącego) o nazwie inicjały_nrwdzienniku.pdf (np. wh_06.pdf).

Każdy zrzut ma być opisany patrz kolejność zrzutów. Na końcu dokumentu wklej zawartość wytworzonych plików w trakcie ćwiczenia - sprawdzający będzie miał możliwość zweryfikowania czy kod ze zrzutów pochodzi z Twojej pracy.



Kolejność zrzutów.

02:24 Zrzut 1 Definiowanie kolorów (background-color) tła w edytorze.

03:07 Zrzut 2 Definiowanie kolorów RGB w edytorze.

03:39 Zrzut 3 Definiowanie kolorów HEX w edytorze.

04:50 Zrzut 4 Utworzenie pliku style.css w edytorze (np. Bluegriffon).

05:40 Zrzut 5 Utworzenie pliku index.html w edytorze (np. Bluegriffon)

07:00 Zrzut 6 Wykonanie szkieletu strony:
W znaczniku <h2> </h2> tematy nagłówków


07:31 Zrzut 7 Zastosowanie koloru ”red” po jego nazwie w stylu dla tego elementu poprzez osadzenie stylu dla akapitu <p></p>

08:24 Zrzut 8 Zastosowanie koloru ”red” : stylu dla tego wyłącznie poprzez jego ID : ”nazwa_zielony” dla akapitu <p></p>

10:30 Zrzut 9 Zastosowanie koloru czerwonego w zapisie RGB (255,0,0) definicja poprzez osadzenie stylu bezpośrednio w pliku w akapicie <p></p> .

11:59 Zrzut 10 Zastosowanie koloru czerwonego w zapisie RGB (255,0,0) definicja poprzez osadzenie stylu bezpośrednio w pliku style.css dla akapitu <p></p> poprzez jego ID : ”rgb_kolor”

12:21 Zrzut 11 Zastosowanie kolorów HEX: #ff0001; oraz z id:”hex-kolor”:#008001; widocznych w Trybie graficznym edytora (np. Bluegriffon).

13:03 Zrzut 12 Kod źródłowy pliku index.html „Przykłady kolorowych rozwiązań.” z widocznym kolorowaniem akapitu przez osadzenie stylu.

13:16 Zrzut 13 Kod źródłowy pliku style.css z widocznymi id o nazwie #nazwa_zielony, #rgb_color, #hex-kolor.

13:21 Zrzut 14 Wygląd strony „Przykłady kolorowych rozwiązań.” w dowolnej przeglądarce.

15. Zawartość pliku index.html

16. Zawartość pliku style.css

 

Klucz oceniania:
75% za zrzuty 1 do 14
- 10-50% za brak w zrzutach
- 25% za brak opisów
25% za pełny kod programów z punków 14 i 15

Skala oceny:
100% - 75% - 5 i więcej
74% - 50% - 4
49% - 25% - 3
24% - 1% -2
0% - 1