Zostan_webmasterem_wimmer.pdf

(726 KB) Pobierz
Zostañ webmasterem!
Autor: Pawe³ Wimmer
ISBN: 83-87211-85-0
Format: B5, stron: 280
Zawiera CD-ROM
SPIS TREŒCI
PRZYK£ADOWY ROZDZIA£
Nie musisz pozostaæ na zawsze jedynie biernym uczestnikiem spo³ecznoœci
internetowej.
Mo¿esz zaistnieæ jako jej aktywny wspó³twórca projektuj¹c w³asne witryny WWW
w jêzyku HTML!
Wystawienie w Sieci stron WWW wymaga kilku czynnoœci: ich napisania, sprawdzenia
poprawnoœci i wys³ania na serwer. W podrêczniku zaprezentowane wiêc zostan¹ nie
tylko jêzyk HTML, ale i rozmaite czynnoœci i narzêdzia webmasterskie.
Celem podrêcznika jest zademonstrowanie ca³ej procedury budowania serwisu WWW
i prezentowania go we w³aœciwy sposób w Internecie. Jêzyk HTML jest tylko
sk³adnikiem tej procedury -- bardzo wa¿nym, ale nie jedynym. Takie praktyczne
podejœcie wyrazi siê zatem pokazaniem ca³ej gamy dzia³añ i odpowiednich narzêdzi.
Tak wiêc:
opiszemy jêzyk HTML jako najwa¿niejszy budulec stron WWW
okreœlimy podstawowy kanon czynnoœci i narzêdzi webmasterskich
przedstawimy szczególnie wartoœciowe oprogramowanie, z uwzglêdnieniem
potrzeb polskiego u¿ytkownika
poka¿emy praktyczne sposoby umieszczania witryny w Sieci
zamieœcimy odpowiednie oprogramowanie na p³ycie, dziêki czemu czytelnik
bêdzie móg³ szybko przyst¹piæ do pracy
"
"
"
"
"
Dziêki temu kompleksowemu podejœciu czytelnik bêdzie móg³ ³atwo poznaæ wszystkie
istotne elementy webmasterskiego puzzla. Nie bêdzie te¿ musia³ studiowaæ
najdrobniejszych szczegó³ów jêzyka, gdy¿ nie s¹ mu one na co dzieñ potrzebne.
Ca³y podrêcznik jest podporz¹dkowany naczelnej zasadzie prostoty i praktycznoœci.
Wstęp ................................................................................................................................... 8
HTML w pigułce............................................................................................................... 10
Czym jest dokument HTML?......................................................................................... 10
Ramy dokumentu ........................................................................................................... 11
Ciało dokumentu ............................................................................................................ 12
Tytuły ................................................................................................................................ 12
Akapity.............................................................................................................................. 13
Wiersze.............................................................................................................................. 14
Pozioma linia..................................................................................................................... 15
Grafika............................................................................................................................... 15
Wykazy ............................................................................................................................. 16
Atrybuty czcionki.............................................................................................................. 17
Wielkość i kolor czcionki ................................................................................................. 18
Odsyłacze .......................................................................................................................... 20
Część nagłówkowa dokumentu...................................................................................... 21
Tytuł strony ....................................................................................................................... 22
Strona kodowa dokumentu ............................................................................................... 22
Struktura witryny ........................................................................................................... 23
Problem schyłkowych znaczników ................................................................................ 23
Koniec wieńczy dzieło ................................................................................................... 25
Struktura dokumentu....................................................................................................... 26
HTML a sprawa polska.................................................................................................. 26
Podstawowe elementy dokumentu ................................................................................. 27
Więcej szczegółów o Head ............................................................................................ 28
Więcej szczegółów o Body ............................................................................................ 32
Kilka uwag o wlewaniu tekstu.......................................................................................... 34
Czcionki ............................................................................................................................. 35
Znaczniki fizyczne – atrybuty ........................................................................................ 36
Znaczniki logiczne – style.............................................................................................. 37
Kolory czcionki.............................................................................................................. 37
Wielkość czcionki .......................................................................................................... 38
Zmiana kroju czcionki.................................................................................................... 39
Elementy blokowe............................................................................................................. 44
Specyfika bloku.............................................................................................................. 44
Wyrównywanie bloków ................................................................................................. 45
Przełamanie wiersza i parametr clear............................................................................. 47
Pozioma linia.................................................................................................................. 48
Blok preformatowany..................................................................................................... 50
Blok cytowany ............................................................................................................... 51
Cytat w wierszu.............................................................................................................. 51
Adres .............................................................................................................................. 52
Środkowanie................................................................................................................... 53
Komentarz...................................................................................................................... 53
Wycinek dokumentu Div ............................................................................................... 53
Wycinek dokumentu Span ............................................................................................. 54
Obramowanie Fieldset ................................................................................................... 55
Wykazy .............................................................................................................................. 56
Wykaz nieuporządkowany ............................................................................................. 56
Wykaz uporządkowany.................................................................................................. 58
Lista definicji ................................................................................................................. 61
Odsyłacze........................................................................................................................... 62
Istota odsyłaczy.............................................................................................................. 62
Odsyłacze do etykiet ...................................................................................................... 63
Odsyłacze do stron ......................................................................................................... 64
Odsyłacze do innych witryn........................................................................................... 65
Odsyłacze absolutne i względne .................................................................................... 66
Ście ki dostępu .............................................................................................................. 66
Odwołania do innych dokumentów................................................................................ 68
Publikacje elektroniczne w formacie Adobe PDF ............................................................ 70
Odsyłacze do poczty elektronicznej............................................................................... 71
Odsyłacze do innych usług sieciowych.......................................................................... 75
Odsyłacze do ramek ....................................................................................................... 78
Mapy odsyłaczy na obrazkach ....................................................................................... 78
Grafika............................................................................................................................... 81
Uwagi ogólne ................................................................................................................. 81
Wstawianie grafiki do dokumentu ................................................................................. 81
Ikona przy adresie .......................................................................................................... 91
Multimedia ........................................................................................................................ 93
Stare sposoby zagnie d ania multimediów.................................................................... 93
Plik RealAudio lub RealMedia ......................................................................................... 94
Plik Macromedia Flash ..................................................................................................... 95
Plik Apple QuickTime ...................................................................................................... 96
Nowe sposoby zagnie d ania multimediów .................................................................. 96
Flash .................................................................................................................................. 98
QuickTime ........................................................................................................................ 98
RealMedia ......................................................................................................................... 99
Tabele............................................................................................................................... 100
Szkielet tabeli............................................................................................................... 100
Obramowanie ............................................................................................................... 101
Pozycjonowanie tabeli i jej zawartości ........................................................................ 103
Kolory tabeli ................................................................................................................ 106
Podpisy i nagłówki kolumn.......................................................................................... 108
Łączenie komórek i zagnie d anie tabel...................................................................... 110
Nagłówek, ciało i stopka tabeli .................................................................................... 112
Sterowanie obramowaniem .......................................................................................... 113
Grupy kolumn .............................................................................................................. 118
Ramki............................................................................................................................... 120
Ogólna struktura strony................................................................................................ 120
Informacje o Frameset.................................................................................................. 123
Informacje o Frame ...................................................................................................... 124
Odsyłacze ..................................................................................................................... 125
Urozmaicenia ............................................................................................................... 126
Ramki w kolumnach i wierszach ................................................................................. 129
Informacje o Noframes ................................................................................................ 131
Pływające ramki ............................................................................................................. 133
Podstawowa definicja................................................................................................... 133
Urozmaicenia ............................................................................................................... 134
Polecenie Object .......................................................................................................... 136
Formularze ...................................................................................................................... 140
Ogólne informacje........................................................................................................ 140
Ramy formularza.......................................................................................................... 141
Rodzaje pól formularza ................................................................................................ 142
Pola Input ..................................................................................................................... 143
Typ Text .......................................................................................................................... 143
Typ Checkbox ................................................................................................................. 144
Typ Radio........................................................................................................................ 145
Typ Submit i Reset.......................................................................................................... 146
Pola Select.................................................................................................................... 147
Pole Textarea................................................................................................................ 149
Podsumowanie ............................................................................................................. 151
Przykład zbiorczy:........................................................................................................... 151
Znaki specjalne ............................................................................................................... 155
Kolory .............................................................................................................................. 157
Style.................................................................................................................................. 158
Czym jest styl? ............................................................................................................. 158
Budowa stylu................................................................................................................ 159
Wstawianie stylów ....................................................................................................... 160
Kaskadowość stylów.................................................................................................... 163
Klasy selektorów.......................................................................................................... 164
Własności czcionek...................................................................................................... 165
Własności tekstu .......................................................................................................... 169
Kolor i tło ..................................................................................................................... 172
Marginesy..................................................................................................................... 175
Obramowania ............................................................................................................... 177
Wykazy ........................................................................................................................ 180
Suwaki.......................................................................................................................... 184
Kursory ........................................................................................................................ 187
Drukowanie.................................................................................................................. 188
Jednostki miary ............................................................................................................ 191
Selektory pseudoklas.................................................................................................... 192
Selektory pseudoelementow......................................................................................... 193
Znacznik Div................................................................................................................ 195
Znacznik Span.............................................................................................................. 196
Znacznik @import ....................................................................................................... 196
Narzędzia webmasterskie............................................................................................... 198
Kanon narzędzi ............................................................................................................ 198
Polskie litery ................................................................................................................ 200
Edytory HTML ............................................................................................................ 202
WebPager Express .......................................................................................................... 203
ezHTML.......................................................................................................................... 204
Website Pro ..................................................................................................................... 205
Porównanie edytorów ..................................................................................................... 206
Style ............................................................................................................................. 210
TopStyle Lite................................................................................................................... 210
Edytory nagłówków ..................................................................................................... 211
MetaWizard..................................................................................................................... 211
Metty ............................................................................................................................... 212
Edytory kolorów dokumentu........................................................................................ 213
HTMLcolor ..................................................................................................................... 213
ColorDetector.................................................................................................................. 214
Cięcie i mapowanie grafiki .......................................................................................... 215
Map This! ........................................................................................................................ 215
MapMakerPro LITE........................................................................................................ 216
GeoHTML....................................................................................................................... 217
CoffeeCup Free Viewer Plus .......................................................................................... 218
Sprawdzanie poprawności kodu................................................................................... 219
CSE HTML Validator Lite ............................................................................................. 220
TagCheck ........................................................................................................................ 221
Sprawdzanie poprawności odsyłaczy........................................................................... 222
CheckURL ...................................................................................................................... 222
Xenu Link Sleuth ............................................................................................................ 223
LinkProver ...................................................................................................................... 224
Tworzenie grafiki ......................................................................................................... 224
IrfanView ........................................................................................................................ 226
PhotoPlus ........................................................................................................................ 227
Flash ............................................................................................................................. 228
FlashToolSet ................................................................................................................... 229
Pobieranie grafik z Internetu ........................................................................................ 230
Aaron's WebVacuum ...................................................................................................... 231
Katalogowanie grafik ................................................................................................... 232
FotoAlbum ...................................................................................................................... 232
Tworzenie dźwięku ...................................................................................................... 233
Audacity .......................................................................................................................... 234
dbPoweramp.................................................................................................................... 234
Zakładanie witryny i wysyłanie stron .......................................................................... 236
Onet.pl............................................................................................................................. 236
Wirtualna Polska ............................................................................................................. 241
Inne techniki wysyłania stron....................................................................................... 244
SendToFTP ..................................................................................................................... 244
Web Publishing Wizard .................................................................................................. 246
FTPEdit ........................................................................................................................... 247
Własny serwer WWW.................................................................................................. 248
Promocja stron ............................................................................................................. 248
MrKrax URL Submitter .................................................................................................. 248
Etykieta webmastera ...................................................................................................... 250
Podstawowe przykazanie webmastera ......................................................................... 250
Uwagi „ideologiczne” .................................................................................................. 251
Uwagi techniczne ......................................................................................................... 252
I co dalej? ........................................................................................................................ 255
Spis ilustracji................................................................................................................... 261
Skorowidz ........................................................................................................................ 269
Zgłoś jeśli naruszono regulamin