Tworzenie_stron_WWW_w_praktyce_Wydanie_II_twstp2.pdf

(760 KB) Pobierz
Tworzenie stron WWW w praktyce. Wydanie II
w praktyce. Wydanie II
Autor: Bartosz Danowski
ISBN: 978-83-246-1284-0
Format: B5, stron: 384
Zawiera CD-ROM
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Zaprojektuj wĀasnĴ stronķ WWW
¤ Poznaj jķzyk XHTML i technologiķ CSS
¤ Przygotuj elementy graficzne
¤ Opublikuj swojĴ witrynķ i efektywnie jĴ wypromuj!
Strony internetowe i technologia ich projektowania bardzo zmieniĀy siķ od czasu, gdy
internet byĀ jedynie maĀĴ sieciĴ ĀĴczĴcĴ oľrodki akademickie. Ascetyczne i proste
dokumenty publikowane na pierwszych witrynach WWW to juŃ zamierzchĀa przeszĀoľě.
WspĀczesne serwisy internetowe to dzieĀa sztuki wykorzystujĴce technologie Ajax
i Flash, bazy danych i jķzyki skryptowe. Nadal jednak podstawowym budulcem stron
internetowych pozostaje jķzyk HTML, dziľ noszĴcy nazwķ XHTML. Opanowanie zasad
korzystania z niego jest niezbķdne, aby projektowaě zarwno proste, jak i niezwykle
rozbudowane witryny sieciowe.
Dziķki ksiĴŃce â Tworzenie stron WWW w praktyce. Wydanie II Ò poznasz najnowszĴ
specyfikacjķ jķzyka XHTML i technologii kaskadowych arkuszy stylw, a nastķpnie
wykorzystasz swojĴ wiedzķ, bez trudu tworzĴc wĀasnĴ witrynķ WWW. Dowiesz siķ, jak
wyglĴda struktura dokumentu XHTML, jak umieszczaě w nim elementy tekstowe
i graficzne oraz jak definiowaě ĀĴcza do innych stron. Nauczysz siķ formatowaě tekst
za pomocĴ stylw CSS, projektowaě strukturķ witryny, publikowaě jĴ na serwerze
i skutecznie pozycjonowaě w wyszukiwarkach.
¤ Przygotowanie narzķdzi do pracy
¤ Struktura dokumentw XHTML
¤ Tekst, ĀĴcza, tabele i listy
¤ Przygotowanie elementw graficznych i osadzanie ich na stronie
¤ Formatowanie strony za pomocĴ kaskadowych arkuszy stylw
¤ Projektowanie struktury witryny WWW
¤ Tworzenie mechanizmw nawigacyjnych
¤ Korzystanie z szablonw
¤ Umieszczanie skryptw na stronach
¤ UŃywanie gotowych moduĀw dostķpnych w sieci
¤ Publikowanie witryny
¤ Pozycjonowanie w wyszukiwarkach
Stwrz wĀasnĴ stronķ WWW i wykorzystaj potķgķ globalnej sieci!
Tworzenie stron WWW
431446527.001.png 431446527.002.png 431446527.003.png 431446527.004.png
Spis treści
Wstęp .............................................................................................. 9
Uwagi techniczne ........................................................................... 11
Rozdział 1. Podstawowe informacje .................................................................. 13
Czym jest internet? .......................................................................................................... 13
Czym jest strona WWW, a czym witryna? ...................................................................... 14
Dlaczego warto prowadzić własną stronę WWW? ......................................................... 15
Oprogramowanie potrzebne przy tworzeniu stron WWW a dołączona płyta CD .......... 17
Edytory tekstu ........................................................................................................... 18
Edytory grafiki .......................................................................................................... 19
Programy do przygotowywania grafiki sieciowej ..................................................... 19
Etykieta i prawo autorskie ............................................................................................... 20
Wybór usługodawcy, u którego zamieścimy stronę WWW ............................................ 21
Własna domena ................................................................................................................ 23
Rozdział 2. Język XHTML i HTML sprawcą całego zamieszania .......................... 25
Znacznik i jego konstrukcja ............................................................................................. 28
Podstawowe różnice pomiędzy HTML i XHTML .......................................................... 29
Zasada 1. Nigdy nie krzyżuj znaczników .................................................................. 29
Zasada 2. Zawsze zamykaj wszystkie znaczniki ....................................................... 30
Zasada 3. Wpisując znaczniki i atrybuty, zawsze używaj małych liter .................... 30
Zasada 4. Używaj cudzysłowów dla wszystkich atrybutów ..................................... 30
Zasada 5. Przypisuj wartości dla pustych atrybutów ................................................ 31
Zasada 6. Uważaj ze znakami specjalnymi w skryptach .......................................... 31
Struktura dokumentu ....................................................................................................... 31
Określamy zgodność ze specyfikacją ........................................................................ 31
Ramy dokumentu XHTML ....................................................................................... 32
Nagłówek strony ....................................................................................................... 33
Ciało dokumentu ....................................................................................................... 39
Komentarze ............................................................................................................... 40
Tworzenie szkieletu strony za pomocą edytora kED ................................................ 40
Tekst ................................................................................................................................ 42
Nagłówki ................................................................................................................... 42
Akapity ...................................................................................................................... 43
Cytaty ........................................................................................................................ 44
Indeks górny i dolny .................................................................................................. 46
Łamanie wierszy ....................................................................................................... 46
Wyróżnianie tekstu .................................................................................................... 47
 
4
Tworzenie stron WWW w praktyce
Twarda spacja ............................................................................................................ 47
Znacznik DIV ............................................................................................................ 48
Formatowanie tekstu za pomocą edytora kED .......................................................... 48
Listy ................................................................................................................................. 50
Lista wypunktowana ................................................................................................. 50
Lista numerowana ..................................................................................................... 50
Lista definicji ............................................................................................................. 51
Listy zagnieżdżone .................................................................................................... 51
Tworzenie list za pomocą edytora kED .................................................................... 52
Grafika na stronie WWW ................................................................................................ 53
Osadzanie grafiki za pomocą edytora kED ............................................................... 56
Hiperłącza ........................................................................................................................ 58
Hiperłącza tekstowe .................................................................................................. 59
Hiperłącza graficzne .................................................................................................. 61
Mapy odsyłaczy ......................................................................................................... 62
Kotwice ..................................................................................................................... 65
Adresy względne i bezwzględne ............................................................................... 66
Tworzenie hiperłączy za pomocą edytora kED ......................................................... 67
Tabele .............................................................................................................................. 69
Proste tabele .............................................................................................................. 72
Wymiarowanie tabel ................................................................................................. 73
Tabele niesymetryczne .............................................................................................. 76
Zagnieżdżanie tabel ................................................................................................... 77
Dodatkowe elementy tabeli ....................................................................................... 78
Tworzenie tabel za pomocą edytora kED ................................................................. 79
Formularze ....................................................................................................................... 84
Pola typu input .......................................................................................................... 84
Pole typu select .......................................................................................................... 86
Pole typu textarea ...................................................................................................... 87
Przesyłanie treści formularza .................................................................................... 87
Ramki ............................................................................................................................... 88
Rozdział 3. Grafika sieciowa ............................................................................ 93
Format .............................................................................................................................. 95
GIF ............................................................................................................................95
JPG .......................................................................................................................... 110
PNG ......................................................................................................................... 113
Inne metody redukcji rozmiaru zdjęć i grafiki ........................................................ 113
Pozostałe formaty publikacji grafiki na stronie WWW .......................................... 116
Wygładzanie krawędzi — antyaliasing ................................................................... 117
Tworzenie gotowych rozwiązań na potrzeby stron WWW ........................................... 120
Prostokątne i owalne przyciski ................................................................................ 120
Przyciski o nieregularnych kształtach ..................................................................... 126
Cięcie grafiki na mniejsze elementy ....................................................................... 129
Mapa odsyłaczy ....................................................................................................... 132
Rozdział 4. Kaskadowe arkusze stylów ........................................................... 133
Wprowadzenie ............................................................................................................... 134
Różnice pomiędzy formatowaniem za pomocą XHTML, HTML i CSS ................ 134
Umieszczanie stylów w dokumencie ...................................................................... 135
Jednostki miar i nazewnictwo kolorów stosowane w CSS ..................................... 137
Budowa stylu ........................................................................................................... 142
Dziedziczenie i kaskadowość to klucz do potęgi CSS ............................................ 157
Spis treści
5
Formatowanie wyglądu tekstu ....................................................................................... 160
Wyrównanie tekstu .................................................................................................. 160
Pionowe wyrównanie .............................................................................................. 161
Wcięcie pierwszego wiersza akapitu ....................................................................... 162
Odstępy — wiersze, wyrazy, litery ......................................................................... 162
Dekoracja tekstu ...................................................................................................... 163
Przekształcanie — małe i duże litery ...................................................................... 164
Kontrola pustej przestrzeni ...................................................................................... 165
Wnioski ................................................................................................................... 166
Formatowanie wyglądu czcionki ................................................................................... 166
Rodzaj czcionki ....................................................................................................... 167
Rozmiar ................................................................................................................... 168
Waga czcionki ......................................................................................................... 170
Styl czcionki ............................................................................................................ 171
Wariant czcionki ..................................................................................................... 172
Wnioski ................................................................................................................... 172
Formatowanie wyglądu list ........................................................................................... 173
Typ listy ................................................................................................................... 173
Własny punktor graficzny ....................................................................................... 175
Pozycjonowanie listy względem punktora .............................................................. 175
Wnioski ................................................................................................................... 176
Kolor i tło poszczególnych elementów ......................................................................... 176
Kolor ........................................................................................................................ 177
Tło ........................................................................................................................... 178
Powielanie i zatrzymanie tła ................................................................................... 179
Pozycjonowanie graficznego tła .............................................................................. 181
Wnioski ................................................................................................................... 183
Marginesy i dopełnienie ................................................................................................ 184
Marginesy zewnętrzne ............................................................................................. 184
Marginesy wewnętrzne — dopełnienie ................................................................... 186
Wnioski ................................................................................................................... 187
Obramowanie elementów .............................................................................................. 189
Styl obramowania .................................................................................................... 190
Szerokość obramowania .......................................................................................... 192
Kolor obramowania ................................................................................................. 193
Wnioski ................................................................................................................... 194
Pozycjonowanie elementów .......................................................................................... 196
Określanie pozycji ................................................................................................... 198
Wymiarowanie elementów ...................................................................................... 198
Pływanie i tamowanie elementów ........................................................................... 200
Kolejność nakładanych elementów ......................................................................... 202
Wnioski ................................................................................................................... 203
Tworzenie arkusza stylów za pomocą edytora kED ...................................................... 203
Rozdział 5. Praktyczny projekt. Moja strona domowa ...................................... 207
Dlaczego jest mi potrzebna strona WWW? ................................................................... 207
Gromadzę materiały ...................................................................................................... 209
Struktura witryny ........................................................................................................... 210
Przygotowuję poszczególne elementy witryny ............................................................. 212
Strona główna .......................................................................................................... 213
Sekcja „Książki” ..................................................................................................... 228
Sekcja „Artykuły” ................................................................................................... 235
Sekcja „O mnie” ...................................................................................................... 236
6
Tworzenie stron WWW w praktyce
Sekcja „Przyjazne strony” ....................................................................................... 236
Sekcja „Sklep” ......................................................................................................... 238
Sekcja „Kontakt” ..................................................................................................... 240
Nazwy plików ................................................................................................................ 242
Testowanie gotowego projektu ...................................................................................... 243
Testy w różnych przeglądarkach ............................................................................. 243
Testy rozdzielczości ................................................................................................ 244
Testy zgodności kodu ze specyfikacją .................................................................... 247
Wnioski .......................................................................................................................... 253
Rozdział 6. Praktyczny projekt. Strona firmowa ............................................... 255
Po co i dla kogo ta strona? ............................................................................................. 255
Zbieramy materiały ........................................................................................................ 256
Struktura strony ............................................................................................................. 257
Tworzymy poszczególne podstrony .............................................................................. 257
Szablon strony ......................................................................................................... 258
Strona główna .......................................................................................................... 266
Strona pojedynczego wpisu ..................................................................................... 269
Strona artykułu lub testu ......................................................................................... 269
Strona FAQ ............................................................................................................. 271
Strona „redakcja” .................................................................................................... 271
Strona „kontakt” ...................................................................................................... 274
Testowanie gotowego projektu ...................................................................................... 274
Wnioski .......................................................................................................................... 274
Rozdział 7. Praca z szablonami ....................................................................... 275
Czym są szablony? ........................................................................................................ 275
Zalety pracy z szablonami ............................................................................................. 276
Jak to działa? ................................................................................................................. 276
Skąd można pobrać gotowe szablony? .......................................................................... 281
Wnioski .......................................................................................................................... 282
Rozdział 8. Darmowe usługi dostępne w sieci ................................................. 283
Statystyki ....................................................................................................................... 283
Instalacja darmowej wersji statystyk ....................................................................... 285
Dostępne informacje ............................................................................................... 288
Licznik ........................................................................................................................... 295
Status usług Gadu-Gadu oraz Tlen na stronie WWW ................................................... 296
Sonda ............................................................................................................................. 298
Biuletyn informacyjny ................................................................................................... 298
Wnioski .......................................................................................................................... 305
Rozdział 9. Przydatne skrypty, których można użyć na stronie WWW ............... 307
Nowe okno ..................................................................................................................... 307
Zamykanie otwartego okna ........................................................................................... 308
Rollover ......................................................................................................................... 308
Drukowanie zawartości strony ...................................................................................... 308
Zmiana zawartości paska statusu ................................................................................... 309
Dodawanie strony do „Ulubionych” .............................................................................. 309
Strona startowa .............................................................................................................. 309
Zmiana tła całej komórki tabeli ..................................................................................... 310
Wczytywanie arkusza w zależności od używanej przeglądarki .................................... 311

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin