tworzenie stron www. ilustrowany przewodnik. wydanie ii scan.pdf

SpiS treści

rozdział 1. trzy, dwa, jeden… StArt! . . . . . . . . . . . . . . . . . . . . . . 5

Blog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Serwisy stron WWW . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

rozdział 2. edytory WYSiWYG, czyli chłopcy od brudnej roboty . . 26

edytory HtML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

edytory WYSiWYG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

Korzystanie z edytora WYSiWYG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

rozdział 3. Grafika . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65

Dodawanie obrazków do strony . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69

tworzenie grafiki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76

Darmowa grafika . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

rozdział 4. HtML — język internetu . . . . . . . . . . . . . . . . . . . . . . . . 88

Składnia języka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88

rozdział 5. Wykorzystanie formularzy i ramek . . . . . . . . . . . . . . 109

Formularze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

ramki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116

Dodatkowe znaczniki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119

rozdział 6. co to znaczy mieć styl, czyli słów kilka o cSS . . . . . 120

Formatowanie tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128

Dekoracja tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131

Kolor i tło . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136

Marginesy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137

programy do tworzenia arkuszy stylów . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

tWorzenie Stron WWW. ilustrowany przewodnik

rozdział 7. tworzenie dynamicznych stron WWW,

czyli JavaScript w akcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141

typy danych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144

Wyrażenia i warunki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146

Wprowadzanie poleceń . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149

okna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159

rozdział 8. Animacje Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

przygotowywanie grafiki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

Animacje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

eksportowanie i publikowanie filmów . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189

rozdział 9. promocja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191

Wyszukiwarki internetowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

reklama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200

Katalogi internetowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

ogłoszenia prasowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202

poczta elektroniczna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203

Banery reklamowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205

rozdział 10. poradnik, czyli od czego zacząć . . . . . . . . . . . . . . . 207

Struktura witryny . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212

Szablon witryny . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

projektowanie zawartości stron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215

rozDziAł 6

co to znaczy mieć styl,

czyli słów kilka o cSS

Przyciski, paski menu, zdjęcia, obrazy — nieodłączne elementy stron WWW.

Dotychczas dowiedziałeś się, jak je tworzyć i budować z nich całość za pomocą

edytorów tekstowych lub aplikacji WYSIWYG. Poznałeś również podstawy ję-

zyka HTML. Czas zaprzyjaźnić się z CSS, czyli kaskadowymi arkuszami stylów.

Styl w wirtualnym świecie nie wymaga dużych nakładów inansowych, a jedynie

zainwestowania odrobiny czasu w opracowanie stylistyki strony i konsekwentne

realizowanie przyjętych założeń.

Kaskadowe arkusze stylów (ang. cascading style sheets — CSS) są stosowane do

formatowania stron i pozwalają na uzyskanie doskonałej kontroli nad jednolitym

wyglądem poszczególnych stron i całej witryny. Wyobraź sobie witrynę składa-

jącą się z dużej liczby stron WWW, nad którą pracuje cała grupa programistów.

Mając wyobrażenie o stopniu skomplikowania zadania polegającego na stwo-

rzeniu kilku stron, na których używana będzie ta sama stylistyka — krój, kolor,

wielkość czcionki, kolorystyka elementów czy wygląd tabel, wyobraź sobie, jak

trudno zapanować nad tymi wszystkimi elementami, gdy masz do ogarnięcia kil-

kaset stron projektowanych przez kilka różnych osób. Do tego celu niezawodnie

przydają się kaskadowe arkusze stylów.

Korzystanie z CSS oznacza również oszczędność miejsca, ponieważ styl każdego

elementu jest deiniowany jednokrotnie w pliku deinicji stylów, a nie przy każ-

dym wystąpieniu elementu na stronie, czyli w przypadku takich elementów jak na

przykład akapit czy nagłówek kilkadziesiąt razy na każdej stronie.

WskazóWka

Szczegółowe informacje na temat kaskadowych arkuszy stylów znajdziesz pod

adresem http://www.w3.org/Style/CSS/ .

120

co to znaczy mieć styl, czyli słów kilka o cSS

Deinicje stylów można wprowadzać do opisu strony na kilka sposobów. Pamiętaj,

że każdy z tych sposobów ma swoje wady i zalety, a wybór najlepszego sposobu

zależy od preferencji programisty oraz sytuacji, w której styl ma być zastosowany.

Sposób I

<p style=”color:blue; font-family:Arial;

font-size:12pt;”> Zawartość akapitu </p>

Deinicja stylu jest umieszczona bezpośred-

nio w znaczniku. Jest to analogiczna skład-

nia do umieszczania w znaczniku atrybutów

tego znacznika.

Zaleta: prostota użycia.

Wada: konieczność powtarzania deinicji dla

każdego kolejnego znacznika umieszczane-

go na stronie.

Sposób II

{ color:blue;

font-family:Arial;

font-size:12pt;

}

</style></head>

<body>

<p> Pierwszy akapit </p>

<p>Drugi akapit</p>

</body></html>

Deinicja stylu jest umieszczona w nagłówku

dokumentu. Tak zdeiniowany styl odnosi się

do wszystkich znaczników tego typu w doku-

mencie.

Zaleta: jednokrotna deinicja stylu dla ele-

mentu w obrębie strony.

Wada: dla tego samego znacznika na innych

stronach musisz ponownie zdeiniować style

znacznika wewnątrz nagłówków tych stron.

Sposób III

type=”text/css”></head>

<body>

<p> Pierwszy akapit </p>

<p>Drugi akapit</p>

</body></html>

Deinicja stylu jest umieszczona w osobnym

pliku o rozszerzeniu *.css , który jest powiązany

z dokumentem strony poprzez użycie znacz-

nika <link> . Atrybut href wskazuje ścieżkę

dostępu do pliku arkuszy stylów. Wywołanie

zewnętrznego arkusza stylów znajduje się

w nagłówku i dotyczy całej strony WWW, czyli

wszystkich elementów danego typu.

Zaleta: do tak zdeiniowanego arkusza moż-

na podłączyć wiele stron witryny i wszyst-

kie będą miały zdeiniowane te same style.

Zmiana stylu danego elementu na wszyst-

kich stronach witryny wymaga jedynie zmia-

ny odpowiednich wpisów w arkuszu stylów.

121

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: