©2005 Włodzimierz Gajda, http://www.gajdaw.pl
W ćwiczeniach od 1 do 3 należy przygotować zarówno kod HTML jak i kod CSS. Natomiast ćwiczenia od 4 do 11 polegają wyłącznie na przygotowaniu stylów. Surowy kod HTML (tj. pozbawiony stylów ale zawierający wszelkie konieczne atrybuty class oraz id) ćwiczeń 4 - 10 znajduje sie w spakowanych archiwach zawartych w kolumnie "Dane".
Ćwiczenia 9, 10 oraz 11 przedstawiają zalety stosowania stylów zawnętrznych. Modyfikując jeden plik .css, zmieniamy wygląd wielu stron (w przypadku witryny z piosenkami The Beatles ponad stu!).
| lp. | Przykład | Dane | Rozwiązanie | Podgląd |
|---|---|---|---|---|
| 1. | Style wewnętrzne | - | 1.zip | Style wewnętrzne |
| 2. | Style zewnętrzne | - | 2.zip | Style zewnętrzne |
| 3. | Atrybut style | - | 3.zip | Atrybut style |
| 4. | Akapit P klasy srodek | 4-dane.zip | 4.zip | Akapit P klasy srodek |
| 5. | Akapit o identyfikatorze gwiazdki | 5-dane.zip | 5.zip | Akapit o identyfikatorze gwiazdki |
| 6. | Wiele akapitów klasy opis | 6-dane.zip | 6.zip | Wiele akapitów klasy opis |
| 7. | Akapity klas wstep i autor | 7-dane.zip | 7.zip | Akapity klas wstep i autor |
| 8. | Artykuł zawierający elementy SPAN różnych klas | 8-dane.zip | 8.zip | Artykuł zawierający elementy SPAN różnych klas |
| 9. | Piosenki The Beatles | 9-dane.zip | 9.zip | Piosenki The Beatles |
| 10. | Kraina Oz: książki L. F. Bauma | 10-dane.zip | 10.zip | Kraina Oz: książki L. F. Bauma |
| 11. | Książki J. Verne'a | 11-dane.zip | 11.zip | Książki J. Verne'a |
Tabela 7. Zestawienie przykładów omówionych w artykule.