Tworzenie_serwisow_WWW_Standardy_sieciowe_tswwws.pdf

(327 KB) Pobierz
Tworzenie serwisów WWW. Standardy sieciowe
Tworzenie serwisów WWW.
Standardy sieciowe
Autor: John Allsopp
T³umaczenie: Dagmara Suma
ISBN: 978-83-246-2657-1
Tytu³ orygina³u: Developing with Web Standards
Format: 158 × 235, stron: 480
Krajobraz nowoczesnych technologii WWW
Opanuj podstawy wiedzy o tworzeniu serwisów WWW
Poznaj zaawansowane rozwi¹zania dla profesjonalnych projektantów
Rozpracuj wspó³czesne metody i technologie, u¿ywane do tworzenia serwisów WWW
Z pewnoœci¹ znasz ksi¹¿kê Projektowanie serwisów WWW. Standardy sieciowe
Jeffreya Zeldmana. Jeœli jesteœ zagorza³ym fanem tego kultowego podrêcznika,
niew¹tpliwie zainteresuje Ciê równie¿ ten tom towarzysz¹cy. Jego autor – instruktor
oraz twórca licznych propozycji standardów sieciowych – oferuje wiedzê na temat
architektury stoj¹cej za profesjonalnymi witrynami WWW, wskazuj¹c przy tym sposoby
stosowania standardów z czysto taktycznego i praktycznego punktu widzenia.
Ksi¹¿ka ta jest przeznaczona dla ¿ó³todziobów chc¹cych nauczyæ siê budowaæ strony
WWW, a tak¿e dla doœwiadczonych twórców, szukaj¹cych g³êbszej wiedzy, pomagaj¹cej
wyjœæ poza metody i modele, które ju¿ dobrze znaj¹. Zawiera mnóstwo sztuczek
i chwytów, choæ jej podstawowym celem jest pomoc w budowaniu systematycznej
wiedzy na temat praktyki tworzenia serwisów WWW.
Poznaj:
podstawowe technologie tworzenia front-endu – HTML i XHTML, CSS i DOM;
zalecane metody tworzenia ³atwych w u¿yciu serwisów WWW;
praktykê tworzenia serwisów WWW: semantyczny uk³ad znaczników, techniki
radzenia sobie z niezgodnoœciami i b³êdami przegl¹darek, uk³ady stron oparte
na CSS oraz tematykê platform CSS;
technologie wchodz¹ce na rynek: prze³omowe narzêdzia, z których mo¿esz
ju¿ zacz¹æ korzystaæ, w tym HTML5, CSS3, czcionki WWW, SVG i Canvas.
Witryna WWW zwi¹zana z oryginalnym wydaniem ksi¹¿ki Tworzenie serwisów WWW.
Standardy sieciowe (Developing with Web Standards) jest dostêpna pod adresem
devwws.com. Znajdziesz tam wiêcej informacji i dodatków, bêdziesz te¿ móg³ osobiœcie
skontaktowaæ siê z autorem ksi¹¿ki.
John Allsopp jest wspó³za³o¿ycielem witryny westciv.com oraz twórc¹ programu Style
Master, ciesz¹cego siê wielk¹ s³aw¹ narzêdzia do tworzenia arkuszy stylów na ró¿nych
platformach. Jest równie¿ autorem wielu kursów, materia³ów szkoleniowych, narzêdzi,
instrukcji oraz artyku³ów przeznaczonych dla projektantów czy twórców serwisów
WWW, w tym bardzo wa¿nego artyku³u The Dao of Web Design, opublikowanego na
witrynie A List Apart. Pe³ni te¿ funkcjê wspó³zarz¹dcy nowej, dzia³aj¹cej w ramach
organizacji W3C, Incubator Group, której prace koncentruj¹ siê na kszta³ceniu kolejnych
pokoleñ profesjonalnych twórców WWW (www.w3.org/2005/Incubator/owea).
430399076.001.png 430399076.002.png
Spis treci
Cz I > Podstawy
1. Zanim zaczniesz ..............................................................21
Dla kogo jest ta ksika .............................................................................. 23
Wic dla kogo nie jest ta ksika ........................................................... 24
Co da mi ta ksika ..................................................................................... 24
Czego ta ksika mi nie da .......................................................................... 25
Jak uywa tej ksiki ................................................................................. 26
Przyczanie si do spoecznoci ............................................................ 26
Co dalej ....................................................................................................... 26
2. Filozofie i techniki ...........................................................27
Wojny przegldarek .............................................................................. 28
Jutrzenka standardów .......................................................................... 28
Standardy WWW dzisiaj ....................................................................... 29
Dlaczego powinno mnie to obchodzi? ......................................................... 29
Jak tworzy na potrzeby World Wide Web .................................................. 30
To wcale nie musi wyglda tak samo w kadej przegldarce ................ 31
Stopniowe usprawnianie ........................................................................ 32
Rozdzielanie treci, prezentacji i zachowania ........................................ 33
Jeszcze raz, z sensem ............................................................................ 33
Moja kolejna sztuczka ........................................................................... 34
3. Kodowanie .....................................................................35
Dlaczego „to dziaa w przegldarkach” nie wystarcza ................................. 36
HTML i XHTML ....................................................................................... 36
Skadnia i semantyka .................................................................................. 37
Bardzo krótka historia jzyka HTML ......................................................... 38
HTML 4.01 .......................................................................................... 38
XHTML 1.0, 1.1, 2.0 ............................................................................ 39
HTML 5 ............................................................................................... 40
430399076.003.png
6
Tworzenie serwisów WWW. Standardy sieciowe
Kluczowe koncepcje jzyka HTML .............................................................. 41
Czym jest strona WWW? ....................................................................... 41
Terminologia: elementy, atrybuty, znaczniki i inne ............................... 42
Puste elementy HTML .......................................................................... 43
Typy dokumentów ....................................................................................... 44
Wprowadzenie do DOCTYPE ............................................................... 45
Strukturalne podstawy jzyka HTML ......................................................... 47
Podstawowy element html ..................................................................... 47
Element head ........................................................................................ 48
Element body ........................................................................................ 50
Elementy ródliniowe ............................................................................ 56
Rozszerzanie semantyki HTML .................................................................. 58
class ....................................................................................................... 58
id ........................................................................................................... 59
span ....................................................................................................... 60
cza: „hiper” w „hipertekcie” .................................................................. 60
Kotwice ................................................................................................. 61
Wzgldne i bezwzgldne adresy URL .................................................... 62
Tworzenie czy do zasobów znajdujcych si w internecie .................... 66
Tre osadzona ............................................................................................ 66
Obrazy ................................................................................................... 66
Osadzanie obrazów ................................................................................ 68
Tre multimedialna .............................................................................. 69
Formularze .................................................................................................. 71
Element form ........................................................................................ 72
Element input ....................................................................................... 72
Element button ..................................................................................... 75
Listy rozwijane ...................................................................................... 76
Wyczanie kontrolek ............................................................................ 78
Przypisywanie kontrolkom etykiet ......................................................... 79
Grupowanie kontrolek ........................................................................... 80
Tabele .......................................................................................................... 81
Struktura tabeli ..................................................................................... 81
czenie komórek .................................................................................. 82
Ramki i elementy iframe .............................................................................. 83
Znaki i encje ................................................................................................ 84
Zapewnianie jakoci ..................................................................................... 86
Walidacja kodu ...................................................................................... 87
Sprawdzanie czy ................................................................................. 88
HTML Tidy .......................................................................................... 88
HTML kontra XHTML .............................................................................. 89
Rónice w skadni .................................................................................. 89
Udostpnianie dokumentu ..................................................................... 89
Obsuga bdów ..................................................................................... 89
Którego powiniene uywa? .................................................................. 91
Spis treci
7
4. Prezentacja ................................................................... 93
Krótka historia stylów stosowanych w serwisach WWW .............................. 93
Po co oddziela tre od wygldu? ......................................................... 96
Czym jest CSS? ........................................................................................... 96
Jak CSS jest wykorzystywany? ................................................................... 96
Styl ródliniowy ..................................................................................... 97
Osadzony kod CSS ................................................................................ 97
Doczanie zewntrznych arkuszy stylów ............................................... 97
Podstawowa skadnia jzyka CSS ............................................................... 98
Selektory, bloki deklaracji, deklaracje i wasnoci ................................. 98
Podstawowe informacje na temat selektorów ............................................. 100
Selektory typów ................................................................................... 100
Grupowanie selektorów ....................................................................... 100
Podstawowe wasnoci: style czcionek ........................................................ 100
color .................................................................................................... 101
font-family .......................................................................................... 102
font-size .............................................................................................. 104
font-weight .......................................................................................... 106
font-style ............................................................................................. 106
text-decoration .................................................................................... 107
Dziedziczenie ............................................................................................. 107
Zwikszenie szczegóowoci: selektory class i id ......................................... 108
Selektory class ..................................................................................... 109
Selektory id ......................................................................................... 109
Precyzja selektora ............................................................................... 109
Czsto uywane wasnoci ukadu tekstu ................................................... 110
text-align ............................................................................................. 111
line-height ........................................................................................... 111
Odstpy pomidzy literami i sowami ................................................... 113
text-indent ........................................................................................... 113
Kombinacje: selektory potomków i dzieci ................................................... 114
Selektory potomków ............................................................................ 114
Selektory dzieci ................................................................................... 115
czenie w acuchy ............................................................................ 116
Precyzja selektorów potomków i dzieci ................................................ 118
Czsto uywane wasnoci ta .................................................................... 121
background-color ................................................................................. 122
background-image ............................................................................... 123
Wartoci URL ..................................................................................... 123
background-repeat .............................................................................. 124
background-position ............................................................................ 125
background-attach .............................................................................. 128
Wasnoci ta w CSS 3 ........................................................................ 128
Wasnoci zbiorcze ............................................................................... 129
Selektory dynamiczne ................................................................................ 129
8
Tworzenie serwisów WWW. Standardy sieciowe
Podstawowe wasnoci ukadu strony ........................................................ 131
Elementy blokowe kontra elementy ródliniowe ................................... 132
Model polowy ....................................................................................... 133
width ................................................................................................... 134
height .................................................................................................. 134
Przelewajca si tre .......................................................................... 135
margin ................................................................................................. 135
border .................................................................................................. 137
padding ............................................................................................... 139
Jak szeroki i wysoki jest element? ....................................................... 140
Zaawansowane wasnoci ukadu strony .................................................... 140
float ..................................................................................................... 140
clear .................................................................................................... 142
Pozycjonowanie ......................................................................................... 142
Wasno position i schematy pozycjonowania ..................................... 142
Zaawansowane selektory ........................................................................... 144
Selektory ssiadów .............................................................................. 145
Selektory atrybutów ............................................................................ 145
Typy wywietlania ..................................................................................... 147
visibility ............................................................................................... 147
Pozycje listy ........................................................................................ 148
Wicej wasnoci ........................................................................................ 149
Wasnoci drukowania ......................................................................... 149
Wasnoci interfejsu uytkownika ........................................................ 149
Selektory ............................................................................................. 149
Tre generowana ................................................................................ 150
Typy mediów ............................................................................................. 150
CSS zalene od medium ....................................................................... 151
czenie z typami mediów ................................................................... 151
Osadzanie na podstawie typów mediów ................................................ 151
@media ............................................................................................... 151
Importowanie arkuszy stylów .................................................................... 152
@import .............................................................................................. 153
Zapewnianie jakoci ................................................................................... 154
Walidacja kodu CSS ............................................................................ 154
Sprawdzanie zgodnoci z przegldarkami ............................................ 154
Szczególne wyzwania i techniki .................................................................. 155
Formatowanie formularzy ................................................................... 156
Zastpowanie obrazem ........................................................................ 156
Ukad strony ....................................................................................... 158
Problemy z przegldarkami ................................................................. 158
Formatowanie CSS ............................................................................. 159
Wydajno mechanizmu CSS i serwisów WWW .................................. 159
5. DOM ........................................................................... 161
DOM poziomu zerowego ...................................................................... 162
Przejciowy DOM ................................................................................ 162
DOM poziomu pierwszego ................................................................... 163

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin