twowww-5.pdf

IDZ DO

PRZYK£ADOW Y ROZDZIA£

Tworzenie stron WWW.

SPIS TREœCI

Ilustrowany przewodnik

KATALOG KSI¥¯EK

Autor: Aleksandra Tomaszewska-Adamarek

ISBN: 83-246-0608-4

Format: A5, stron: 184

KATALOG ONLINE

ZAMÓW DRUKOWANY KATALOG

TWÓJ KOSZYK

Stwórz i opublikuj w³asn¹ stronê WWW

Wykorzystaj edytory wizualne

Poznaj jêzyk HTML i JavaScript

Umieœæ stronê w sieci

Trudno wyobraziæ sobie wspó³czesny œwiat bez internetu. Poczta elektroniczna,

Gadu-Gadu, Skype, sklepy internetowe i portale s¹ dziœ równie powszechne jak

kilkanaœcie lat temu radio i telewizja. Internet to potê¿ne medium informacyjne

i komunikacyjne. W dziesi¹tkach milionów witryn internetowych firmy prezentuj¹ swoj¹

ofertê, organizacje polityczne — swoje mniej lub bardziej niemo¿liwe do zrealizowania

programy, a osoby prywatne — swoje zainteresowania, fotografie i coraz czêœciej

opowieœci o w³asnym ¿yciu. W sieci mo¿na znaleŸæ firmy oferuj¹ce nieodp³atnie konta,

na których mo¿na opublikowaæ witrynê WWW. Tylko jak j¹ zrobiæ?

W ksi¹¿ce „Tworzenie stron WWW. Ilustrowany przewodnik” znajdziesz odpowiedŸ na

to pytanie. Czytaj¹c j¹, poznasz wszystkie zagadnienia niezbêdne do tego, aby Twoja

witryna WWW pojawi³a siê w sieci. Dowiesz siê, w jaki sposób stworzyæ stronê WWW,

korzystaj¹c z dostêpnych w sieci narzêdzi lub pisz¹c j¹ samodzielnie w jêzyku HTML.

Poznasz najpopularniejsze edytory s³u¿¹ce do pisania kodu stron, nauczysz siê

przygotowywaæ grafikê na potrzeby sieci i rejestrowaæ swoj¹ witrynê w katalogach

i wyszukiwarkach.

Tworzenie w³asnego blogu

Edytory kodu i narzêdzia wizualne

Przetwarzanie grafiki

Elementy tekstowe

Tworzenie formularzy

Formatowanie stron za pomoc¹ arkuszy stylów

Tworzenie elementów dynamicznych w JavaScript

Przygotowywanie animacji w programie Macromedia Flash

Rejestracja witryny w wyszukiwarkach

Przekonaj siê, ¿e zaprojektowanie witryny WWW

DODAJ DO KOSZYKA

CENNIK I INFORMACJE

ZAMÓW INFORMACJE

ONOWOœCIACH

ZAMÓW CENNIK

CZYTELNIA

FRAGMENTY KSI¥¯EK ONLINE

Wydawnictwo Helion

ul. Koœciuszki 1c

44-100 Gliwice

tel. 032 230 98 63

e-mail: helion@helion.pl

Spis treści

Wstęp..............................................................................................................6

Rozdział 1. Trzy,.dwa,.jeden….START!................................................................. 9

Blog...........................................................................................................10

Serwisy.stron.WWW.................................................................................16

Rozdział 2. Edytory WYSIWYG, czyli chłopcy od brudnej roboty.......................22

Edycja kodu...............................................................................................4

Szablony...................................................................................................40

Zarządzanie szablonami...........................................................................4

Rozdział 3. Graika................................................................................................ 44

Dodawanie obrazków do strony................................................................ 49

Tworzenie graiki.......................................................................................54

Kadrowanie...............................................................................................56

Photoshop.............................................................................................56

Fireworks...............................................................................................56

Zmiana wielkości i rozdzielczości.............................................................. 57

Photoshop.............................................................................................57

Fireworks...............................................................................................57

Obracanie..................................................................................................58

Photoshop.............................................................................................58

Fireworks...............................................................................................58

Wyostrzanie i rozmazywanie.....................................................................59

Photoshop.............................................................................................59

Fireworks...............................................................................................59

Stosowanie iltrów efektów artystycznych................................................. 61

Photoshop.............................................................................................61

Fireworks...............................................................................................61

Darmowa graika.......................................................................................62

Tworzenie elementów rollover...................................................................64

Dzielenie obrazów na fragmenty............................................................... 67

Tworzenie stron WWW. Ilustrowany przewodnik

Rozdział 4. HTML – język Internetu.............................................................. 70

Podstawy i struktura dokumentu............................................................... 71

Polecenia w nagłówku...........................................................................7

Ciało dokumentu...................................................................................75

Nagłówki................................................................................................75

Akapity..................................................................................................76

Cytaty....................................................................................................76

Listy.......................................................................................................77

Łącza.....................................................................................................78

Tabele....................................................................................................80

Formularze............................................................................................8

Pole.INPUT.......................................................................................8

Pole.SELECT...................................................................................84

Pole.TEXTAREA...............................................................................84

Ramki....................................................................................................86

Adresowanie dokumentów wewnątrz ramek......................................... 88

Dodatkowe.znaczniki............................................................................88

Rozdział 5. Co to znaczy mieć styl, czyli słów kilka o CSS........................... 90

Formatowanie ..........................................................................................98

Pionowe i poziome wyrównanie tekstu................................................. 98

Wcięcie pierwszego wiersza akapitu..................................................... 98

Odstępy.................................................................................................98

Dekoracja tekstu...................................................................................99

Małe i wielkie litery..............................................................................100

Formatowanie wyglądu czcionki.........................................................100

Kolor i tło.............................................................................................104

Marginesy............................................................................................105

Programy do tworzenia arkuszy stylów...................................................109

Rozdział 6. Tworzenie dynamicznych stron WWW,

czyli JavaScript w akcji............................................................ 111

Typy danych............................................................................................114

Boolean...............................................................................................114

Number...............................................................................................114

String...................................................................................................114

Null i Undeined.......................................................................................115

Wyrażenia i warunki................................................................................116

Inne operatory.........................................................................................118

Wprowadzanie poleceń...........................................................................119

Spis treści

Wprowadzanie poleceń w elemencie SCRIPT........................................120

Łączenie poleceń w funkcje....................................................................12

Sterowanie przepływem..........................................................................125

if...else.................................................................................................125

while....................................................................................................126

do...while.............................................................................................126

for........................................................................................................126

break i continue...................................................................................127

switch..................................................................................................127

Okna........................................................................................................129

Tworzenie nowego okna przeglądarki.....................................................11

Uruchamianie skryptów za pomocą zdarzeń..........................................1

Rozdział 7. Animacja Flash................................................................................16

Przygotowywanie graiki..........................................................................17

Proste obiekty geometryczne..............................................................19

Wypełnienie.........................................................................................141

Linie.....................................................................................................144

Transformacje.....................................................................................144

Skalowanie i obracanie.......................................................................145

Przekształcenia numeryczne..............................................................146

Tekst....................................................................................................146

Animacje.............................................................................................147

Przesuwanie graiki po ścieżce...........................................................152

Dźwięk.....................................................................................................156

Eksportowanie i publikowanie ilmów......................................................158

Wskazówki pomocne w optymalizowaniu animacji Flash.......................166

Rozdział 8. Promocja..................................................................................161

Wyszukiwarki internetowe.......................................................................162

Rejestracja..............................................................................................165

Element TITLE....................................................................................165

Reklama..................................................................................................169

Katalogi.internetowe................................................................................171

Ogłoszenia prasowe................................................................................172

Poczta.elektroniczna...............................................................................17

Banery reklamowe..................................................................................174

Agencje reklamowe.................................................................................176

Skorowidz....................................................................................................177

Rozdział 5.

Co to znaczy mieć styl,

czyli słów kilka o CSS

— nieodłączne części stron WWW.

Wiesz już, jak je tworzyć i jak budować

z nich całość za pomocą edytorów teks-

towych oraz programów WYSIWYG.

Znasz podstawy języka HTML, a teraz

nadszedł czas, aby wyjaśnić, co to są te

kaskadowe arkusze stylów, które wielo-

krotnie pojawiały się w poprzednich roz-

działach. W Paryżu lub Nowym Jorku

określenie „mieć styl” oznacza, że cho-

dzisz w butach od Gucciego, marynar-

kach od Armaniego i dżinsach od Mar-

ca Jacobsa. Na szczęście w wirtualnym

świecie styl kosztuje dużo mniej. Aby

mieć styl, wystarczy się zapoznać ze

specyikacją kaskadowych arkuszy sty-

lów i stosować tę technologię do budowy

tworzonych stron.

nie o stopniu skomplikowania zadania

polegającego na stworzeniu kilku stron,

na których używana będzie ta sama sty-

listyka — krój, kolor, wielkość czcionki,

kolorystyka elementów czy wygląd ta-

bel, wyobraź sobie, jak trudno jest zapa-

nować nad tymi wszystkimi elementami,

gdy masz do ogarnięcia kilkaset stron

projektowanych przez kilka różnych

osób.

Korzystanie z kaskadowych arkuszy sty-

lów oznacza również oszczędność miej-

sca, ponieważ styl każdego elementu jest

deiniowany jednokrotnie w pliku dei-

nicji stylów, a nie przy każdym wystą-

pieniu elementu na stronie, czyli w przy-

padku takich elementów jak na przykład

akapit czy nagłówek kilkadziesiąt razy

na każdej stronie.

Kaskadowe arkusze stylów (ang. casca-

ding style sheets — CSS ) są stosowane

do formatowania stron i pozwalają uzy-

skać doskonałą kontrolę nad wyglądem

całego dokumentu. Sensowność korzy-

stania z kaskadowych arkuszy stylów

nietrudno udowodnić — wyobraź sobie

witrynę składającą się z dużej liczby

stron WWW, nad którą pracuje cała gru-

pa programistów. Mając już wyobraże-

Wskazówka

Szczegółowe informacje na temat kaska -

dowych arkuszy stylów znajdziesz pod

adresem:

http://www.w3.org/TR/REC-CSS 2

P rzyciski, paski menu, zdjęcia, obrazy

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: