Tworzenie_stron_WWW_w_praktyce_twstpr.pdf

(213 KB) Pobierz
C:\Andrzej\PDF\ABC nagrywania p³yt CD\1 strona.cdr
IDZ DO
PRZYK£ADOW Y ROZDZIA£
Tworzenie stron
SPIS TRECI
WWW w praktyce
KATALOG KSI¥¯EK
Autor: Bartosz Danowski
ISBN: 83-7197-945-2
Format: B5, stron: 280
Zawiera CD-ROM
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
Na rynku istnieje wiele ksi¹¿ek ucz¹cych pos³ugiwania siê technologiami s³u¿¹cymi do
tworzenia stron WWW. Wiele z nich mo¿e rozczarowaæ pocz¹tkuj¹cych webmasterów,
których g³ównym celem jest stworzenie atrakcyjnej strony, a nie perfekcyjne
opanowanie jêzyka HTML czy Flasha. Aby stworzyæ stronê WWW nie wystarcza jedynie
teoretyczna znajomoæ HTML. Trzeba równie¿ poznaæ, choæby pobie¿nie, inne
narzêdzia, które uzupe³niaj¹ HTML o dodatkowe mo¿liwoci. Konieczne jest
zaznajomienie siê ze stylami CSS, z metodami obróbki grafiki na potrzeby sieci WWW,
prostymi programami w JavaScripcie, a tak¿e z darmowymi rozwi¹zaniami
pozwalaj¹cymi na wysy³anie e-maili z poziomu strony WWW czy generowanie statystyk
odwiedzin.
Ksi¹¿ka „Tworzenie stron WWW w praktyce” jest mocno osadzona w realiach pracy
webmastera. Jej pierwsza czêæ to opis technologii niezbêdnych ka¿demu twórcy stron.
Druga czêæ zawiera szczegó³owy opis dwóch projektów stron internetowych.
Krok po kroku przeledzisz etapy powstawania strony domowej i strony firmowej.
W ksi¹¿ce znajdziesz:
• Wyjanienie podstawowej terminologii zwi¹zanej z Internetem i stronami
internetowych
• Przystêpny opis jêzyka HTML
• Omówienie jêzyka styli CSS
• Praktyczne porady dotycz¹ce przygotowania grafiki na potrzeby stron
internetowych
• Wyjanienie ró¿nic pomiêdzy stosowanymi w Internecie formatami zapisu
ilustracji
• Dwa szczegó³owo opisane projekty: strony prywatnej i strony firmowej
• Sposoby przyspieszenia pracy z wykorzystaniem szablonów stron internetowych
• Kilka najbardziej przydatnych skryptów JavaScript i sposoby ich u¿ycia
• Informacje na temat publikacji gotowych stron internetowych: od rejestracji
domeny po pos³ugiwania siê programem FTP
• Praktyczne wskazówki dotycz¹ce promocji stron internetowych
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOCIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
430401778.003.png 430401778.004.png 430401778.005.png 430401778.006.png 430401778.001.png 430401778.002.png
Spis treci
Przedmowa........................................................................................ 7
Wstp ............................................................................................... 9
Uwagi techniczne ............................................................................ 11
Rozdział 1. Podstawowe informacje ................................................................... 13
Czym jest Internet?............................................................................................................13
Czym jest strona WWW, a czym orodek Web? ..............................................................14
Dlaczego warto prowadzi! własn# stron$ WWW? ...........................................................14
Oprogramowanie potrzebne przy tworzeniu stron WWW a doł#czona płyta CD ............17
Etykieta i prawo autorskie.................................................................................................19
Wybór usługodawcy, u którego zamiecimy stron$ WWW .............................................20
Własna domena .................................................................................................................21
Rozdział 2. Jzyk HTML sprawc' całego zamieszania.......................................... 23
Dedykowany edytor HTML ..............................................................................................24
Struktura dokumentu HTML.............................................................................................26
Okrelamy zgodno! strony ze specyfikacj# ..............................................................27
Ramy dokumentu HTML............................................................................................27
Nagłówek strony .........................................................................................................28
Ciało dokumentu .........................................................................................................34
Tworzenie szkieletu strony za pomoc# edytora EzHTML .........................................34
Komentarze .......................................................................................................................37
Elementy blokowe.............................................................................................................38
Nagłówki.....................................................................................................................38
Akapity........................................................................................................................39
Cytat i adres ................................................................................................................40
Znacznik DIV..............................................................................................................42
Pozostałe elementy blokowe.......................................................................................43
Listy...................................................................................................................................45
Hiperł#cza..........................................................................................................................48
Grafika na stronie ..............................................................................................................51
Tabele ................................................................................................................................55
Formularze ........................................................................................................................64
Ramki................................................................................................................................70
Podsumowanie ..................................................................................................................74
 
4
Tworzenie stron WWW w praktyce
Rozdział 3. Grafika sieciowa .............................................................................. 77
Format GIF........................................................................................................................79
Transparentno! — kolor przezroczysty ....................................................................81
Przeplot .......................................................................................................................85
Animowany GIF .........................................................................................................85
Redukcja palety kolorów ............................................................................................89
Format JPG........................................................................................................................91
Inne metody redukcji rozmiaru zdj$! i grafiki ..................................................................93
Format PNG ......................................................................................................................95
Pozostałe formaty publikacji grafiki na stronie WWW ....................................................96
Wygładzanie kraw$dzi — antyaliasing.............................................................................97
Tworzenie gotowych rozwi#zaB na potrzeby stron WWW ............................................100
Prostok#tne i owalne przyciski .................................................................................100
Przyciski o nieregularnych kształtach.......................................................................106
Ci$cie grafiki na mniejsze elementy .........................................................................108
Mapa odsyłaczy ........................................................................................................111
Efekt rollover ............................................................................................................112
Skanowanie i obróbka obrazów na potrzeby strony WWW ...........................................114
Skanowanie ...............................................................................................................114
Obróbka skanu ..........................................................................................................116
Rozdział 4. Kaskadowe arkusze stylów ............................................................ 121
Wprowadzenie.................................................................................................................122
RóDnice pomi$dzy formatowaniem za pomoc# HTML i CSS..................................122
Umieszczanie stylów w dokumencie ........................................................................123
Jednostki miar i nazewnictwo kolorów stosowane w CSS.......................................124
Budowa stylu, selektory, identyfikatory, klasy oraz pseudoelementy ..............................127
Selektory proste ........................................................................................................127
Selektory uniwersalne ...............................................................................................129
Selektor „potomka”...................................................................................................130
Selektory „dziecka” ..................................................................................................131
Identyfikatory............................................................................................................131
Klasy .........................................................................................................................132
Pseudoklasy...............................................................................................................133
Pseudoelementy ........................................................................................................135
Grupowanie selektorów ............................................................................................136
Dziedziczenie i kaskadowo! to klucz do pot$gi CSS....................................................136
Formatowanie wygl#du tekstu ........................................................................................139
Poziome i pionowe wyrównanie ...............................................................................139
Wci$cie .....................................................................................................................141
Odst$py pomi$dzy wierszami ...................................................................................141
Odst$py pomi$dzy wyrazami....................................................................................142
Odst$py pomi$dzy literami .......................................................................................142
Dekoracja tekstu........................................................................................................142
Przekształcanie..........................................................................................................143
Kontrola pustej przestrzeni.......................................................................................144
Wnioski .....................................................................................................................144
Formatowanie czcionki ...................................................................................................145
Rodzaj uDytej czcionki ..............................................................................................145
Rozmiar czcionki ......................................................................................................147
Waga czcionki...........................................................................................................149
Styl czcionki..............................................................................................................149
Wariant czcionki .......................................................................................................150
Wnioski .....................................................................................................................150
Spis treci
5
Właciwoci list...............................................................................................................151
Typ listy ....................................................................................................................152
Własny punktor graficzny.........................................................................................153
Pozycjonowanie listy wzgl$dem punktora................................................................153
Wnioski .....................................................................................................................154
Kolor i tło poszczególnych elementów strony WWW.....................................................155
Kolor .........................................................................................................................155
Tło .............................................................................................................................155
Kontrola powielania i zatrzymanie tła ......................................................................157
Pozycjonowanie graficznego tła ...............................................................................158
Wnioski .....................................................................................................................159
Marginesy........................................................................................................................160
Marginesy zewn$trzne ..............................................................................................160
Marginesy wewn$trzne .............................................................................................162
Wnioski .....................................................................................................................164
Obramowanie elementów................................................................................................165
Styl obramowania .....................................................................................................166
Szeroko! i kolor obramowania................................................................................168
Kolor obramowania ..................................................................................................169
Wnioski .....................................................................................................................170
Tabele ..............................................................................................................................170
Wnioski .....................................................................................................................173
Pozycjonowanie elementów............................................................................................173
Pozycjonowanie bezwzgl$dne ..................................................................................174
Pozycjonowanie wzgl$dne (relative) ........................................................................174
Pozycjonowanie statyczne (static) ............................................................................175
Wnioski .....................................................................................................................176
Rozdział 5. Praktyczny projekt. Moja strona domowa ....................................... 179
Dlaczego jest mi potrzebna strona WWW?........................................................................179
Do kogo kieruj$ stron$? ..................................................................................................181
Gromadz$ materiały ........................................................................................................182
Struktura i wygl#d strony ................................................................................................183
Przygotowuj$ poszczególne elementy strony .................................................................184
Strona główna ...........................................................................................................184
Sekcja O mnie ...........................................................................................................189
Sekcja Napisane ksi#Dki............................................................................................190
Sekcja Włanie pisz$.................................................................................................192
Sekcja Zbiór artykułów.............................................................................................193
Sekcja RóDnoci........................................................................................................197
Menu nawigacyjne strony .........................................................................................198
Nazwy plików .................................................................................................................201
Testowanie gotowego projektu .......................................................................................202
Rozdział 6. Praktyczny projekt. Strona firmowa ................................................ 207
Czy kawiarni jest potrzena strona WWW? .....................................................................207
Odbiorca witryny.............................................................................................................208
Zbieramy materiały .........................................................................................................209
Struktura witryny.............................................................................................................209
Tworzymy poszczególne podstrony................................................................................210
Strona główna ...........................................................................................................210
Sekcja O kawiarni .....................................................................................................213
Sekcja Wn$trza .........................................................................................................219
Sekcja Menu..............................................................................................................220
6
Tworzenie stron WWW w praktyce
Sekcja Galeria ...........................................................................................................222
Sekcja Imprezy..........................................................................................................222
Sekcja Gocili u nas ..................................................................................................226
Sekcja Kontakt ..........................................................................................................227
Strona Kawa..............................................................................................................228
Testowanie strony ...........................................................................................................229
Rozdział 7. Praca z szablonami ........................................................................ 231
Czym s# szablony? ..........................................................................................................231
Zalety pracy z szablonami...............................................................................................232
Jak to działa? ...................................................................................................................232
Sk#d moDna pobra! gotowe szablony?............................................................................236
Rozdział 8. Darmowe usługi dostpne w sieci................................................... 237
Licznik.............................................................................................................................237
Obsługa formularza .........................................................................................................239
Status usług Gadu-Gadu oraz Tlen na stronie WWW.....................................................241
Informacja o nowociach na stronie................................................................................241
Inne przydatne darmowe komponenty ............................................................................246
Rozdział 9. Przydatne skrypty, których mo6na u6y7 na stronie WWW ................ 247
Nowe okno ......................................................................................................................247
Zamykanie otwartego okna .............................................................................................248
Rollover...........................................................................................................................248
Drukowanie zawartoci strony ........................................................................................248
Zmiana zawartoci paska statusu ....................................................................................249
Zmiana tła całej komórki tabeli.......................................................................................249
Dodawanie strony do Ulubionych...................................................................................250
Strona startowa................................................................................................................250
Rozdział 10. Publikacja gotowego projektu na serwerze ..................................... 251
Praca z typowym klientem FTP ......................................................................................251
Rozdział 11. Promocja serwisu .......................................................................... 259
Rejestracja w wyszukiwarkach i katalogach ...................................................................259
KEYWORDS............................................................................................................259
DESCRIPTION.........................................................................................................260
TITLE .......................................................................................................................260
Dodanie strony do katalogów i wyszukiwarek .........................................................260
Listy mailingowe.............................................................................................................261
Grupy dyskusyjne............................................................................................................261
Banery reklamowe...........................................................................................................261
Stopka poczty elektronicznej ..........................................................................................262
Inne formy promocji........................................................................................................262
Dodatek A ..................................................................................... 263
Statystyki.........................................................................................................................263
Rejestracja własnej domeny ............................................................................................263
Przeprowadzka domeny, czyli zmiana delegacji ......................................................267
Gdy co pójdzie Mle ...................................................................................................267
Przydatne adresy i telefony .......................................................................................267
Zako:czenie.................................................................................. 269
Zgłoś jeśli naruszono regulamin