ABC Tworzenia Stron.pdf

IDZ DO

PRZYK£ADOW Y ROZDZIA£

ABC tworzenia

SPIS TRECI

stron WWW

KATALOG KSI¥¯EK

Autor: Bartosz Danowski

ISBN: 83-7361-017-0

Format: B5, stron: 204

KATALOG ONLINE

ZAMÓW DRUKOWANY KATALOG

TWÓJ KOSZYK

DODAJ DO KOSZYKA

Wydaje Ci siê, ¿e stworzenie w³asnej strony WWW przekracza Twoje mo¿liwoci?

Jeste w b³êdzie! Potrzebna jest do tego odrobina determinacji, trochê wolnego czasu

i podstawowe informacje, których dostarczy Ci ta ksi¹¿ka. Dowiesz siê z niej

wszystkiego, co potrzebne, by samodzielnie stworzyæ w³asn¹ witrynê internetow¹.

Ten praktyczny podrêcznik przeka¿e Ci nie tylko niezbêdne informacje na temat jêzyka

HTML. Dowiesz siê tak¿e jak uatrakcyjniæ wygl¹d witryny u¿ywaj¹c odpowiednich

narzêdzi, jak przygotowaæ grafikê na potrzeby WWW, jak poprawnie zakodowaæ polskie

znaki i jak wysy³aæ e-maile bezporednio ze strony.

Ksi¹¿ka zawiera:

• Podstawowy kurs jêzyka HTML: tekst na stronach WWW, ³¹czenie tekstu

z grafik¹, tabele, ramki i odnoniki

• Niezbêdne informacje na temat kaskadowych arkuszy stylów (CSS)

• Tajniki w³aciwego przygotowania ilustracji na strony WWW: skanowanie,

obróbkê, wybór formatu zapisu

• Praktyczne sposoby publikowania gotowych stron w Internecie

• Wiele sprawdzonych sztuczek i technik projektowania stron WWW

Chcesz mieæ w³asn¹ stronê WWW i nie wiesz od czego zacz¹æ? Zacznij od tej ksi¹¿ki,

a przekonasz siê, ile satysfakcji dostarczy Ci realizowanie w³asnych pomys³ów.

CENNIK I INFORMACJE

ZAMÓW INFORMACJE

O NOWOCIACH

ZAMÓW CENNIK

CZYTELNIA

FRAGMENTY KSI¥¯EK ONLINE

Wydawnictwo Helion

ul. Chopina 6

44-100 Gliwice

tel. (32)230-98-63

e-mail: helion@helion.pl

Spis treci

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

Rozdział 1. Wprowadzenie ...................................................................................7

Niezbdne informacje o HTML-u, CSS i nie tylko...................................................... 7

Narzdzia i informacje potrzebne do dalszej pracy...................................................... 9

Edytory tekstowe..............................................................................................10

Edytory graficzne..............................................................................................10

Program do przygotowania grafiki sieciowej .......................................................11

Przegl)darki internetowe....................................................................................12

Polskie litery na stronie WWW ..........................................................................14

Odbiorca strony ................................................................................................15

Rozdział 2. Tworzymy stron WWW. Podstawy jzyka HTML...............................17

Podstawy i struktura dokumentu ..............................................................................17

Elementy blokowe ..................................................................................................24

Nagłówki .........................................................................................................24

Akapity............................................................................................................25

Cytat................................................................................................................26

Znacznik DIV...................................................................................................27

Dodatkowe znaczniki ........................................................................................27

Listy......................................................................................................................29

Umieszczanie grafiki na stronie WWW.....................................................................33

Hiperł)cza..............................................................................................................37

Tabele ...................................................................................................................48

Formularze.............................................................................................................66

Ramki....................................................................................................................75

Rozdział 3. Modyfikujemy stron WWW — CSS..................................................81

Ró<nice pomidzy formatowaniem za pomoc) HTML-a i CSS...................................82

Umieszczanie stylów w dokumencie.........................................................................83

Jednostki miar i nazewnictwo kolorów stosowane w CSS...........................................84

Jednostki wzgldne ...........................................................................................85

Jednostki bezwzgldne ......................................................................................85

Nazewnictwo kolorów u<ywane w CSS ..............................................................86

Budowa stylu — selektory, identyfikatory, klasy, pseudoklasy oraz pseudoelementy ....87

Selektory..........................................................................................................88

Identyfikatory...................................................................................................90

Klasy ...............................................................................................................91

Pseudoklasy .....................................................................................................92

Pseudoelementy................................................................................................94

ABC tworzenia stron WWW

Dziedziczenie i kaskadowoAB to klucz do potgi CSS.................................................95

Formatowanie wygl)du tekstu..................................................................................98

Formatowanie wygl)du czcionki ............................................................................106

Listy wypunktowane, numerowane oraz definicji.....................................................115

Kolor i tło poszczególnych elementów strony WWW...............................................117

Marginesy zewntrzne i wewntrzne ......................................................................122

Obramowanie elementów ......................................................................................126

Pozycjonowanie elementów...................................................................................133

Wymiarowanie elementów.....................................................................................135

Rozdział 4. Przygotowanie grafiki na potrzeby publikacji na stronie WWW.........137

GIF .....................................................................................................................137

TransparentnoAB — kolor przezroczysty............................................................140

Przeplot .........................................................................................................143

Animowany GIF.............................................................................................144

Redukcja palety kolorów .................................................................................148

JPG.....................................................................................................................149

PNG....................................................................................................................151

Pozostałe formaty publikacji grafiki na stronie WWW .............................................152

Sposoby redukcji rozmiaru zdjB i grafiki ...............................................................154

Antyaliasing.........................................................................................................156

Cicie grafiki na mniejsze elementy........................................................................158

Mapa odsyłaczy....................................................................................................161

Skanowanie i obróbka obrazów na potrzeby strony WWW.......................................162

Skanowanie....................................................................................................162

Obróbka skanu ...............................................................................................164

Rozdział 5. Publikacja gotowego projektu........................................................169

Dodatek ........................................................................................177

Zestawienie wszystkich właAciwoAci kaskadowych arkuszy stylów ...........................177

WłaAciwoAci tekstu..........................................................................................177

WłaAciwoAci czcionki ......................................................................................178

WłaAciwoAci listy ............................................................................................178

WłaAciwoAci tła i koloru...................................................................................179

Marginesy zewntrzne.....................................................................................179

Marginesy wewntrzne — dopełnienie..............................................................180

Obramowanie .................................................................................................180

WłaAciwoAci tabeli ..........................................................................................181

Pozycjonowanie..............................................................................................181

Oblewanie tekstem innych elementów...............................................................182

Efekty wizualne ..............................................................................................182

WłaAciwoAci drukowania .................................................................................182

Style w MS Internet Explorerze........................................................................182

Opis skryptu FormMail .........................................................................................183

Zabezpieczanie strony hasłem................................................................................186

Wczytywanie arkusza w zale<noAci od u<ywanej przegl)darki ..................................189

Własny licznik......................................................................................................190

Podsumowanie ..............................................................................193

Skorowidz......................................................................................195

Rozdział 1.

Wprowadzenie

Do stworzenia strony WWW bdziesz potrzebował zaledwie kilku drobiazgów oraz

sporej dawki silnej woli i zacicia. Zakładam, e posiadasz solidny zapas dobrych

chci, a reszt! zajmiemy si wspólnie.

Na nastpnych stronach tego rozdziału opisałem wszystkie elementy, które składaj!

si na tworzenie strony WWW. Nie jest to jeszcze bezpo#redni opis przygotowywania

witryny, jednak ma z nim bezpo#redni zwi!zek, dlatego dokładnie przeczytaj wszyst-

ko, co napisałem na nastpnych stronach.

Niezbdne informacje

o HTML-u, CSS i nie tylko

Prace na jzykiem HTML rozpoczto kilkana#cie lat temu, a kontrol nad ich post-

pem sprawowało konsorcjum W3C — http://www.w3.org . Pierwsza oficjalna specy-

fikacja jzyka została ostatecznie zatwierdzona w 1994 roku. Oferowała ona zaledwie

mał! namiastk tego, co znajduje si w stosowanym obecnie jzyku HTML 4.01.

Dlatego te prace trwały nadal i w 1996 roku ukazała si kolejna oficjalna specyfika-

cja, oznaczona numerem 3.2. W tej formie jzyk został wzbogacony o wiele nowych

moliwo#ci, a jedn! z najwaniejszych były tabele, które zrewolucjonizowały stron

WWW. Nastpne lata przyniosły kolejn! specyfikacj i w 1998 roku została zatwier-

dzona wersja oznaczona numerem 4.0, a w 1999 roku pojawiła si wersja poprawiona

4.01. Jeeli jeste# zainteresowany prze#ledzeniem dokładnego rozwoju kolejnych

wersji jzyka HTML, to polecam odno#niki do poszczególnych specyfikacji:

HTML 2 — http://www.w3.org/MarkUp/html-spec ,

HTML 3.2 — http://www.w3.org/TR/REC-html32 ,

HTML 4.0 — http://www.w3.org/TR/1998/REC-html40-19980424 ,

HTML 4.01 — http://www.w3.org/TR/html4 .

ABC tworzenia stron WWW

W tym opracowaniu bd wykorzystywał najnowsz! specyfikacj — HTML 4.01,

w której wprowadzono wiele zmian, a jedn! z najwaniejszych jest oddzielenie ele-

mentów formatuj!cych od znaczników grupuj!cych tekst w bloki, listy czy te tabele.

Pliki zawieraj!ce odpowiednie polecenia jzyka HTML — znaczniki — s! plikami

tekstowymi i maj! nastpuj!ce rozszerzenia:

Tabela 1.1. Uywane rozszerzenia plików strony

.htm

pliki tekstowe zawierajce kod HTML, czasami te kod JavaScript

.html

pliki tekstowe zawierajce kod HTML, czasami te kod JavaScript

.shtml

pliki tekstowe zawierajce kod HTML oraz instrukcje SSI — pliki takie s przetwarzane

przez serwer przed wysłaniem do przegldarki

.php

pliki tekstowe zawierajce kod HTML połczony ze skryptami PHP4

.php3

pliki tekstowe zawierajce kod HTML połczony ze skryptami PHP3

.cgi

pliki tekstowe zawierajce skrypty napisane w Perlu bd' Shellu — cz)sto połczone

z kodem HTML

.pl

pliki tekstowe zawierajce skrypty napisane w Perlu — cz)sto połczone z kodem HTML

Przy tworzeniu stron bd starał si zachci8 Ci do tego, by# uywał CSS (kaskado-

wych arkuszy stylów) do kontrolowania wygl!du strony.

Kaskadowe arkusze stylów od dawna były dobrze znane uytkownikom edytorów

tekstu i zostały z duym entuzjazmem przyjte w #wiatku webmasterów. Dziki CSS

projektanci dostali do r!k potne narzdzie, pozwalaj!ce okre#la8 wygl!d niemal

kadego elementu strony. Obecny HTML zawiera jedynie zestaw znaczników odpo-

wiedzialnych za grupowanie tekstu w bloki, tworzenie tabel, list, ramek, osadzanie

grafiki, natomiast cały proces formatowania i pozycjonowania wszystkich elementów

został przejty przez CSS — kaskadowe arkusze stylów. Rozwi!zanie takie jest bar-

dzo wygodne i daje ogromne moliwo#ci.

Podobnie jak jzyk HTML, równie kaskadowe arkusze stylów s! standaryzowane

przez konsorcjum W3C, a odpowiednie specyfikacje znajduj! si na stronie WWW:

http://www.w3.org/TR/REC-CSS 1 — specyfikacja CSS 1,

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

http://www.w3.org/Style/CSS/current-work — informacje na temat trzeciej

wersji specyfikacji,

http://jigsaw.w3.org/CSS-validator — walidator CSS.

Ksi!ka wykorzystuje informacje zawarte w specyfikacjach CSS 1 oraz CSS 2 i z oczywi-

stych wzgldów nie zawiera opisu wszystkich moliwo#ci, gdy po prostu byłoby to

niemoliwe. Postanowiłem skupi8 si jedynie na elementach uywanych w codzien-

nej pracy. Dlatego jeeli po przeczytaniu ksi!ki zapragniesz pozna8 dokładniej ka-

skadowe arkusze stylów, musisz pobra8 odpowiednie specyfikacje ze strony WWW

konsorcjum W3C lub kupi8 inne ksi!ki, po#wicone temu zagadnieniu. Gor!co pole-

cam ksi!k swojego autorstwa ABC kaskadowych arkusz stylów (CSS) .

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: