HTML i XHTML. Ćwiczenia praktyczne.pdf

IDZ DO

PRZYK£ADOW Y ROZDZIA£

HTML i XHTML.

SPIS TREŒCI

Æwiczenia praktyczne

KATALOG KSI¥¯EK

Autor: Bartosz Danowski

ISBN: 83-246-0568-1

Format: A5, stron: oko³o 170

KATALOG ONLINE

ZAMÓW DRUKOWANY KATALOG

TWÓJ KOSZYK

DODAJ DO KOSZYKA

Posiadanie w³asnej strony WWW przesta³o byæ czymœ niezwyk³ym. Mechanizmy

oferowane przez wiêkszych dostawców us³ug internetowych pozwalaj¹ na jej

stworzenie bez znajomoœci jêzyka HTML. Wystarczy wybraæ odpowiedni szablon,

dodaæ do niego treœæ oraz grafikê i… gotowe. Jednak takie rozwi¹zanie zdecydowanie

ogranicza mo¿liwoœci twórcze i nie gwarantuje, ¿e strona bêdzie zapadaæ w pamiêæ

odwiedzaj¹cym j¹ osobom. Poznanie jêzyka HTML i mo¿liwoœci oferowanych przez

technologiê CSS sprawi, ¿e Twoja strona bêdzie siê wyró¿niaæ na tle innych— nadasz jej

indywidualny styl, a dodatkowo samodzielne stworzenie w³asnej witryny WWW da Ci

ogromn¹ satysfakcjê.

Dziêki ksi¹¿ce „HTML i XHTML. Æwiczenie praktyczne” poznasz podstawowy „budulec”

stron WWW — jêzyk HTML i jego wersjê rozwojow¹, nazywan¹ XHTML. Dowiesz siê,

z jakich elementów sk³ada siê kod strony WWW, oraz nauczysz siê korzystaæ ze

znaczników w celu rozmieszczenia elementów tekstowych i graficznych na stronie.

Przeczytasz te¿ o kaskadowych arkuszach stylów — poznasz sposoby ich definiowania

i przypisywania elementom strony.

Niezbêdne narzêdzia webmastera

Definiowanie strony kodowej, s³ów kluczowych i opisu strony

Formatowanie tekstu, list, tabel i ³¹czy

Tworzenie formularzy

Wstawianie na stronê elementów graficznych

Definiowanie stylów dla tekstu

Testowanie witryny w ró¿nych przegl¹darkach

Przestañ byæ biernym u¿ytkownikiem sieci. Stwórz w³asn¹ stronê WWW

CENNIK I INFORMACJE

ZAMÓW INFORMACJE

ONOWOŒ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

Wstęp

Rozdział 1. Wprowadzenie

Podstawowe różnice pomiędzy HTML a XHTML

Potrzebne narzędzia — edytory, programy graficzne

i przeglądarki

Rozdział 2. Podstawy

Elementy podstawowe

Nagłówek dokumentu

Ciało dokumentu

Uwagi końcowe

Rozdział 3. Elementy języków XHTML i HTML

Komentarze

Tekst

Listy

Hiperłącza

Elementy graficzne

Tabele

Formularze

Ramki

Uwagi końcowe

HTML i XHTML. Ćwiczenia praktyczne

Rozdział 4. Kaskadowe arkusze stylów

Instalacja

Wprowadzenie

Style w praktyce

Wybrane właściwości tekstu

Wybrane właściwości czcionki

101

Wybrane właściwości list

106

Wybrane właściwości koloru i tła

108

Wybrane właściwości marginesów

111

Wybrane właściwości obramowania

113

Wymiarowanie elementów

116

Wybrane właściwości pozycjonowania elementów

118

Rozdział 5. Praktyczne projekty

123

Strona książki

123

Rozdział 6. Testowanie

137

Poprawność wyświetlania

137

Zgodność ze specyfikacją

138

Podsumowanie

143

Dodatek

145

W trakcie pracy nad dużymi dokumentami stosuj komentarze.

Są bardzo przydatne, zwłaszcza gdy nad jedną stroną pracuje

kilku projektantów. Pozwoli to uniknąć zbędnego zamieszania.

Komentarze bardzo ułatwiają poruszanie się po samym kodzie. Do

umieszczenia komentarza służy:

Komentarz nie ma wpływu na wyświetlany dokument, a jego zawar-

tość jest zwyczajnie ignorowana przez każdą przeglądarkę.

Unikaj stosowania zbyt rozbudowanych komentarzy, gdyż niepotrzebnie

zwiększa to rozmiar dokumentu, który musi zostać pobrany przez

przeglądarkę. Poza tym zbyt duża liczba komentarzy oraz rozbudowana

treść mogą zostać uznane przez wyszukiwarki internetowe za spam

— próbę oszustwa — co zazwyczaj owocuje usunięciem witryny z indeksu.

HTML i XHTML. Ćwiczenia praktyczne

Do elementów odpowiedzialnych za prezentację tekstu w językach

XHTML i HTML możemy zaliczyć nagłówki, akapity, cytaty, indeksy

górne i dolne, znaczniki łamania wiersza, poziomie linie oraz znacznik

<div></div> . Dalej przyjrzymy się konstrukcji każdego z tych elemen-

tów. Pamiętaj, że wszystkie elementy muszą się znajdować wewnątrz

znacznika <body></body> .

Zgodnie ze specyfikacją XHTML oraz HTML 4.01 znaczniki opisane

poniżej służą jedynie do nadania poszczególnym elementom określonej

formy. Natomiast dokładne określenie struktury takiego elementu,

np. koloru, wyrównania czy czcionki, zostało oddzielone od języka

XHTML/HTML i weszło w skład kaskadowych arkuszy stylów.

Nagłówki

Specyfikacja języków XHTML i HTML przewiduje możliwość utwo-

rzenia nagłówków o sześciu zróżnicowanych rozmiarach. Oto ogólny

przepis na nagłówek:

<hx>Nag ł ówek stopnia X </hx>

Za pomocą litery X oznaczyłem stopień nagłówka. W praktyce w to

miejsce wstawiamy cyfry z przedziału od 1 do 6. Wbrew pozorom

znacznik <h1></h1> jest największym nagłówkiem, a <h<></h<> najmniej-

szym. Przykład nagłówka znajduje się poniżej.

<h1>Nag ł ówek stopnia pierwszego</h1>

<h2>Nag ł ówek stopnia drugiego</h2>

<h3>Nag ł ówek stopnia trzeciego</h3>

<h4>Nag ł ówek stopnia czwartego</h4>

<h5>Nag ł ówek stopnia pi ą tego</h5>

<h<>Nag ł ówek stopnia szóstego</h<>

Natomiast na rysunku 3.1 widać wszystkie sześć stopni nagłówków.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: