Id do

Spis treci
Przykadowy rozdzia
Katalog ksiek

Tworzenie stron WWW.

Kurs. Wydanie III
Autor: Radosaw Sok
ISBN: 978-83-246-2618-2
Format: 168237, stron: 300

Katalog online
Zamw drukowany
katalog
miao wkrocz w wiat technologii internetowych

Twj koszyk
Dodaj do koszyka
Cennik i informacje
Zamw informacje
o nowociach
Zamw cennik
Czytelnia
Fragmenty ksiek
online

Kontakt
Helion SA
ul. Kociuszki 1c
44-100 Gliwice
tel. 32 230 98 63
e-mail: helion@helion.pl
Helion 19912011

Poznaj podstawy tworzenia stron WWW

Naucz si praktycznego stosowania jzyka HTML
Dowiedz si, jak udostpni swoj stron w sieci
Internet wdar si przebojem w nasze codzienne ycie. Trudno dzi znale powan firm, ktra
nie dysponowaaby cho prost stron WWW. Rzadko te mona spotka osob, ktra nie
korzystaaby z poczty elektronicznej lub ktrego z popularnych serwisw spoecznociowych.
Wikszo uytkownikw ogranicza si jednak do konsumpcji treci internetowych, a tylko nieliczni
dziel si nimi z innymi ludmi. Przeszkod okazuje si tu zwykle brak znajomoci odpowiednich
technologii, a przede wszystkim najbardziej podstawowego budulca stron WWW, ktrym jest
jzyk HTML.
Jeli chcesz doczy do osb aktywnie korzystajcych z sieci i sta si jednym z twrcw atrakcyjnych
treci internetowych, powiniene zacz od signicia po odpowiedni lektur. Doskonaym
wyborem bdzie ksika Tworzenie stron WWW. Kurs. Wydanie III . To podrcznik, z ktrego
dowiesz si, jak stawia pierwsze kroki w jzyku HTML, czego potrzebujesz, aby tworzy wasne
strony WWW, a take jak opublikowa stron w internecie. Krok po kroku poznasz struktur
dokumentw HTML, sposoby tworzenia treci tekstowych, odnonikw, tabel i ramek, metody
zamieszczania grafiki i kodu JavaScript. Odkryjesz rwnie tajniki posugiwania si arkuszami
stylw oraz podstawy technologii AJAX.
Struktura stron WWW i podstawy ich tworzenia
Przegld niezbdnych narzdzi pracy
Kodowanie tekstu w jzyku HTML
Definiowanie odnonikw i osadzanie grafiki
Zastosowanie tabel i ramek
Korzystanie z jzyka JavaScript i technologii AJAX
Uywanie kaskadowych arkuszy stylw
Publikowanie stron w internecie
Spraw, aby tworzenie stron WWW nie miao przed Tob tajemnic!

Spis treci

Wstp...............................................................................................7
Czym s HTML i XHTML?....................................................................................8
Jak wyglda znacznik HTML............................................................................... 10
Wymagane oprogramowanie i sprzt ................................................................ 11
Przykady................................................................................................................ 11

Rozdzia 1. Nowa strona WWW........................................................................13

Uruchomienie programu Notatnik..................................................................... 14
Wprowadzanie podstawowego kodu strony...................................................... 15
Ustalanie tytuu strony WWW............................................................................ 17
Zapisywanie kodu strony na dysku twardym.................................................... 18
Otwieranie zapisanej wczeniej strony WWW................................................. 20
Wywietlanie strony w przegldarce................................................................... 21
Aktualizowanie strony w przegldarce............................................................... 22
Kopiowanie fragmentu kodu HTML.................................................................. 22
Wklejanie uprzednio skopiowanego fragmentu kodu HTML........................ 23
Wycinanie fragmentu kodu HTML.................................................................... 24
Podsumowanie....................................................................................................... 24
Rozdzia 2. Tre strony WWW i jej struktura logiczna.....................................25
Wprowadzanie tekstu............................................................................................ 26
Deklarowanie sposobu kodowania polskich znakw diakrytycznych........... 27
Zapisanie fragmentu tekstu czcionk pogrubion............................................ 28
Zapisanie fragmentu tekstu kursyw.................................................................. 30
Podkrelenie fragmentu tekstu............................................................................ 31
Twarde spacje......................................................................................................... 32
Indeksy grne i dolne........................................................................................... 34
Zapisywanie fragmentu tekstu czcionk nieproporcjonaln........................... 35
Zapisywanie wikszego fragmentu tekstu czcionk nieproporcjonaln........ 36
Nadawanie znaczenia fragmentom treci strony.............................................. 38
amanie tekstu wewntrz akapitu....................................................................... 39
Zmiana rozmiaru czcionki................................................................................... 40
Nagwki rozdziaw i sekcji tekstu.................................................................... 41
Wstawianie poziomej linii................................................................................... 43
Lista wypunktowana............................................................................................. 44

Zagniedanie listy................................................................................................ 45
Lista numerowana................................................................................................. 46
Wstawianie znakw specjalnych......................................................................... 47
Podzia dokumentu na sekcje.............................................................................. 49
Podsumowanie....................................................................................................... 51
Rozdzia 3. Odnoniki......................................................................................53
Tworzenie odnonika............................................................................................ 54
Tworzenie odnonika pocztowego...................................................................... 56
Definiowanie domylnego tematu wiadomoci pocztowej.............................. 57
Definiowanie etykiety........................................................................................... 58
Tworzenie odnonika prowadzcego do etykiety............................................. 59
Tworzenie odnonika prowadzcego do etykiety
zadeklarowanej na innej stronie WWW............................................................ 60
Tworzenie obszaru nawigacyjnego..................................................................... 62
Podsumowanie....................................................................................................... 63
Rozdzia 4. Obrazy...........................................................................................65
Format GIF............................................................................................................. 66
Format JPEG.......................................................................................................... 67
Pobieranie i instalowanie programu IrfanView................................................ 68
Umieszczanie obrazu na stronie WWW............................................................ 80
Przeksztacanie obrazu w odnonik.................................................................... 84
Zamieszczanie miniatur zdj............................................................................. 85
Obrazy w HTML5................................................................................................. 92
Mapy odnonikw................................................................................................. 93
Usuwanie obrazu................................................................................................... 97
Podsumowanie....................................................................................................... 98
Rozdzia 5. Tabele..........................................................................................101
Jak w jzyku HTML opisuje si tabel?............................................................ 102
Tworzenie tabeli.................................................................................................. 102
Zmiana treci komrki tabeli............................................................................. 106
Wstawianie nowego wiersza tabeli.................................................................... 107
Wstawianie nowej kolumny tabeli.................................................................... 108
Scalanie komrek tabeli...................................................................................... 110
Dzielenie scalonej komrki tabeli..................................................................... 114
Okrelanie struktury logicznej tabeli................................................................ 116
Podsumowanie..................................................................................................... 118
Rozdzia 6. Kaskadowe arkusze stylu............................................................119
Atrybuty stylu...................................................................................................... 120
Styl wpisany.......................................................................................................... 121
Styl osadzony....................................................................................................... 122
Styl doczony...................................................................................................... 122
Dlaczego kaskadowe?...................................................................................... 122
Jednostki CSS....................................................................................................... 123
Kolory wCSS....................................................................................................... 124

Wstawianie definicji stylu wpisanego............................................................... 125

Atrybuty tekstu.................................................................................................... 126
Model pudekowy CSS........................................................................................ 129
Kolor treci ito elementu.................................................................................. 129
Obramowanie elementu..................................................................................... 131
Marginesy............................................................................................................. 134
Wyrwnywanie tekstu wakapicie..................................................................... 136
Elementy wpisane iblokowe.............................................................................. 137
Pozycjonowanie elementw strony................................................................... 141
Definiowanie wygldu elementu jzyka HTML.............................................. 150
Definiowanie klas wygldu elementu jzyka HTML...................................... 153
Definiowanie niezalenych klas stylu............................................................... 155
Zmiana wygldu odnonikw........................................................................... 157
Indywidualne definiowanie stylu elementu..................................................... 159
Uzalenianie stylu elementu odmiejsca jegowystpowania......................... 160
Tworzenie zewntrznego arkusza stylu............................................................ 162
Podsumowanie..................................................................................................... 165
Rozdzia 7. JavaScript....................................................................................167
Quiz internetowy................................................................................................. 168
Dynamiczne menu.............................................................................................. 176
Podsumowanie..................................................................................................... 181
Rozdzia 8. Serwis internetowy.......................................................................183
Strona gwna serwisu........................................................................................ 184
Dynamiczne tworzenie stron WWW............................................................... 184
Informacje o stronie WWW.............................................................................. 203
Weryfikowanie poprawnoci kodu................................................................... 205
Podsumowanie..................................................................................................... 209

Zakoczenie................................................................................210

Dodatek A Elementy jzykw HTML iXHTML...............................................211

 Tworzenie odnonika Tworzenie odnonika

pocztowego Definiowanie domylnego tematu
wiadomoci pocztowej Definiowanie etykiety

Tworzenie odnonika prowadzcego do etykiety

Tworzenie odnonika prowadzcego do etykiety
zadeklarowanej na innej stronie WWW Tworzenie
obszaru nawigacyjnego Podsumowanie

3
Odnoniki

Odnoniki jeszcze do niedawna odrniay strony WWW od wszystkich innych dokumentw elektronicznych. Dzisiaj moliwo deklarowania w prawie kadym typie dokumentu odnonikw do dowolnych innych materiaw niezalenie od ich
umiejscowienia w globalnej sieci zrewolucjonizowaa wiat informacji. Czy klikajc odnonik przenoszcy Ci z jednego artykuu do drugiego, moesz sobie wyobrazi, e kiedy korzystano z globalnej sieci komputerowej bez ich pomocy?
Odnoniki, nazywane czasem poczeniami (lub linkami od angielskiego sowa
link), s niesamowicie uytecznym i wygodnym narzdziem. Co ciekawe, tworzy si
je wyjtkowo atwo.
Adresy internetowe dziel si na:
bezwzgldne (np. http://www.helion.pl/) podany adres od pocztku do
koca (bezwzgldnie) definiuje pooenie strony WWW i moe by stosowany
w takiej samej postaci, niezalenie od strony WWW, na ktrej go uyjemy,
wzgldne (np. ../teksty/opis.html lub te nowy.html) podany adres definiuje
pooenie strony WWW wycznie wzgldem aktualnej strony; uycie go na
innej stronie WWW (umieszczonej w innym katalogu tego samego serwera lub
na innym serwerze) uniemoliwi odszukanie wskazywanego przez odnonik
dokumentu.

54

Tworzenie odnonika

Adresw bezwzgldnych naley uywa wycznie w przypadku odwoywania si

do innego serwisu WWW, niepowizanego z tworzon stron. W ramach jednego
serwisu zawsze naley uywa adresw wzgldnych. Dziki temu adresy s krtsze, atwiej jest dokonywa reorganizacji serwisu (np. przenoszenia poszczeglnych jego czci do folderw podrzdnych), a przede wszystkim unika si zalenoci
strony WWW od konkretnego serwera, za w razie zmiany firmy obsugujcej serwer
(lub tylko nazwy serwera) koniecznoci dokonywania zmian w kodzie.

Adresy internetowe czsto nazywane s te adresami URL lub URI od angielskich nazw
Uniform Resource Locator oraz Uniform Resource Identifier (jednolity lokalizator zasobu).

Tworzenie odnonika
Odnonik reprezentuje obiekt o nazwie <a>. Bdzie si on pojawia we wszystkich
przykadach w tym rozdziale.
1. Umie kursor w tym miejscu kodu, w ktrym ma si pojawi odnonik.
Najczciej odnoniki umieszcza si wewntrz akapitu tekstu, czyli wewntrz
elementu <p>. Mog pojawia si jednak i w innych elementach tekstowych
byle nie bezporednio na poziomie dokumentu.
2. Wprowad kod elementu <a>.
3. Rozbuduj element <a> o atrybut href zawierajcy zapisany w cudzysowie
docelowy adres URL odnonika:

<a href=adres-docelowy>
Wprowadzajc bezwzgldny adres strony WWW, nie zapominaj o jego poprawnym zapisaniu. Adres bezwzgldny musi zaczyna si od nazwy protokou internetowego (w przypadku
stron WWW: http://). Jeeli adres zawiera tylko nazw serwera, musi koczy si znakiem /.
Pominicie tych elementw a w szczeglnoci prefiksu okrelajcego protok dostpu
do danych uniemoliwi funkcjonowanie odnonikw w niektrych przegldarkach WWW.

4. Wprowad tekst, ktry ma by wywietlany jako odnonik.

Tworzenie odnonika

Staraj si unika definiowania jako odnonikw sformuowa typu kliknij tutaj nie naley to do dobrego stylu.

5. Zamknij element,
wpisujc </a>.

6
5

6. Zapisz wprowadzone
zmiany.

3
4

7. Uaktywnij okno przegldarki.

8

8. Zaktualizuj wywietlan stron.

9. Umie wskanik myszy
na utworzonym odnoniku
i kliknij go.

10. Jeeli odnonik zosta

poprawnie utworzony,
w oknie przegldarki pojawi si po chwili docelowa strona WWW.

10

55

56

Tworzenie odnonika pocztowego

Tworzenie odnonika pocztowego

Najprawdopodobniej na stronach WWW nieraz widziae odnoniki, ktrych kliknicie
natychmiast otwierao okno Twojego programu pocztowego z now, automatycznie zaadresowan wiadomoci. Wbrew pozorom przygotowanie takiego odnonika jest rwnie atwe jak zbudowanie zwykego odnonika prowadzcego do strony internetowej.
Umieszczenie na stronie odnonika prowadzcego do Twojej skrzynki pocztowej
zdecydowanie podniesie jako tworzonej strony, gdy umoliwi jej czytelnikom
zgaszanie pod Twoim adresem uwag jej dotyczcych. Nie zapominaj zatem o tym
szczegle najlepiej za przygotuj sobie szablon pustej strony (na podstawie ktrego
bdziesz tworzy kolejne strony podrzdne serwisu) z utworzonym w jej stopce
odnonikiem pocztowym.
Uytkownicy Internetu coraz rzadziej korzystaj z programw-klientw poczty elektronicznej zainstalowanych na komputerze i uruchamianych w momencie kliknicia odnonika pocztowego. Dla uytkownika systemu pocztowego dostpnego za porednictwem
strony WWW odnonik pocztowy nie ma prawie adnej wartoci: co najwyej moe go
skopiowa do schowka i wklei w pole adresu docelowego.

1. Umie kursor w miejscu kodu, w ktrym ma si pojawi odnonik pocztowy.

2. Wprowad kod elementu <a>.
3. Rozbuduj element <a> o atrybut href zawierajcy zapisane w cudzysowie
wyraenie mailto: oraz docelowy adres pocztowy:

<a href=mailto:adres-pocztowy>

4. Wprowad tekst, ktry ma by wywietlany jako odnonik. Moe to by

np. Twoje imi i nazwisko.
5. Zamknij element,
wpisujc </a>.

6. Zapisz wprowadzone zmiany.

Definiowanie domylnego tematu wiadomoci pocztowej

7. Uaktywnij okno przegldarki.

8. Zaktualizuj wywietlan stron.
8

9. Kliknij utworzony odnonik,

aby przetestowa jego dziaanie
i sprawdzi, czy program pocztowy otworzy do edycji prawidowo zaadresowan wiadomo
pocztow.

Pamitaj, e zamieszczenie adresu pocztowego na stronie WWW dostpnej w Internecie

jest rwnoznaczne z ujawnieniem go wszystkim osobom rozsyajcym hurtowo niechciane wiadomoci elektroniczne (tzw. spam). Jeli zdecydujesz si da czytelnikom
Twojej strony moliwo kontaktowania si z Tob, zadbaj o zabezpieczenie swojej
skrzynki pocztowej przed napywem spamu.

To, w jaki sposb zachowa si system operacyjny po klikniciu odnonika, zaley od zainstalowanego programu pocztowego. Jeeli na danym komputerze nie zosta skonfigurowany (lub wrcz zainstalowany) program pocztowy, uytkownik ujrzy po klikniciu jedynie okno dialogowe z komunikatem bdu.

Definiowanie domylnego tematu

wiadomoci pocztowej
Jeli chcesz jeszcze bardziej zautomatyzowa proces wysyania wiadomoci pocztowej, moesz bezporednio w kodzie odnonika poda domylny temat tworzonej
wiadomoci.
1. Umie kursor wewntrz wartoci atrybutu href znacznika <a>, zaraz za
wprowadzonym docelowym adresem pocztowym.
2. Wprowad tekst ?Subject= oraz domyln tre tematu wiadomoci pocztowej:
<a href=mailto:adres-pocztowy?Subject=temat wiadomosci pocztowej>

3. Zapisz wprowadzone
zmiany.

57

58

Definiowanie etykiety

Staraj si zapisywa domylne tematy wiadomoci pocztowych wycznie z wykorzystaniem

znakw alfabetu aciskiego, bez stosowania polskich znakw diakrytycznych. Pozwoli Ci to
unikn problemw zwizanych z rnorodnoci standardw kodowania znakw.

Definiowanie etykiety
Nie zawsze informacja, do ktrej naley zapewni szybki dostp za pomoc odnonika, znajduje si na innej stronie WWW. Czsto przydaje si moliwo zdefiniowania odnonika przenoszcego czytelnika do innego miejsca tej samej strony WWW.
Pierwszym krokiem przy tworzeniu takiego odnonika jest zdefiniowanie etykiety
(zwanej te czasem zakotwiczeniem od jej angielskiej nazwy anchor), czyli punktu
docelowego dla odnonikw.
Najczstszym zastosowaniem etykiet i prowadzcych do nich odnonikw s odnoniki umoliwiajce czytelnikowi powrt na pocztek strony. Stosuje si rwnie
czasem spisy treci, umoliwiajce przejcie z pocztku strony od razu do waciwej
sekcji duszego dokumentu. Najbardziej logicznym i przydatnym zastosowaniem
zakotwicze jest przenoszenie czytelnika od razu do waciwego fragmentu dugiego
artykuu, wyjaniajcego kwesti, do ktrej odnonik zosta kliknity.
1. Umie kursor wewntrz kodu znacznika
otwierajcego element,
do ktrego ma prowadzi etykieta.

2. Dodaj do znacznika
atrybut id i jako jego
warto wprowad
unikatow nazw
etykiety:

id=nazwa-etykiety

Nazwa etykiety powinna skada si wycznie z liter alfabetu aciskiego i nie moe zawiera znakw spacji. Zastosowanie innych znakw moe spowodowa, e odnoniki prowadzce do etykiety nie bd funkcjonowa.

Tworzenie odnonika prowadzcego do etykiety

Tworzenie odnonika
prowadzcego do etykiety
1. Umie kursor w tym miejscu kodu, w ktrym ma si pojawi odnonik.
2. Wprowad kod elementu <a>.
3. Rozbuduj element <a> o atrybut href zawierajcy znak # oraz zapisan
w cudzysowie nazw utworzonej wczeniej docelowej etykiety:
<a href=#etykieta-docelowa>

4. Wprowad tekst, ktry

ma by wywietlany
jako odnonik.

6
1

5. Zamknij element,
wpisujc </a>.
6. Zapisz wprowadzone
zmiany.

7. Uaktywnij okno przegldarki.

8
9

8. Zaktualizuj wywietlan stron.

9. Kliknij utworzony odnonik,
by przetestowa jego dziaanie.

59

60

Tworzenie odnonika prowadzcego do etykiety zadeklarowanej na innej stronie WWW

10. Do adresu strony dopisana

zostaa nazwa etykiety
10

11. a zawarto okna przegldarki przesuna si

tak, by widoczny sta si
fragment strony oznaczony w kodzie etykiet.

11

Pamitaj, e odnoniki prowadzce do etykiet bd dziaa tylko wtedy, gdy etykieta, do

ktrej prowadzi odnonik, umieszczona jest w miejscu strony niewidocznym w danym momencie w oknie przegldarki. Nie zdziw si wic, jeli po utworzeniu bardzo krtkiej strony
testowej, zawierajcej etykiet i prowadzcy do niej odnonik, skorzystanie z odnonika nie
da adnego efektu mechanizm ten zosta przystosowany do nawigowania po wyjtkowo
obszernych stronach WWW.

Tworzenie odnonika
prowadzcego do etykiety
zadeklarowanej na innej stronie WWW
Etykiety i prowadzce do nich odnoniki najatwiej wykorzysta do uproszczenia nawigacji w ramach jednej strony WWW. Jednak odnonik moe rwnie prowadzi do
etykiety znajdujcej si na zupenie innej stronie! Wykorzystujc t moliwo jzyka
HTML, umoliwisz czytelnikowi Twojego serwisu WWW przechodzenie do okrelonego fragmentu dowolnej strony za pomoc jednego tylko kliknicia odnonika.
1. Umie kursor w tym miejscu kodu, w ktrym na stronie WWW ma si pojawi odnonik.

Pamitaj odnonik musi znajdowa si w innym pliku ni etykieta. Krtko mwic, musisz przygotowa dwie strony WWW (dwa pliki .html): jedn z etykiet (jak w poprzednim
wiczeniu), a drug z odnonikiem (przygotowywana tutaj).

Tworzenie odnonika prowadzcego do etykiety zadeklarowanej na innej stronie WWW

2. Wprowad kod elementu <a>.

3. Rozbuduj element <a> o atrybut href.
4. Wprowad wewntrz wartoci atrybutu adres strony WWW, do ktrej
ma prowadzi odnonik.

Adresem docelowym moe by po prostu nazwa drugiego pliku .html oba pliki musz
si w takim przypadku znajdowa w tym samym folderze na dysku. To najprostsza posta
odnonika o adresie wzgldnym.

5. Wpisz znak #, oddzielajcy adres strony od nazwy etykiety, i wprowad nazw

etykiety docelowej.
6. Wprowad tekst, ktry
ma by wywietlany
jako odnonik.

8
1

7. Zamknij element,
wpisujc </a>.
5

8. Zapisz wprowadzone
zmiany.

9. Uaktywnij okno przegldarki.

10. Zaktualizuj wywietlan stron lub otwrz plik strony WWW zawierajcej utworzony przed chwil odnonik.

10
11

11. Kliknij utworzony

odnonik, by przetestowa jego dziaanie.

61

62

Tworzenie obszaru nawigacyjnego

12. W polu adresu pojawi

si adres docelowej
strony wraz z nazw
wybranej etykiety

12

13. a zawarto okna

przegldarki zostanie
przesunita tak, by
widoczny sta si fragment strony oznaczony w kodzie etykiet.

13

Tworzenie obszaru nawigacyjnego

Jzyk HTML5 wprowadza nowy element nawigacyjny, sucy grupowaniu odnonikw o podobnej funkcjonalnoci. Jeeli masz zamiar stworzy na swojej stronie
WWW blok odnonikw sucych nawigacji midzy kolejnymi stronami serwisu
lub dziaami portalu albo prowadzcych do polecanych przez Ciebie innych stron
WWW, warto zawrze go w bloku nawigacyjnym.
1. Umie kursor w miejscu kodu, w ktrym ma si pojawi na stronie blok
nawigacyjny czcy odnoniki o podobnym celu.
2. Otwrz element bloku nawigacyjnego, wpisujc znacznik <nav>.
3. Wprowad kolejne odnoniki nalece do tego bloku.
4. Zamknij element
bloku nawigacyjnego, wpisujc znacznik </nav>.

5
1
2
4

5. Zapisz wprowadzone zmiany.

Podsumowanie

6. Uaktywnij okno przegldarki.

7. Zaktualizuj wywietlan stron.
7

8. Blok nawigacyjny prezentuje

stworzone odnoniki. Nie przejmuj si zbytnio mao estetyczn
form graficzn bloku nawigacyjnego: w momencie opanowania mechanizmu kaskadowych arkuszy stylu nadanie mu
dowolnej formy bdzie zdecydowanie atwiejsze ni bez wykorzystania elementu <nav>.

Podsumowanie
Prawidowo skonstruowany system odnonikw moe znacznie poprawi jako
Twojego serwisu internetowego. Jeli dusze strony WWW wyposaysz w prosty spis treci utworzony z odnonikw prowadzcych do fragmentw tekstu, a na
kocu kadego fragmentu umiecisz dyskretny odnonik umoliwiajcy powrt do
pocztku strony oraz do gwnej strony serwisu, nawigacja bdzie znacznie przyjemniejsza i efektywniejsza. Nie zapominaj przy tym o korzystaniu z blokw nawigacyjnych <nav>, wprowadzonych w jzyku HTML5, gdy ich obecno zauwaalnie
uproci pniejsze formatowanie dokumentu z wykorzystaniem kaskadowych
arkuszy stylu.
Postaraj si przewiczy najwaniejsze zagadnienia dotyczce odnonikw:
Utwrz dug stron WWW (moesz j wypeni bezsensownym zbiorem
znakw), podziel j na fragmenty opatrzone tytuami, a nastpnie wykorzystujc etykiety i odnoniki opracuj na pocztku strony menu prowadzce do
poszczeglnych czci tekstu.
Przygotuj stron zawierajc odnoniki prowadzce do serwisw internetowych najczciej przez Ciebie odwiedzanych. Jeli dobrze j przygotujesz,
moesz nawet pokusi si o wykorzystanie jej jako Twojej strony domowej
i rozpoczynanie surfowania po Sieci wanie od niej.

63