Kurs Tworzenia Stron Internetowych r2.pdf

(526 KB) Pobierz
C:\Andrzej\PDF\ABC nagrywania p³yt CD\1 strona.cdr
IDZ DO
PRZYK£ADOW Y ROZDZIA£
Kurs tworzenia stron
SPIS TRECI
internetowych
Autor: Todd Stauffer
T³umaczenie: Tomasz Jarzêbowicz
ISBN: 83-7197-814-6
Tytu³ orygina³ u: Absolute Beginner's Guide
to Creating Web Pages
Format: B5, stron: 500
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
„Kurs tworzenia stron internetowych” to idealna pozycja dla osób, które stawiaj¹
pierwsze kroki w wiecie Internetu. Dowiesz siê z niej, jak rozpocz¹æ tworzenie swojej
w³asnej strony WWW i co zrobiæ, by by³a ona atrakcyjna graficznie, przyjazna dla
u¿ytkownika i zgodna z sieciowymi standardami.
Autor nie poprzestaje na omówieniu podstaw potrzebnych do stworzenia strony, takich
jak jêzyk HTML i style CSS. Unikaj¹c skomplikowanego ¿argonu, w przystêpny sposób
przedstawia tak¿e bardziej zaawansowane zagadnienia: tworzenie skryptów w jêzyku
JavaScript, dynamicznych stron WWW, formularzy oraz wzbogacanie stron
o mechanizmy e-commerce.
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
138636669.001.png 138636669.002.png 138636669.003.png 138636669.004.png
Spis treci
O Autorze........................................................................................13
Wstp .............................................................................................15
Cz I Wprowadzenie do wiata stron WWW .............................21
Rozdział 1. Podstawowe zasady działania sieci WWW.........................................23
Krótka historia Internetu ...................................................................................................23
Jak działa sie WWW?......................................................................................................25
Co to jest HTTP? ........................................................................................................26
Co to jest HTML?.......................................................................................................26
Hipertekst i hiperł$cza ................................................................................................27
Uniform Resource Locator .........................................................................................28
Ró,ne protokoły wykorzystywane w URL-ach..........................................................29
HTML kontra XHTML.....................................................................................................30
Kto wprowadza standardy HTML-a? .........................................................................30
Dlaczego wprowadzono nowy standard?....................................................................31
Który standard powiniene7 zastosowa? ....................................................................32
Tworzenie stron WWW nie jest programowaniem...........................................................32
Podstawowe informacje o znacznikach ......................................................................33
Projektowanie układu graficznego stron WWW za pomoc$ arkuszy stylów.............34
Dodawanie skryptów do stron WWW........................................................................35
Podsumowanie ..................................................................................................................36
Rozdział 2. Krótki kurs tworzenia stron WWW....................................................37
Podstawowe zasady projektowania stron WWW..............................................................37
Teoria projektowania stron WWW.............................................................................38
Organizowanie stron WWW.......................................................................................39
Obrazki i elementy multimedialne..............................................................................41
Elementy interaktywne i skrypty ................................................................................43
Jak powinna wygl$da dobrze zaprojektowana strona?..................................................44
Planowanie witryny...........................................................................................................44
Odbiorcy twojej witryny.............................................................................................45
Organizowanie witryny...............................................................................................46
Projektowanie spójnego układu witryny.....................................................................48
Kierunki rozwoju HTML-a...............................................................................................49
Ułatwienia dost<pu......................................................................................................50
Ustawienia mi<dzynarodowe......................................................................................50
Zgodno7 z ró,nymi przegl$darkami..........................................................................51
Podsumowanie ..................................................................................................................51
 
4
Kurs tworzenia stron internetowych
Rozdział 3. Narzdzia do tworzenia stron WWW..................................................53
Podstawowe programy narz<dziowe.................................................................................53
Edytory tekstu.............................................................................................................55
Edytory j<zyka HTML................................................................................................56
Inne przydatne programy narz<dziowe .............................................................................57
Edytory grafiki............................................................................................................57
Programy do tworzenia animacji ................................................................................58
Programy do tworzenia obiektów multimedialnych...................................................59
Programy do edycji skryptów.....................................................................................59
Wybór serwera WWW......................................................................................................60
Co to jest serwer WWW? ...........................................................................................60
Współpraca z dostawc$ usług internetowych .............................................................60
Jakie oprogramowanie jest uruchomione na twoim serwerze WWW? ......................62
Uzyskiwanie dost<pu do miejsca na serwerze WWW................................................63
Organizacja plików na serwerze WWW...........................................................................64
Ró,ne warianty organizacji plików ............................................................................64
Tworzenie hierarchii katalogów .................................................................................66
Zapisywanie nazw plików...........................................................................................66
Uaktualnianie witryny.................................................................................................67
Podsumowanie ..................................................................................................................68
Rozdział 4. Tworzenie pierwszej strony................................................................69
Tworzenie szablonu strony WWW ...................................................................................69
Dodawanie elementów dokumentu HTML ................................................................69
DTD ............................................................................................................................71
Element komentarza..........................................................................................................72
Polskie litery......................................................................................................................73
Przykład gotowego szablonu strony WWW.........................................................................73
Nagłówek dokumentu .......................................................................................................74
Tytuł strony.................................................................................................................74
Element <base>...........................................................................................................75
Element <meta>..........................................................................................................75
Główna cz<7 dokumentu..................................................................................................77
Wprowadzanie tekstu akapitu.....................................................................................78
Element <br /> ............................................................................................................79
Zapisywanie, testowanie i sprawdzanie zgodno7ci kodu stron WWW.............................81
Zapisywanie strony.....................................................................................................81
Testowanie strony.......................................................................................................81
Sprawdzanie zgodno7ci kodu Eródłowego strony.......................................................82
Podsumowanie ..................................................................................................................83
Cz II Projektowanie stron WWW .............................................85
Rozdział 5. Formatowanie tekstu.......................................................................87
Organizowanie strony .......................................................................................................87
Dodawanie nagłówków...............................................................................................87
Linie poziome .............................................................................................................88
Formatowanie tekstu .........................................................................................................89
Elementy stylów fizycznych.......................................................................................90
Elementy stylów logicznych.......................................................................................91
Elementy stylu bloków tekstu ...........................................................................................94
Element <pre>.............................................................................................................94
Tworzenie tabel za pomoc$ elementu <pre> ..............................................................95
Element <blockquote>................................................................................................96
Element <address>......................................................................................................98
Zaznaczanie zmian za pomoc$ elementów <ins> oraz <del>.....................................99
Wykorzystanie list na stronie..........................................................................................100
Listy numerowane i wypunktowane.........................................................................101
Listy definicji............................................................................................................103
Podsumowanie ................................................................................................................104
Rozdział 6. Dodawanie grafiki..........................................................................105
Obrazki na stronach WWW ............................................................................................105
Jakie obrazki mo,esz wstawia na stronach WWW?...............................................106
Jakie obrazki powiniene7 u,ywa?...........................................................................107
Tworzenie i konwersja formatu obrazków.........................................................................109
Paint Shop Pro...........................................................................................................109
Element <img />..............................................................................................................112
Alternatywny tekst....................................................................................................114
Wyrównywanie tekstu i obrazków............................................................................114
Obrazki wyrównane do prawego i lewego marginesu..............................................115
Definiowanie wymiarów obrazka na stronie ............................................................116
Podsumowanie ................................................................................................................117
Rozdział 7. Tworzenie łaczy hipertekstowych....................................................119
Zasada funkcjonowania hiperł$czy.................................................................................119
Uniform Resource Locator .......................................................................................119
Bezwzgl<dne i wzgl<dne adresy URL......................................................................120
Element <base>...............................................................................................................122
Tworzenie hiperł$czy......................................................................................................123
Wewn<trzne hiperł$cza do wybranych miejsc na stronie.........................................124
Umieszczanie obrazków w hiperł$czach ..................................................................126
Tworzenie specjalnych hiperł$czy ..................................................................................127
Tworzenie hiperł$cza do poczty elektronicznej........................................................127
Tworzenie hiperł$cza do serwera FTP......................................................................128
Serwery Gopher ........................................................................................................129
Hiperł$cza do grup dyskusyjnych.............................................................................130
Hiperł$cza do serwerów Telnet ................................................................................131
Otwieranie stron WWW w nowym oknie przegl$darki oraz automatyczne
ładowanie stron WWW..................................................................................................131
Otwieranie stron WWW w nowym oknie przegl$darki.............................................131
Automatyczne ładowanie stron WWW ....................................................................132
Podsumowanie ................................................................................................................133
Rozdział 8. Podstawy tworzenia tabel...............................................................135
Tworzenie tabeli..............................................................................................................135
Element <table>........................................................................................................136
Tytuł oraz opis tabeli ................................................................................................138
Wiersze tabeli............................................................................................................139
Elementy komórki tabeli...........................................................................................141
Ł$czenie komórek tabeli...........................................................................................142
Kolory tła komórek i wierszy tabeli..........................................................................143
Dodatkowe atrybuty tabeli ..............................................................................................144
Atrybut width............................................................................................................145
Atrybuty align oraz border........................................................................................147
Atrybuty cellpadding oraz cellspacing......................................................................148
Podsumowanie ................................................................................................................149
Rozdział 9. Zaawansowane projektowanie układu tabel na stronie....................151
Zasady projektowania układu tabel.................................................................................151
Wykorzystanie obrazków w tabelach .......................................................................153
Zagnie,d,anie tabel ..................................................................................................154
6
Kurs tworzenia stron internetowych
Grupowanie kolumn i wierszy ........................................................................................158
Grupowanie wierszy tabeli .......................................................................................159
Grupowanie kolumn..................................................................................................161
Wy7wietlanie wybranych kraw<dzi obramowania tabeli................................................166
Przykłady wykorzystania tabel do projektowania układu stron WWW .........................168
Strona WWW o układzie wierszowym.....................................................................168
Strona WWW o układzie kolumnowym...................................................................170
Podsumowanie ................................................................................................................174
Rozdział 10. Arkusze stylów, czcionki oraz znaki specjalne.................................175
Arkusze stylów................................................................................................................175
Co to s$ arkusze stylów?...........................................................................................176
Dlaczego warto u,ywa arkuszy stylów? .................................................................176
Kaskadowe arkusze stylów i XHTML......................................................................177
Elementy zast<powane przez arkusze stylów ...........................................................178
Tworzenie arkuszy stylów...............................................................................................179
Atrybut style..............................................................................................................180
Element < style > ........................................................................................................180
Tworzenie specjalnych klas......................................................................................182
Element <span> ........................................................................................................183
Element <div>...........................................................................................................184
Ł$czenie kontra osadzanie........................................................................................186
Wła7ciwo7ci i style..........................................................................................................187
Style tekstu................................................................................................................187
Wła7ciwo7ci czcionek...............................................................................................188
Wła7ciwo7ci tła.........................................................................................................190
Wła7ciwo7ci elementów blokowych.........................................................................191
Style hiperł$czy i obiektów.......................................................................................194
Pierwsza litera i pierwszy wiersz..............................................................................194
Specjalne style tabel..................................................................................................195
Znaki specjalne................................................................................................................196
Podsumowanie ................................................................................................................198
Rozdział 11. Zaawansowane wła3ciwo3ci obrazków oraz mapy obrazkowe ..........199
Poprawianie wygl$du obrazków .....................................................................................199
Optymalizacja obrazków ..........................................................................................200
Kompresja obrazków i kodowanie progresywne......................................................201
Przezroczysto7 tła obrazka......................................................................................202
Tworzenie animowanych obrazków................................................................................204
Jasc Animation Shop.................................................................................................205
Wykorzystanie map obrazków........................................................................................206
Tworzenie map obrazków działaj$cych po stronie klienta............................................206
Dodawanie atrybutu usemap do elementu <img /> ..................................................207
Elementy <map> oraz <area />.................................................................................207
Wykorzystanie map działaj$cych po stronie serwera...............................................209
Podsumowanie ................................................................................................................210
Cz III Tworzenie witryny internetowej .....................................211
Rozdział 12. Tworzenie witryn internetowych z wykorzystaniem ramek................213
Zalety i wady wykorzystania ramek................................................................................213
Co to s$ ramki? .........................................................................................................214
Jakie s$ wady ramek?................................................................................................215
Kiedy powiniene7 u,ywa ramek?............................................................................215
Zgłoś jeśli naruszono regulamin