Professional Documents
Culture Documents
PRZYKADOWY ROZDZIA
SPIS TRECI
KATALOG KSIEK
KATALOG ONLINE
TWJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMW INFORMACJE
O NOWOCIACH
ZAMW CENNIK
CZYTELNIA
FRAGMENTY KSIEK ONLINE
Wydawnictwo Helion
ul. Kociuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Dynamiczny rozwj internetu i jego coraz wikszy zasig sprawiaj, e witryny WWW
stay si niemal obowizkowymi wizytwkami przedsibiorstw i organizacji. Take coraz
wicej uytkownikw prywatnych tworzy wasne miejsca w sieci prezentujc na nich
wykonane przez siebie zdjcia, opisujc swoje zainteresowania lub prowadzc
internetowe pamitniki zwane blogami. Na rynku oprogramowania pojawia si coraz
wicej narzdzi pozwalajcych na tworzenie stron internetowych bez znajomoci ich
podstawowego budulca jzyka HTML, jednak jako generowanego przez nie kodu
czsto pozostawia sporo do yczenia. Znajomo znacznikw HTML i umiejtno
rcznego stworzenia strony WWW nadal pozostaje podstawow umiejtnoci,
jak musi posi kady, kto chce zaistnie w sieci.
Dziki ksice Tworzenie stron WWW. Kurs. Wydanie II opanujesz najnowsz wersj
jzyka HTML oraz jego rozszerzon i zunifikowan posta XHTML. Nauczysz si
pisa kod HTML w zwykym edytorze tekstu. Dowiesz si, jak skonstruowane s
dokumenty HTML i jak rol peni poszczeglne znaczniki tego jzyka. Nauczysz si
wprowadza i formatowa tekst, przygotowywa i osadza w kodzie elementy graficzne
oraz projektowa mechanizmy nawigacji. Poznasz technologi kaskadowych arkuszy
stylw, podstawy jzyka JavaScript oraz zasady tworzenia tabel i ramek. Dowiesz si
take, w jaki sposb opublikowa gotow witryn WWW na serwerze internetowym.
W ksice znajdziesz rwnie niezwykle przydatne w pracy zestawienie wszystkich
znacznikw jzyka XHTML.
Struktura dokumentw HTML
Wprowadzanie tekstu i okrelanie jego atrybutw
Tworzenie czy do innych stron WWW oraz do poczty elektronicznej
Osadzanie na stronie elementw graficznych
Tworzenie tabel i ramek
Korzystanie z kaskadowych arkuszy stylw
Umieszczanie na stronie elementw dynamicznych z wykorzystaniem
jzyka JavaScript
Projektowanie struktury serwisu WWW
Publikacja witryny na serwerze za pomoc klienta FTP
Po przeczytaniu tej ksiki bdziesz gotowy do stworzenia wasnej witryny WWW.
Opanowanie wiadomoci w niej zawartych to pierwszy krok do zostania profesjonalnym
webmasterem.
Spis treci
Wstp ......................................................................................................................................................7
Rozdzia 1.
Rozdzia 2.
Spis treci
Rozdzia 3.
Odnoniki ..........................................................................................................................................71
Tworzenie odnonika...........................................................................................................72
Tworzenie odnonika pocztowego .....................................................................................73
Definiowanie domylnego tematu wiadomoci pocztowej.............................................75
Definiowanie etykiety ..........................................................................................................77
Tworzenie odnonika prowadzcego do etykiety ............................................................78
Tworzenie odnonika prowadzcego do etykiety zadeklarowanej
na innej stronie WWW .......................................................................................................79
Otwieranie odnonika w nowym oknie ............................................................................81
Podsumowanie......................................................................................................................82
Rozdzia 4.
Obrazy.................................................................................................................................................83
Format GIF............................................................................................................................84
Format JPEG .........................................................................................................................86
Pobieranie i instalowanie programu IrfanView ...............................................................87
Umieszczanie obrazu na stronie WWW .........................................................................101
Podsumowanie....................................................................................................................127
Rozdzia 5.
Tabele ...............................................................................................................................................129
Jak w jzyku HTML opisuje si tabel? ...........................................................................130
Tworzenie tabeli .................................................................................................................131
Wprowadzanie tekstu do komrki tabeli ........................................................................135
Zmiana szerokoci kolumny tabeli ..................................................................................136
Zmiana koloru ta tabeli ....................................................................................................138
Zmiana koloru ta komrki tabeli ....................................................................................139
Zmiana marginesw komrek tabeli ...............................................................................140
Wstawianie nowego wiersza tabeli...................................................................................142
Wstawianie nowej kolumny tabeli ...................................................................................144
Scalanie komrek tabeli .....................................................................................................146
Dzielenie scalonej komrki tabeli ....................................................................................150
Okrelenie pooenia zawartoci komrki tabeli ...........................................................152
Tabela tworzca ukad strony ...........................................................................................154
Podsumowanie....................................................................................................................161
Rozdzia 6.
Spis treci
Rozdzia 7.
Ramki ................................................................................................................................................183
Budowa serwisu skadajcego si z ramek ......................................................................184
Tworzenie strony podzielonej na ramki ..........................................................................185
Weryfikowanie podziau na ramki ...................................................................................188
Tworzenie ramki z tytuem serwisu .................................................................................189
Tworzenie ramki z menu ...................................................................................................190
Tworzenie ramki z treci .................................................................................................191
Ustalanie pocztkowej zawartoci ramek ........................................................................192
Tworzenie odnonika prowadzcego do wybranej ramki ............................................194
Tworzenie odnonika otwierajcego nowe okno przegldarki ....................................196
Blokowanie moliwoci zmiany szerokoci ramki .........................................................198
Zmiana obramowania ramki ............................................................................................200
Tworzenie treci alternatywnej .........................................................................................201
Ramka osadzona.................................................................................................................202
Usuwanie obramowania ramki osadzonej ......................................................................204
Podsumowanie....................................................................................................................205
Rozdzia 8.
JavaScript ........................................................................................................................................207
Quiz internetowy ................................................................................................................208
Dynamiczne menu .............................................................................................................217
Podsumowanie....................................................................................................................221
Rozdzia 9.
Spis treci
!
!
!
Tworzenie odnonika
Tworzenie odnonika pocztowego
Deniowanie domylnego tematu
wiadomoci pocztowej
!
!
Deniowanie etykiety
Tworzenie odnonika prowadzcego
do etykiety
!
!
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.
Adresy internetowe czsto nazywane s te adresami URL lub URI od angielskich
nazw Uniform Resource Locator oraz Uniform Resource Identifier (jednolity lokalizator
zasobu).
72
Tworzenie odnonika
Tworzenie odnonika
Odnonik reprezentuje obiekt o nazwie <a>. Bdzie on pojawia si we wszystkich
przykadach w tym rozdziale.
6
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 poprawnym sformowaniu go. Adres bezwzgldny musi zaczyna si od nazwy protokou internetowego
(w przypadku stron WWW: http://). Jeeli adres zawiera tylko nazw serwera, musi koczy si znakiem /.
73
74
10
11
11. Udziel zgody na rozpoczcie tworzenia nowej wiadomoci pocztowej, klikajc przycisk Zezwalaj.
12
75
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>
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.
76
8. Zaakceptuj ostrzeenie.
9
10
Deniowanie etykiety
77
Deniowanie 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.
3
2
78
<a href=#etykieta-docelowa>
7
8
11
79
80
10
11
10. W polu adresu pojawi si adres docelowej strony wraz z nazw wybranej etykiety
11. a zawarto okna przegldarki
zostanie przesunita tak, by widoczny sta si fragment strony
oznaczony w kodzie etykiet.
81
4
2
10
<a href=adres-docelowy
target=_blank>Tekst
odnonika</a>
82
Podsumowanie
Podsumowanie
Prawidowo skonstruowany system odnonikw moe znacznie polepszy 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.
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.