oryginal-tworzenie-stron-www-kurs-wydanie-ii_twwku2.pdf

(37556 KB) Pobierz
656643739 UNPDF
IDZ DO
PRZYK£ADOW Y ROZDZIA£
Tworzenie stron WWW.
SPIS TREœCI
Kurs. Wydanie II
KATALOG KSI¥¯EK
Autor: Rados³aw Sokó³
ISBN: 83-246-0798-6
Format: B5, stron: 312
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
Dynamiczny rozwój internetu i jego coraz wiêkszy zasiêg sprawiaj¹, ¿e witryny WWW
sta³y siê niemal obowi¹zkowymi wizytówkami przedsiêbiorstw i organizacji. Tak¿e coraz
wiêcej u¿ytkowników prywatnych tworzy w³asne „miejsca w sieci” prezentuj¹c na nich
wykonane przez siebie zdjêcia, opisuj¹c swoje zainteresowania lub prowadz¹c
internetowe pamiêtniki zwane blogami. Na rynku oprogramowania pojawia siê coraz
wiêcej narzêdzi pozwalaj¹cych na tworzenie stron internetowych bez znajomoœci ich
podstawowego budulca — jêzyka HTML, jednak jakoœæ generowanego przez nie kodu
czêsto pozostawia sporo do ¿yczenia. Znajomoœæ znaczników HTML i umiejêtnoœæ
„rêcznego” stworzenia strony WWW nadal pozostaje podstawow¹ umiejêtnoœci¹,
jak¹ musi posi¹œæ ka¿dy, kto chce zaistnieæ w sieci.
Dziêki ksi¹¿ce „Tworzenie stron WWW. Kurs. Wydanie II” opanujesz najnowsz¹ wersjê
jêzyka HTML oraz jego rozszerzon¹ i zunifikowan¹ postaæ — XHTML. Nauczysz siê
pisaæ kod HTML w zwyk³ym edytorze tekstu. Dowiesz siê, jak skonstruowane s¹
dokumenty HTML i jak¹ rolê pe³ni¹ poszczególne znaczniki tego jêzyka. Nauczysz siê
wprowadzaæ i formatowaæ tekst, przygotowywaæ i osadzaæ w kodzie elementy graficzne
oraz projektowaæ mechanizmy nawigacji. Poznasz technologiê kaskadowych arkuszy
stylów, podstawy jêzyka JavaScript oraz zasady tworzenia tabel i ramek. Dowiesz siê
tak¿e, w jaki sposób opublikowaæ gotow¹ witrynê WWW na serwerze internetowym.
W ksi¹¿ce znajdziesz równie¿ niezwykle przydatne w pracy zestawienie wszystkich
znaczników jêzyka XHTML.
Struktura dokumentów HTML
Wprowadzanie tekstu i okreœlanie jego atrybutów
Tworzenie ³¹czy do innych stron WWW oraz do poczty elektronicznej
Osadzanie na stronie elementów graficznych
Tworzenie tabel i ramek
Korzystanie z kaskadowych arkuszy stylów
Umieszczanie na stronie elementów dynamicznych z wykorzystaniem
jêzyka JavaScript
Projektowanie struktury serwisu WWW
Publikacja witryny na serwerze za pomoc¹ klienta FTP
Po przeczytaniu tej ksi¹¿ki bêdziesz gotowy do stworzenia w³asnej witryny WWW.
Opanowanie wiadomoœci w niej zawartych to pierwszy krok do zostania profesjonalnym
webmasterem.
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
ONOWOœCIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
656643739.001.png 656643739.002.png 656643739.003.png 656643739.004.png
Zwpz {yl ś jp
^z{Ğw 555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555>
Yvkphņ 85 Uv~h z{yvuh ^^^ 555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555558<
Uruchomienie programu Notatnik....................................................................................16
Wprowadzanie podstawowego kodu strony .....................................................................18
Ustalanie tytułu strony WWW...........................................................................................20
Zapisywanie kodu strony na dysku twardym ...................................................................21
Otwieranie zapisanej wcześniej strony WWW ................................................................23
Wyświetlanie strony w przeglądarce..................................................................................24
Aktualizowanie strony w przeglądarce..............................................................................27
Kopiowanie fragmentu kodu HTML.................................................................................28
Wklejanie uprzednio skopiowanego fragmentu kodu HTML .......................................29
Wycinanie fragmentu kodu HTML ...................................................................................30
Podsumowanie......................................................................................................................31
Yvkphņ 95 [lrz{ p qlnv h{yi|{555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555::
Wprowadzanie tekstu...........................................................................................................34
Deklarowanie sposobu kodowania polskich znaków diakrytycznych ..........................35
Zapisanie fragmentu tekstu czcionką pogrubioną...........................................................37
Zapisanie fragmentu tekstu kursywą .................................................................................38
Podkreślenie fragmentu tekstu ...........................................................................................39
Twarde spacje........................................................................................................................40
Indeksy górne i dolne...........................................................................................................41
Zapisywanie fragmentu tekstu czcionką nieproporcjonalną..........................................42
Zapisywanie większego fragmentu tekstu czcionką nieproporcjonalną .......................44
Zmiana sposobu wyrównywania akapitu tekstu ..............................................................46
Łamanie tekstu wewnątrz akapitu......................................................................................48
Zmiana koloru treści i tła akapitu ......................................................................................49
Zmiana koloru treści i tła fragmentu tekstu .....................................................................51
Zmiana rozmiaru czcionki..................................................................................................52
Zmiana kroju pisma .............................................................................................................53
Określanie marginesów akapitu .........................................................................................55
Tworzenie nagłówka ............................................................................................................57
Wstawianie poziomej linii...................................................................................................59
Zmiana wyglądu poziomej linii..........................................................................................60
Lista wypunktowana ............................................................................................................62
Zagnieżdżanie listy...............................................................................................................63
Lista numerowana ................................................................................................................64
Wstawianie znaków specjalnych ........................................................................................65
Kompletna, prosta strona ....................................................................................................67
Podsumowanie......................................................................................................................70
; Zwpz{yl ś jp
Yvkphņ :5 Vkuv ś uprp 555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555>8
Tworzenie odnośnika...........................................................................................................72
Tworzenie odnośnika pocztowego.....................................................................................73
De niowanie domyślnego tematu wiadomości pocztowej.............................................75
De niowanie 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......................................................................................................................82
Yvkphņ ;5 Viyh5555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555?:
Format GIF............................................................................................................................84
Format JPEG .........................................................................................................................86
Pobieranie i instalowanie programu IrfanView ...............................................................87
Umieszczanie obrazu na stronie WWW .........................................................................101
Podsumowanie....................................................................................................................127
Yvkphņ <5 [hilsl 5555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555589@
Jak w języku HTML opisuje się tabelę? ...........................................................................130
Tworzenie tabeli .................................................................................................................131
Wprowadzanie tekstu do komórki tabeli ........................................................................135
Zmiana szerokości kolumny tabeli ..................................................................................136
Zmiana koloru tła tabeli ....................................................................................................138
Zmiana koloru tła komórki tabeli ....................................................................................139
Zmiana marginesów komórek tabeli ...............................................................................140
Wstawianie nowego wiersza tabeli...................................................................................142
Wstawianie nowej kolumny tabeli ...................................................................................144
Scalanie komórek tabeli.....................................................................................................146
Dzielenie scalonej komórki tabeli ....................................................................................150
Określenie położenia zawartości komórki tabeli ...........................................................152
Tabela tworząca układ strony ...........................................................................................154
Podsumowanie....................................................................................................................161
Yvkphņ =5 Rhzrhkv~l hyr|zl z{s| 555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555558=:
Styl wpisany.........................................................................................................................164
Styl osadzony ......................................................................................................................165
Zewnętrzny arkusz stylu....................................................................................................166
Dlaczego „kaskadowe”? .....................................................................................................167
Zmiana czcionki, kolorów tekstu i tła oraz marginesów tekstu ...................................168
Zmiana wyglądu elementu języka HTML ......................................................................171
De niowanie klas wyglądu elementu języka HTML.....................................................173
De niowanie niezależnych klas stylu ..............................................................................175
Zmiana wyglądu odnośników ..........................................................................................177
Tworzenie zewnętrznego arkusza stylu ...........................................................................179
Podsumowanie....................................................................................................................182
Zwpz {yl ś jp <
Yvkphņ >5 Yhtrp 5555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555558?:
Budowa serwisu składającego się z ramek ......................................................................184
Tworzenie strony podzielonej na ramki..........................................................................185
We r y kowanie podziału na ramki...................................................................................188
Tworzenie ramki z tytułem serwisu.................................................................................189
Tworzenie ramki z menu...................................................................................................190
Tworzenie ramki z treścią .................................................................................................191
Ustalanie początkowej zawartości ramek........................................................................192
Tworzenie odnośnika prowadzącego do wybranej ramki ............................................194
Tworzenie odnośnika otwierającego nowe okno przeglądarki ....................................196
Blokowanie możliwości zmiany szerokości ramki.........................................................198
Zmiana obramowania ramki ............................................................................................200
Tworzenie treści alternatywnej.........................................................................................201
Ramka osadzona.................................................................................................................202
Usuwanie obramowania ramki osadzonej ......................................................................204
Podsumowanie....................................................................................................................205
Yvkphņ ?5 Qh}hZjypw{ 555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555597>
Quiz internetowy................................................................................................................208
Dynamiczne menu .............................................................................................................217
Podsumowanie....................................................................................................................221
Yvkphņ @5 Zly~pz pu{lyul{v~ 55555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555599:
Strona główna serwisu .......................................................................................................224
Dynamiczne tworzenie stron WWW ..............................................................................225
Informacje o stronie WWW .............................................................................................232
Podsumowanie....................................................................................................................234
Yvkphņ 875 W|isprv~hupl zly~pz| ^^^ 555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555559:<
Instalowanie programu SmartFTP...................................................................................237
Uruchomienie programu SmartFTP ...............................................................................245
Tworzenie nowego połączenia..........................................................................................246
Nawiązywanie połączenia .................................................................................................249
Zrywanie połączenia z serwerem.....................................................................................251
Aktualizowanie listy plików ..............................................................................................252
Podświetlanie grupy plików ..............................................................................................253
Pobieranie plików z serwera .............................................................................................254
Tworzenie nowego folderu na serwerze ..........................................................................255
Umieszczanie plików na serwerze....................................................................................256
We r y kacja poprawności opublikowania pliku HTML................................................257
Zmiana nazwy folderu lub pliku umieszczonego na serwerze.....................................259
Zmiana praw dostępu do folderów lub plików umieszczonych na serwerze .............260
Usuwanie plików przechowywanych na serwerze .........................................................262
We r y kacja zgodności kodu HTML ze standardami....................................................264
Podsumowanie....................................................................................................................266
= Zwpz{yl ś jp
Yvkphņ 885 ahrvňjlupl55555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555 9=>
Kvkh{lr H Lsltlu{ qĞrh _O[TS55555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555559=@
Elementy podstawowe .......................................................................................................270
Atrybuty tekstu ...................................................................................................................272
Bloki tekstu..........................................................................................................................274
Odnośniki i etykiety...........................................................................................................276
Ramki ...................................................................................................................................277
Formularze ..........................................................................................................................279
Listy ......................................................................................................................................284
Obrazy ..................................................................................................................................285
Tabele ...................................................................................................................................287
Kaskadowe arkusze stylu ...................................................................................................291
Informacje o dokumencie .................................................................................................293
Programowanie...................................................................................................................295
Zrvyv~pk5555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555 9@>

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin