.E14.II.1- CSS - składnia, element, id.

Submitted by admin@ on Wed, 03/01/2017 - 18:44
E14.II.1 Cwiczenia informatyczne

Opis:

Ćwiczenia związane z formatowaniem dokumentu HTML przy użyciu technologii CSS, definiowanie elementów, definiowanie elementu za pomocą id. Praca w serwisie www.w3schools.com praca z programem BlueGriffon lub dowolnym edytorem używającym kolorowanie składni, środowisko pracy serwer 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.
 


Każdy zrzut musi być opatrzony dwoma punktami autoryzacji. 1. Widoczna data systemowa 2. Widok okna przeglądarki (około 5%-10% zrzutu dopasuj okno do inicjałów) zalogowania w dowolnym serwisie gdzie będzie widoczne Twoje imię nazwisko (Gmail, Facebook, Allegro, serwis e-learning)


Kolejność zrzutów.

1:48 Zrzut 1. Definicje działania paragrafu jak na filmie:
- koloru czerwonego w sekcji style
- wyśrodkowanego tekstu w sekcji style
w edytorze na portalu w3schools.com

2:05 Zrzut 2. Definicje (pokaż pełny kod) paragrafu jak na filmie: - koloru zielonego w sekcji style,
- wyrównanie tekstu do prawej w sekcji style,
w edytorze na portalu w3schools.com.

3:21 Zrzut 3. Definicje paragrafu poprzez id=akapit1 jak na filmie:
- koloru czerwonego w sekcji style
- wyśrodkowanego tekstu w sekcji style
w edytorze na portalu w3schools.com.

3:37 Zrzut 4. Definicje nowego paragrafu poprzez id=akapit2 jak na filmie:
- wyrównanie tekstu do prawej w sekcji style,
- koloru niebieskiego w sekcji style,
w edytorze na portalu w3schools.com.

4:32 Zrzut 5. Widok programu BlueGriffon pierwsze uruchomienie programu.

7:05 Zrzut 6. Definicje (pokaż pełny kod) paragrafów jak na filmie:
- paragraf kolor zielony,
- paragraf z id=akapit1 kolor niebieski
w edytorze np.: BlueGriffon.

7:55 Zrzut 7. Efekt końcowy widoczny pod adresem http://localhost/e14/II/1/

8. Zawartość pliku (nie może być to zrzut ekranu) index.html umieszczonego w katalogu xampp\htdocs\14\II\1\

Klucz oceniania:
75% za zrzuty 1 do 7
- 10-50% za brak w zrzutach
- 25% za brak opisów
25% za pełny kod programów z punku 8

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