HELION tworzenie stron WWW.pdf

IDZ DO

PRZYK£ADOW Y ROZDZIA£

Po prostu tworzenie

stron WWW

SPIS TRECI

KATALOG KSI¥¯EK

KATALOG ONLINE

Autor:

ISBN: 83-7197-661-5

Format: B5, stron: 236

Krzysztof Pikoñ

ZAMÓW DRUKOWANY KATALOG

TWÓJ KOSZYK

DODAJ DO KOSZYKA

Celem ksi¹¿ki jest przekazanie praktycznej wiedzy o sposobie tworzenia stron WWW,

ale równie¿ o samej filozofii ich tworzenia.

Autor zwraca uwagê nie tylko na jêzyk HTML czy elementy JavaScriptu, ale równie¿ na

ró¿nego rodzaju sztuczki i u³atwienia, usprawniaj¹ce pracê nad stronami WWW,

a zatem nie pominiêto opisu najczêciej u¿ywanych i naj³atwiej osi¹galnych narzêdzi do

projektowania stron. Dzieki tej ksi¹¿ce czytelnik nauczy siê, w jakim zakresie warto

z nich korzystaæ i do czego je wykorzystywaæ. Najwa¿niejsze, ¿e pominiêto dyskusjê

o wy¿szoci jednej metody na drug¹.

CENNIK I INFORMACJE

ZAMÓW INFORMACJE

O NOWOCIACH

" " " "

" "

ZAMÓW CENNIK

Poradnik dla pocz¹tkuj¹cych, przysz³ych profesjonalnych projektantów stron

WWW.

Przystêpne wyjanienie pojêæ HTML, HTTP, WWW, ³¹cza, ramka, tabela, etc.

Jak skompletowaæ niezbêdne narzêdzia i nie straciæ du¿o pieniêdzy?

Jak zaprojektowaæ stronê? -- kilka doskona³ych porad.

Ramki, formularze, skrypty. Naucz siê tak¿e, czym s¹ i jak poprawnie stosowaæ

Kaskadowe arkusze stylów.

Poznaj ró¿nice w dzia³aniu przegl¹darek internetowych i zaprojektuj swoj¹ stronê

tak, by by³a prawid³owo wywietlana.

Naucz siê w³aciwego doboru formatu graficznego plików oraz tworzenia stron,

które ³atwo obejrzeæ nawet za pomoc¹ ³¹cza modemowego.

Techniki umieszczania tesktu i obrazków na stronie.

Wzbogacanie stron WWW: animowane obrazki, filmy, darmowe gotowe

komponenty, etc.

Publikowanie stron WWW.

Jak pozyskaæ i zarejestrowaæ w³asn¹ domenê internetow¹.

CZYTELNIA

FRAGMENTY KSI¥¯EK ONLINE

Wydawnictwo Helion

ul. Chopina 6

44-100 Gliwice

tel. (32)230-98-63

e-mail: helion@helion.pl

Wstp.......................................................................................5

Zanim zaczniemy ........................................................................................5

Rozdział 1. W jakim celu tworzymy t stron?............................................7

Rozdział 2. Kompletujemy narzdzia........................................................13

Przegldarka internetowa..........................................................................14

Projektant stron WWW.............................................................................15

Edytor tekstu .............................................................................................16

Program graficzny.....................................................................................17

Program do przesyłania plików.................................................................18

Rozdział 3. HTML, czyli esencja internetu..................................................19

Czym jest HTML?.....................................................................................19

Gdzie mo-na znale./ przykłady?..............................................................20

Jak si3 tworzy i zapisuje dokumenty HTML-owe?...................................21

Struktura strony WWW.............................................................................23

Struktura pliku HTML ..............................................................................24

Formatowanie całej strony ........................................................................27

Tekst w HTML-u ......................................................................................31

Grafika w HTML-u...................................................................................45

Tabele w HTML-u ....................................................................................49

Łcza .........................................................................................................60

Ramki........................................................................................................70

Formularze ................................................................................................80

Kaskadowe arkusze stylów CSS ...............................................................97

Rozdział 4. Projektant stron WWW.........................................................123

Netscape Composer.................................................................................124

Nowa strona.............................................................................................127

Grafika.....................................................................................................136

Łcza .......................................................................................................141

Tabele......................................................................................................144

Ramki......................................................................................................151

Formularze ..............................................................................................152

Publikowanie strony w internecie ...........................................................153

Spis treci

Rozdział 5. Grafika w internecie.............................................................157

Formaty plików graficznych ...................................................................158

Kolory .....................................................................................................161

Przeskalowywanie grafiki .......................................................................163

Grafika progresywna...............................................................................165

Grafika przezroczysta..............................................................................166

Zapis i optymalizacja grafiki...................................................................168

Grafika animowana .................................................................................173

Skd mo-na pobra/ grafik3? ...................................................................176

Rozdział 6. Wzbogacamy stron, czyli ró+ne efekty.................................177

Aktualna data...........................................................................................178

Modyfikowanie paska stanu....................................................................179

Wykrywanie przegldarki .......................................................................180

Menu animowane....................................................................................181

Banery przewijane...................................................................................183

D.wi3k na stronie....................................................................................185

Wideo na stronie......................................................................................188

Rozdział 7. Urozmaicanie stron gotowymi komponentami.......................191

Dodatki w serwisie 4free.pl.....................................................................192

Dodatki w serwisie free4web.pl..............................................................194

Dodatki w portalu Onet.pl.......................................................................196

Dodatki w portalu Wirtualna Polska .......................................................197

Dodatki w portalu Interia ........................................................................198

Dodatki w serwisie WEBMEDIA...........................................................199

Dodatki w serwisie Of.pl.........................................................................200

Rozdział 8. Efekt ko.cowy — publikacja.................................................201

Testowanie stron .....................................................................................202

Serwer dla naszych stron.........................................................................203

FTP, czyli przesyłanie plików.................................................................209

Rozdział 9. Domeny i rejestracja strony w wyszukiwarkach....................221

Rejestracja stron w wyszukiwarkach ......................................................222

Rejestracja domen ...................................................................................224

Dodatek A Kolory..................................................................................227

Dodatek B Znaki specjalne....................................................................231

Rozdział 8. Efekt kocowy — publikacja

Nareszcie dotarlimy do upragnionego koca.

Dzi"ki opanowaniu HTML-u i obsługi narz"dzi

mamy gotow( stron" WWW. Mamy równie+

odpowiednio zoptymalizowan( grafik"

— jednym słowem wszystko. To znaczy prawie

wszystko.

Pozostaj( nam czynnoci kocowe, które s(

równie+ istotne. Nikt bowiem nie zobaczy

naszej strony przed jej opublikowaniem.

Najpierw przetestujemy nasze dzieło na własnym

komputerze — jeszcze przed publikacj(.

W wielu miejscach ksi(+ki znalazły si" apele

o bie+(ce sprawdzanie efektu naszych zabiegów.

Zarówno u+ywaj(c Netscape Composera, jak

i po prostu pisz(c w j"zyku HTML, powinnimy

regularnie wczytywa1 stworzon( stron"

i sprawdza1, czy to jest to, o co nam chodziło.

Pod sam koniec pracy bardzo zalecane jest

przetestowanie całoci, czyli ponowne

sprawdzenie wszystkich elementów, np.

podstron, oraz serwisu. Wa+ne jest bowiem

współdziałanie wszystkich elementów.

Kiedy ju+ upewnimy si", +e wszystko działa

poprawnie, wówczas b"dziemy musieli

zarejestrowa1 swoje konto na jakim serwerze

i w kocu przesła1 wszystkie pliki składaj(ce

si" na nasze strony do wybranego serwera.

Dalszym etapem b"d( ponowne testy. Jest to

absolutnie konieczne! Cz"sto zdarza si", +e albo

z naszej winy, albo z winy narz"dzi na przykład

zostan( poprzestawiane w dziwny sposób ł(cza.

Po opublikowaniu stron upewnijmy si" wi"c

jeszcze raz, czy wszystko działa poprawnie.

Nast"pnie pozostanie nam ju+ tylko zgłoszenie

naszej strony do ró+nych wyszukiwarek i by1

mo+e zarejestrowanie domeny.

201

Rozdział 8.

Testowanie stron

Powtórz" to jeszcze raz — stron" nale+y

gruntownie przetestowa1 przed opublikowaniem.

Okazuje si", +e je+eli na przykład u+ywamy

projektanta stron WWW pracuj(cego

w technologii WYSIWYG, to faktycznie to,

co zobaczymy na ekranie, nie zawsze odpowiada

temu, co b"dzie mógł zobaczy1 internauta

odwiedzaj(cy nasz( stron".

Otwieranie strony z dysku twardego

w przegldarce Internet Explorer (Plik/Otwórz).

Pami"tajmy, +e u+ywany przez nas j"zyk

HTML ma pewne standardy i w zasadzie

powinien dawa1 takie same rezultaty we

wszystkich przegl(darkach. Niestety tak nie jest,

co pewnie ju+ zauwa+ylimy w trakcie omawiania

poszczególnych elementów samego j"zyka.

Dosy1 cz"sto zdarza si", +e ta sama strona

wczytana przez Internet Explorera i Netscape’a

wygl(da — delikatnie mówi(c — inaczej.

Warto wi"c sprawdzi1, jak nasz serwis

prezentuje si" w obu przypadkach.

Je+eli struktura katalogów, w których

przechowywalimy nowo stworzony serwis,

na naszym komputerze b"dzie inna ni+ ta, któr(

zbudujemy na serwerze, mo+e si" okaza1, +e

linki b"d( martwe i zamiast nowych elementów

internauta zobaczy tylko niemiły komunikat

o bł"dzie.

Otwieranie strony z dysku twardego

w przegldarce Netscape (File/Open Page).

Tak mo#e wyglda$ strona, je#eli pomylone zostały

(cie#ki dost)pu do elementów graficznych. Zamiast

nich pojawiły si) znaczki ze znakami zapytania. Nie

wyglda to ładnie.

Czasami problemy sprawiaj( te+ edytory

HTML takie jak Composer — przestawiaj(c

w dziwaczny sposób ł(cza oraz adresy miejsc,

w których przechowywana jest grafika u+ywana

na stronie. Mo+emy to sprawdzi1 bardzo prosto,

wczytuj(c swoj( stron" do przegl(darki wprost

z dysku twardego.

W Internet Explorerze wybieramy z menu Plik/

Otwórz/Przegldaj i wskazujemy właciwy plik.

W Netscapie podobnie — File/Open Page/

Choose file.

Teraz pozostaje po prostu powi"ci1 troch"

czasu i popróbowa1.

Oto komunikat, który mo#e napotka$ internauta,

je#eli strony poprawnie nie przetestowano. Łcze

prowadziło do pliku, który nie istnieje.

Internet Explorer jest równie mało wyrozumiały

dla martwych łczy.

202

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: