Zajecia nr 3 – formatowanie+style
Zapoznamy się tylko z podstawowymi wiadomosciami dotyczacymi stylow (bardziej szczegolowo style omawiane będą na osobnych zajeciach).
Celem tych zajec jest porownanie (dostrzezenie zalet stosowania stylow) dokumentow html utworzonych bez uzycia i z uzyciem styli.
Cw 1. Wiadomosci wstepne:
a) budowa stylu (patrz kurs html – budowa stylu)
b) wstawianie stylu do dokumentu (dolaczanie do zewnetrznego arkusza – plik z rozszerzeniem .css)
c) zapoznac się z klasami selektorow (patrz kurs html – selektory specjalne)
Cw 2. Utworzyc plik style.html, który będzie zawieral:
trzy akapity, poprzedzone naglowkami (patrz nizej) Pierwszy akapit
To jest akapit napisany czcionka verdana, pogrubiona, wielkosci 16px, koloru czerwonego
Drugi akapit
To jest akapit napisany czcionka serif, pogrubiona, wielkosci 16px, koloru zielonego, wyrownany do prawej
Trzeci akapit
To jest akapit napisany czcionka verdana, pogrubiona, wielkosci 16px, koloru czerwonego, wycentrowany
Opis:
Naglowek „Pierwszy akapit” – <h1> czcionka „Times new roman”, rozmiar 24px, koloru niebieskiego, wycentrowany
Naglowek „Drugi akapit” – <h2> czcionka „Arial”, rozmiar 20px, koloru zoltego, wycentrowany
Naglowek „Trzeci akapit” – <h3> czcionka „Times new roman”, rozmiar 18px, koloru pomaranczowego, podkreslony, wycentrowany
Style budujemy w pliku styl.css, który nastepnie dolaczamy do pliku style.html
Cw 3. Stworzyc takie samo cv (plik cvstyl.html) jak w cw 1 zajec nr 2 z zastosowaniem styli (stworzyc plik cv.css). Porownac kody zrodlowe.
Wyciagnac wnioski.