Tworzenie stron WWW. Kurs.pdf

(1695 KB) Pobierz
C:\Andrzej\PDF\ABC nagrywania p³yt CD\1 strona.cdr
IDZ DO
PRZYK£ADOW Y ROZDZIA£
Tworzenie
SPIS TRECI
stron WWW. Kurs
KATALOG KSI¥¯EK
Autor: Rados³aw Sokó³
ISBN: 83-7361-310-2
Format: B5, stron: 320
Zawiera CD-ROM
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
Zamiast d³ugich tekstów — rysunki z dok³adnymi objanieniami. Samodzielna nauka
nigdy nie by³a tak prosta!
Coraz czêciej u¿ytkownicy korzystaj¹cy z Internetu chc¹ aktywnie zaistnieæ w sieci
poprzez stworzenie w³asnej strony WWW. Na przeszkodzie staje zazwyczaj nieznajomoæ
jêzyka HTML, s³u¿¹cego do okrelania struktury i wygl¹du witryny.
Istniej¹ oczywicie dziesi¹tki programów umo¿liwiaj¹cych stworzenie w³asnej strony
w sposób niewiele ró¿ni¹cy siê od tworzenia elektronicznego dokumentu za pomoc¹
programów takich jak Microsoft Word, jednak tworzenie stron WWW z ich pomoc¹ przy
braku znajomoci choæby podstaw jêzyka HTML, mo¿na porównaæ do pracy mechanika
samochodowego, który potrafi jedynie wypolerowaæ karoseriê i wymieniæ filtr powietrza,
nie maj¹c przy tym pojêcia, po co w ogóle to robi.
Ksi¹¿ka, któr¹ trzymasz w rêku ma na celu zaznajomienie Ciê z podstawami jêzyka
HTML. Nie bêdziesz potrzebowa³ w czasie nauki ¿adnych zaawansowanych programów —
wystarczy komputer osobisty pracuj¹cy pod kontrol¹ dowolnego systemu operacyjnego
i wyposa¿ony w nowoczesn¹ przegl¹darkê WWW. Znajomoæ opisanych w ksi¹¿ce
podstaw zdecydowanie u³atwi Ci ewentualn¹ naukê obs³ugi bardziej skomplikowanych
programów s³u¿¹cych do wizualnego tworzenia rozbudowanych serwisów internetowych.
Poznasz:
• Aplikacje u³atwiaj¹ce tworzenie stron WWW
• Zasady formatowania tekstu w jêzyku HTML
• Tworzenie odnoników
• Przygotowywanie grafiki i umieszczanie jej na stronach internetowych
• Tabele i ramki
• Kaskadowe arkusze stylów (CSS)
• Szybkie tworzenie serwisów internetowych z wykorzystaniem szablonów
• Publikowanie serwisu WWW w sieci
Ksi¹¿ki wydawnictwa Helion z serii „Kurs” adresowane s¹ do pocz¹tkuj¹cych
u¿ytkowników komputerów, którzy chc¹ w krótkim czasie nabyæ praktycznych
umiejêtnoci przydatnych w karierze zawodowej i codziennej pracy. Napisane
przystêpnym jêzykiem i bogato ilustrowane s¹ wspania³¹ pomoc¹ w samodzielnej nauce.
• Przeznaczony dla pocz¹tkuj¹cych
• Praktyczne zadania omówione krok po kroku
• Przystêpny i zrozumia³y jêzyk
• Liczne ilustracje
• Idealny do samodzielnej nauki
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
12071184.001.png 12071184.002.png 12071184.003.png
Spis treci
Wstp..................................................................................................................................................................................7
Rozdział 1. Nowa strona WWW.......................................................................................................................13
Pobieranie programu Webber z Sieci ............................................................................... 14
Uruchomienie programu Webber .................................................................................... 15
Wprowadzanie podstawowego kodu strony.................................................................... 16
Ustalanie tytułu strony WWW .......................................................................................... 18
Zapisywanie kodu strony na dysku twardym .................................................................. 19
Otwieranie zapisanej wcze&niej strony WWW ................................................................ 21
Wy&wietlanie strony w przegl(darce .................................................................................22
Aktualizowanie strony w przegl(darce.............................................................................24
Kopiowanie fragmentu kodu HTML ............................................................................... 25
Wklejanie uprzednio skopiowanego fragmentu kodu HTML ..................................... 26
Wycinanie fragmentu kodu HTML..................................................................................27
Podsumowanie.....................................................................................................................28
Rozdział 2. Tekst i jego atrybuty....................................................................................................................29
Wprowadzanie tekstu.......................................................................................................... 30
Deklarowanie sposobu kodowania polskich znaków diakrytycznych ........................ 31
Zapisanie fragmentu tekstu czcionk( pogrubion(......................................................... 33
Zapisanie fragmentu tekstu kursyw( ................................................................................ 35
Podkre&lenie fragmentu tekstu .......................................................................................... 36
Twarde spacje........................................................................................................................ 37
Wł(czanie i wył(czanie wy&wietlania znaków niedrukowalnych ................................. 38
Indeksy górne i dolne.......................................................................................................... 40
Zapisywanie fragmentu tekstu czcionk( nieproporcjonaln(........................................ 41
Zapisywanie wi6kszego fragmentu tekstu czcionk( nieproporcjonaln( ..................... 43
Zmiana sposobu wyrównywania akapitu tekstu.............................................................44
Łamanie tekstu wewn(trz akapitu ..................................................................................... 46
Zmiana koloru tre&ci i tła akapitu.....................................................................................47
Zmiana koloru tre&ci i tła fragmentu tekstu....................................................................49
Zmiana koloru tła strony ................................................................................................... 50
12071184.004.png
4 Spis tre"ci
Zmiana rozmiaru czcionki ................................................................................................ 51
Zmiana kroju pisma............................................................................................................ 52
Okre&lanie marginesów akapitu ........................................................................................ 54
Tworzenie nagłówka............................................................................................................ 56
Wstawianie poziomej linii.................................................................................................. 58
Zmiana wygl(du poziomej linii ........................................................................................ 59
Lista wypunktowana ........................................................................................................... 61
Zagnie8d8anie listy .............................................................................................................. 63
Lista numerowana ............................................................................................................... 64
Wstawianie znaków specjalnych........................................................................................ 66
Kompletna, prosta strona................................................................................................... 68
Podsumowanie.....................................................................................................................70
Rozdział 3. Odno"niki..........................................................................................................................................71
Tworzenie odno&nika..........................................................................................................72
Tworzenie odno&nika pocztowego.................................................................................... 73
Definiowanie domy&lnego tematu wiadomo&ci pocztowej........................................... 75
Definiowanie etykiety .........................................................................................................77
Tworzenie odno&nika prowadz(cego do etykiety ...........................................................78
Tworzenie odno&nika prowadz(cego do etykiety zadeklarowanej
na innej stronie WWW.....................................................................................................79
Otwieranie odno&nika w nowym oknie ........................................................................... 81
Podsumowanie..................................................................................................................... 83
Rozdział 4. Obrazy................................................................................................................................................85
Instalacja programu IrfanView ..........................................................................................88
Uruchomienie programu IrfanView................................................................................. 96
Umieszczanie obrazu na stronie WWW ..........................................................................98
Opatrywanie obrazu komentarzem ................................................................................ 100
Okre&lanie rozmiaru obrazu............................................................................................ 102
Zmiana rozmiarów obrazu .............................................................................................. 104
Zmiana szeroko&ci marginesów obrazu ......................................................................... 106
Zmiana szeroko&ci obramowania obrazu ...................................................................... 107
Zmiana koloru obramowania.......................................................................................... 109
Przekształcanie obrazu w odno&nik.................................................................................110
Zamieszczanie miniatur zdj6; ..........................................................................................112
Mapy odno&ników............................................................................................................. 120
Oblewanie obrazu tekstem............................................................................................... 125
Rezygnowanie z oblewania obrazu tekstem................................................................... 127
Usuwanie obrazu ............................................................................................................... 129
U8ywanie obrazu jako tła strony ..................................................................................... 130
Podsumowanie....................................................................................................................131
Rozdział 5. Tabele...............................................................................................................................................133
Jak w j6zyku HTML opisuje si6 tabel6 ............................................................................ 134
Tworzenie tabeli................................................................................................................. 135
Wprowadzanie tekstu do komórki tabeli....................................................................... 138
Zmiana szeroko&ci kolumny tabeli................................................................................. 139
Spis tre"ci 5
Zmiana szeroko&ci obramowania tabeli..........................................................................141
Zmiana koloru tła tabeli................................................................................................... 142
Zmiana koloru tła komórki tabeli .................................................................................. 143
Zmiana marginesów komórek tabeli.............................................................................. 145
Wstawianie nowego wiersza tabeli .................................................................................. 147
Wstawianie nowej kolumny tabeli .................................................................................. 149
Scalanie komórek tabeli.....................................................................................................151
Dzielenie scalonej komórki tabeli................................................................................... 154
Okre&lenie poło8enia zawarto&ci komórki tabeli ......................................................... 156
Tabela tworz(ca układ strony .......................................................................................... 158
Podsumowanie................................................................................................................... 165
Rozdział 6. Kaskadowe arkusze stylu........................................................................................................167
Zmiana czcionki, kolorów tekstu i tła oraz marginesów tekstu ................................. 170
Zmiana wygl(du elementu j6zyka HTML...................................................................... 172
Definiowanie klas wygl(du elementu j6zyka HTML ................................................... 174
Definiowanie niezale8nych klas stylu............................................................................. 176
Zmiana wygl(du odno&ników ......................................................................................... 178
Tworzenie zewn6trznego arkusza stylu .......................................................................... 180
Podsumowanie................................................................................................................... 183
Rozdział 7. Ramki................................................................................................................................................185
Budowa serwisu składaj(cego si6 z ramek ...................................................................... 186
Tworzenie strony podzielonej na ramki ........................................................................ 187
Weryfikowanie podziału na ramki ................................................................................. 190
Tworzenie ramki z tytułem serwisu .................................................................................191
Tworzenie ramki z menu.................................................................................................. 192
Tworzenie ramki z tre&ci(................................................................................................. 193
Ustalanie pocz(tkowej zawarto&ci ramek....................................................................... 194
Tworzenie odno&nika prowadz(cego do wybranej ramki ........................................... 196
Tworzenie odno&nika otwieraj(cego nowe okno przegl(darki................................... 198
Blokowanie mo8liwo&ci zmiany szeroko&ci ramki.......................................................200
Zmiana obramowania ramki ...........................................................................................202
Tworzenie tre&ci alternatywnej ........................................................................................203
Ramka osadzona................................................................................................................204
Usuwanie obramowania ramki osadzonej.....................................................................206
Podsumowanie...................................................................................................................207
Rozdział 8. JavaScript.......................................................................................................................................209
Quiz internetowy............................................................................................................... 210
Dynamiczne menu ............................................................................................................ 218
Podsumowanie...................................................................................................................222
Rozdział 9. Serwis internetowy....................................................................................................................223
Strona główna serwisu.......................................................................................................224
Dynamiczne tworzenie stron WWW..............................................................................225
Komponowanie stron WWW z szablonów ...................................................................226
Instalacja programu Compose ........................................................................................227
6 Spis tre"ci
Tworzenie plików szablonu .............................................................................................229
Tworzenie nowej strony na bazie szablonu ...................................................................232
Generowanie kodu strony na bazie szablonu................................................................ 233
Automatyczne generowanie serwisu WWW.................................................................. 236
Automatyczne wstawianie daty ostatniej aktualizacji strony......................................238
Definiowanie słów kluczowych serwisu .........................................................................239
Definiowanie opisu serwisu .............................................................................................240
Rejestrowanie strony WWW w wyszukiwarkach .......................................................... 241
Podsumowanie...................................................................................................................244
Rozdział 10. Publikowanie serwisu WWW.................................................................................................245
Instalowanie programu SmartFTP..................................................................................247
Uruchomienie programu SmartFTP .............................................................................. 251
Tworzenie nowego poł(czenia.........................................................................................252
Zmiana parametrów poł(czenia...................................................................................... 255
Nawi(zywanie poł(czenia.................................................................................................257
Zrywanie poł(czenia z serwerem .....................................................................................259
Aktualizowanie listy plików.............................................................................................260
Pod&wietlanie grupy plików .............................................................................................262
Pobieranie plików z serwera .............................................................................................264
Tworzenie nowego folderu na serwerze.......................................................................... 266
Umieszczanie plików na serwerze ...................................................................................268
Weryfikacja poprawno&ci opublikowania pliku HTML .............................................270
Zmiana nazwy folderu lub pliku umieszczonego na serwerze ...................................272
Zmiana praw dost6pu do folderów lub plików umieszczonych na serwerze ...........274
Usuwanie plików przechowywanych na serwerze.........................................................276
Weryfikacja zgodno&ci kodu HTML ze standardami ..................................................278
Podsumowanie...................................................................................................................280
Rozdział 11. Zako0czenie...................................................................................................................................281
Dodatek A Elementy jzyka HTML............................................................................................................283
Elementy podstawowe.......................................................................................................283
Atrybuty tekstu ..................................................................................................................284
Bloki tekstu.........................................................................................................................286
Odno&niki i etykiety..........................................................................................................288
Ramki ..................................................................................................................................289
Formularze ......................................................................................................................... 291
Listy......................................................................................................................................295
Obrazy.................................................................................................................................296
Tabele...................................................................................................................................298
Kaskadowe arkusze stylu ..................................................................................................302
Informacje o dokumencie ................................................................................................ 303
Programowanie .................................................................................................................. 304
Zgłoś jeśli naruszono regulamin