tworzenie stron www. ilustrowany przewodnik. wydanie ii helion(1), ebooki

[ Pobierz całość w formacie 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
3
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
4
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
<html><head>
<style type=”text/css”>
p
{ 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
<html><head>
<link href=”style.css” rel=”stylesheet”
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
[ Pobierz całość w formacie PDF ]