ABC_tworzenia_stron_WWW_abctww.pdf

(224 KB) Pobierz

IDZ DO

PRZYK£ADOWY ROZDZIA£

SPIS TRE CI

KATALOG KSI¥¯EK

KATALOG ONLINE

ZAMÓW DRUKOWANY KATALOG

ABC tworzenia

stron WWW

Autor: Bartosz Danowski

ISBN: 83-7361-017-0

Format: B5, stron: 204

TWÓJ KOSZYK

DODAJ DO KOSZYKA

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

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 bezpo rednio ze strony.

Ksi¹¿ka zawiera:

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

z grafik¹, tabele, ramki i odno niki

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

• Tajniki w³a ciwego 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 NOWO CIACH

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 treści

Wstęp ............................................................................................... 5

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

Niezbędne informacje o HTML-u, CSS i nie tylko ...................................................... 7

Narzędzia 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 języka 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 pomiędzy 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 względne ...........................................................................................85

Jednostki bezwzględne ......................................................................................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 kaskadowość to klucz do potęgi 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 zewnętrzne i wewnętrzne ...................................................................... 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

Transparentność — 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 zdjęć i grafiki ............................................................... 154

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

Cięcie 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łaściwości kaskadowych arkuszy stylów ........................... 177

Właściwości tekstu.......................................................................................... 177

Właściwości czcionki ...................................................................................... 178

Właściwości listy ............................................................................................ 178

Właściwości tła i koloru................................................................................... 179

Marginesy zewnętrzne..................................................................................... 179

Marginesy wewnętrzne — dopełnienie.............................................................. 180

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

Właściwości tabeli .......................................................................................... 181

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

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

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

Właściwości drukowania ................................................................................. 182

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

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

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

Wczytywanie arkusza w zale ności od u ywanej przeglądarki .................................. 189

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

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

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

Rozdział 1.

Wprowadzenie

Do stworzenia strony WWW będziesz potrzebował zaledwie kilku drobiazgów oraz

sporej dawki silnej woli i zacięcia. Zakładam, e posiadasz solidny zapas dobrych

chęci, a resztą zajmiemy się wspólnie.

Na następnych 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 następnych stronach.

Niezbędne informacje

o HTML-u, CSS i nie tylko

Prace na językiem HTML rozpoczęto kilkanaście lat temu, a kontrolę nad ich postę-

pem sprawowało konsorcjum W3C —

http://www.w3.org.

Pierwsza oficjalna specy-

fikacja języka została ostatecznie zatwierdzona w 1994 roku. Oferowała ona zaledwie

małą namiastkę tego, co znajduje się w stosowanym obecnie języku 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 język został wzbogacony o wiele nowych

mo liwości, a jedną z najwa niejszych były tabele, które zrewolucjonizowały stronę

WWW. Następne 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. Je eli jesteś zainteresowany prześledzeniem dokładnego rozwoju kolejnych

wersji języka 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 będę wykorzystywał najnowszą specyfikację — HTML 4.01,

w której wprowadzono wiele zmian, a jedną z najwa niejszych jest oddzielenie ele-

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

Pliki zawierające odpowiednie polecenia języka HTML — znaczniki — są plikami

tekstowymi i mają następujące rozszerzenia:

Tabela 1.1.

U ywane rozszerzenia plików strony

.htm

.html

.shtml

.php

.php3

.cgi

.pl

pliki tekstowe zawierające kod HTML, czasami te kod JavaScript

pliki tekstowe zawierające kod HTML oraz instrukcje SSI — pliki takie są przetwarzane

przez serwer przed wysłaniem do przeglądarki

pliki tekstowe zawierające kod HTML połączony ze skryptami PHP4

pliki tekstowe zawierające kod HTML połączony ze skryptami PHP3

pliki tekstowe zawierające skrypty napisane w Perlu bądź Shellu — często połączone

z kodem HTML

pliki tekstowe zawierające skrypty napisane w Perlu — często połączone z kodem HTML

Przy tworzeniu stron będę starał się zachęcić Cię do tego, byś u ywał CSS (kaskado-

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

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

tekstu i zostały z du ym entuzjazmem przyjęte w światku webmasterów. Dzięki CSS

projektanci dostali do rąk potę ne narzędzie, pozwalające określać wygląd niemal

ka dego 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ł przejęty przez CSS — kaskadowe arkusze stylów. Rozwiązanie takie jest bar-

dzo wygodne i daje ogromne mo liwości.

Podobnie jak język 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 względów nie zawiera opisu wszystkich mo liwości, gdy po prostu byłoby to

niemo liwe. Postanowiłem skupić się jedynie na elementach u ywanych w codzien-

nej pracy. Dlatego je eli po przeczytaniu ksią ki zapragniesz poznać dokładniej ka-

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

konsorcjum W3C lub kupić inne ksią ki, poświęcone temu zagadnieniu. Gorąco pole-

cam ksią kę swojego autorstwa

ABC kaskadowych arkusz stylów (CSS).

Plik z chomika:

Ksiazki_20

Inne pliki z tego folderu:

Baw_sie_kodem_Twoja_wlasna_gra_CoderDojo_Nano_poprok.pdf (6758 KB)
Adobe_Creative_Suite_3_Web_Standard_Tworzenie_dynamicznych_stron_WWW_Warsztaty_cresww.pdf (2410 KB)
101_praktycznych_skryptow_na_strone_WWW_Wydanie_II_101ps2.pdf (515 KB)
101_praktycznych_skryptow_na_strone_WWW_101psw.pdf (426 KB)
ABC_tworzenia_stron_WWW_Wydanie_II_abctw2.pdf (625 KB)

ABC_tworzenia_stron_WWW_abctww.pdf

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: