css.-cwiczenia pełna wersja, moje ebooki
[ Pobierz całość w formacie PDF ]
CSS. Ěwiczenia
Autor: Maria SokĀ
ISBN: 83-246-1097-9
Format: A5, stron: 152
PrzykĀady na ftp: 797 kB
Usprawnij proces projektowania stron WWW
¤
Jak osadzaě style w dokumentach XHTML?
¤
W jaki sposb formatowaě tekst, tabele i ĀĴcza?
¤
Jak pozycjonowaě elementy strony WWW?
UŃytkownicy sieci przeglĴdajĴ witryny WWW nie tylko na monitorach komputerowych.
Czķsto takŃe strony internetowe wyľwietlane sĴ na telefonach komrkowych,
urzĴdzeniach PDA i terminalach Blackberry. Programy uĀatwiajĴce osobom
niepeĀnosprawnym korzystanie z sieci odczytujĴ treľci witryn WWW za pomocĴ
syntezatorw mowy. Jednak aby witryna WWW dziaĀaĀa prawidĀowo w poĀĴczeniu
z rŃnymi urzĴdzeniami wyľwietlajĴcymi jĴ, niezbķdne jest zaprojektowanie jej tak,
aby elementy odpowiedzialne za jej wyglĴd byĀy odseparowane od treľci. W tym celu
konsorcjum W3C zaproponowaĀo w roku 1996 technologiķ kaskadowych arkuszy
stylw Ï CSS. Dziķki stylom projektanci witryn mogĴ zdefiniowaě kolorystykķ,
liternictwo i inne aspekty wyglĴdu strony niezaleŃnie od jej treľci.
KsiĴŃka
â
CSS. Ěwiczenia
Ò
to wprowadzenie do technologii kaskadowych arkuszy
stylw. CzytajĴc jĴ i wykonujĴc zawarte w niej ěwiczenia nauczysz siķ korzystaě
ze stylw w projektach witryn WWW. Poznasz sposoby ĀĴczenia opisw stylw
z dokumentami XHTML, zasady definiowania stylw dla tekstu i grafiki, jednostki miar
stosowane w stylach i metody pozycjonowania elementw na stronie. Dowiesz siķ,
jak okreľliě krj i rozmiar czcionki, wyrŃniě hiperĀĴcza, sformatowaě tabele i listy
oraz przygotowaě ukĀad strony WWW oparty na warstwach.
¤
NajwaŃniejsze atrybuty dokumentw XHTML
¤
Rodzaje stylw CSS
¤
Jednostki miary i kolory w stylach
¤
Formatowanie tekstu
¤
Pozycjonowanie elementw strony
¤
Definiowanie wyglĴdu hiperĀĴczy
¤
Projektowanie ukĀadu strony w oparciu o style CSS
DoĀĴcz do grona profesjonalistw stosujĴcych w pracy najnowsze technologie
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Spis treści
Rozdział 1.
XHTML a CSS
5
Kod XHTML
5
Znaczniki
6
Podstawowe wymagania dotyczące kodu XHTML
7
Atrybut id
11
Atrybut lang
11
Obowiązkowe elementy XHTML
12
Przykładowy dokument XHTML
12
Kodowanie polskich znaków diakrytycznych
15
Wyświetlanie strony w przeglądarce
19
Rozdział 2.
Kaskadowe arkusze stylów — podstawowe definicje
i zasady
21
Zasady ogólne
22
Typy kaskadowych arkuszy stylów
23
Grupowanie kodu
31
Klasy stylu
32
Zewnętrzny arkusz stylów zawierający klasy
37
Rozdział 3.
Skalowalność arkusza stylów
43
Jednostki miar CSS
43
Jednostka em
45
Skalowanie obszaru
46
Skalowanie wcięć
48
Skalowanie obrazów
48
4
CSS• Ćwiczenia
Rozdział 4.
Kolory
53
Atrybuty definiujące kolor
55
Rozdział 5.
Tekst
61
Atrybuty stylu odnoszące się do czcionki
61
Rozmieszczanie tekstu w pionie i w poziomie
69
Marginesy i wcięcia
77
Marginesy wewnętrzne — padding
82
Formatowanie fragmentów tekstu
84
Trójkolumnowa strona WWW utworzona
za pomocą formatowania CSS
92
Rozdział 6.
Model pudełkowy
97
Obramowania
99
Style pudełek
102
Pozycjonowanie
107
Warstwy
121
Przepełnienie
126
Obrazy
129
Rozdział 7.
Odnośniki
133
Zmiana wyglądu odnośników
134
Dodatek A
Znaczniki i elementy
143
Dodatek B
Oznaczenia i kody kolorów
151
2
Kaskadowe arkusze stylów
— podstawowe
definicje i zasady
Kaskadowe arkusze stylów (ang.
Cascading Style Sheets
—
CSS
),
zalecana przez W3C metoda stosowania stylów, to narzędzie,
które pozwoli Ci zapanować nad układem stron i serwisów
WWW. Bez arkuszy CSS nie ma nowoczesnych stron WWW. Nie tylko
jednak o standardy tu chodzi — kaskadowe arkusze stylów to także
ogromna oszczędność czasu, o czym bez wątpienia przekonasz się,
wprowadzając w kodzie swoich stron różne poprawki.
Dlaczego kaskadowe arkusze stylu nazywają się „kaskadowymi”?
Wynika to ze sposobu ich działania; prawie każdy element podrzędny
(a więc na przykład element
<span>
zawarty wewnątrz elementu
<p>
)
dziedziczy atrybuty stylu elementu nadrzędnego, a wybrane z nich
może samodzielnie nadpisywać. W efekcie powstaje swoista kaskada
definicji stylu, której wyższe stopnie narzucają wygląd stopniom niż-
szym, a te z kolei mogą anulować wybrane elementy definicji i zastą-
pić je własnymi, które z kolei spróbują narzucić własnym elementom
podrzędnym.
W przypadku występowania różnych arkuszy stylów na jednej stronie
stopień ich ważności rośnie w następującej kolejności:
22
CSS• Ćwiczenia
1.
Domyślne ustawienia przeglądarki.
2.
Zewnętrzny arkusz stylów.
3.
Osadzony arkusz stylów (umieszczony między znacznikami
<head> </head>
).
4.
Styl wpisany (dotyczący konkretnego elementu HTML).
Arkusze CSS są obsługiwane — w mniej lub bardziej zgodny ze stan-
dardem sposób — przez wszystkie nowoczesne, graficzne przeglądarki
WWW (Internet Explorer, Opera oraz Mozilla Firefox), przy czym za
implementację wzorcową można uważać przeglądarkę Firefox.
Zasady ogólne
1.
Twórz uniwersalne arkusze stylów
— tak aby można było z nich
korzystać w różnych dokumentach.
2.
Pamiętaj o skalowalności dokumentów
— ponieważ dokumenty
będą wyświetlane w dynamicznych środowiskach i na różnym
sprzęcie, szczególnie istotne jest wybranie odpowiednich
jednostek miary — jednostki względne powinny mieć przewagę
nad absolutnymi (dotyczy to na przykład szerokości marginesów,
wielkości czcionki itp.). Więcej informacji na ten temat
znajdziesz w rozdziale 3.
3.
Licz się z czytelnikiem
— niektórzy czytelnicy będą korzystali
z własnych ustawień. Twoje arkusze stylów powinny to brać
pod uwagę. W jaki sposób? Odpowiednie definicje stylów powinny
być umieszczane we właściwych miejscach. Na przykład te,
które są stosowane do całego dokumentu, umieszczaj w sekcji
<body>
— i tylko tam. W ten sposób czytelnik bez trudu
wprowadzi odpowiednie zmiany.
4.
Testuj arkusze stylów
— testuj je w kilku przeglądarkach,
aby nie sprawić swoim czytelnikom niemiłej niespodzianki.
Jeśli korzystasz z właściwości CSS, która nie jest obsługiwana
powszechnie, upewnij się, że strona wygląda względnie
poprawnie nawet w mniej zaawansowanych przeglądarkach.
[ Pobierz całość w formacie PDF ]