|
Struktura
dokumentu HTML
W logicznej strukturze można wyróżnić trzy części:
I - pierwsza część to DTD, czyli linia opisująca typ dokumentu
oraz wersję (plus ewentualne jej rozszerzenia) języka HTML,
w której napisano stronę. DTD stanowi znak rozpoznawczy dokumentu,
gdyż dzięki niemu przeglądarka wie jak właściwie odczytać i
zinterpretować kod. Linie tą umieszcza się na samym początku
strony i nie jest ona widoczna w oknie przeglądarki:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 5.0//EN>
Pozostałą część dokumentu rozpoczyna znacznik <HTML>,
określający początek opisu zawartości strony. Na końcu kodu
umieszczamy znacznik zamykający </HTML>
II - pomiędzy w/w znacznikami znajdują się dwa następne: <HEAD>
i </HEAD> Ich zdefiniowanie jest niezwykle istotne, ponieważ
zawierają tzw. META-tagi współpracujące z przeglądarkami i wyszukiwarkami,
katalogującymi strony. Znajdujące się tutaj informacje dotyczą
szczegółowych danych na temat zawartości strony. Najważniejszym
znacznikiem META jest:
<META HTTP-EQIU="content-type" CONTENT="text/html;
charset=iso-8859-2">
odpowiedzialny za prawidłowe kodowanie znaków (o tym później).
Dwoma równie ważnymi poleceniami są:
<META NAME="keywords" CONTENT="wyraz1, wyraz2">
oraz
<META HTTP-EQUIV="description" CONTENT="opis
strony">
Pierwsze to słowa kluczowe dotyczące merytorycznej zawartości
strony, np. robiąc stronę o grach komputerowych w miejsce słów:
"wyraz1" i "wyraz2" powinniśmy wpisać: "gra,
komputer, tipsy, porady, solucje" itd. Drugie to krótki
opis zawartości strony, wracając do przykładu: w miejsce słów:
"opis strony" należałoby wpisać: Jest to strona poświęcona
grom komputerowym. Znajdziesz tu porady, recenzje, solucje i
nowe poziomy." Informacje te są bardzo ważne, ponieważ
wpływają na klasyfikację strony i ułatwiają jej odnalezienie
w sieciowym gąszczu danych. Oprócz tego w części HEAD można
umieścić:
<META HTTP-EQUIV="reply-to" CONTENT="adres
e-mail autora strony">
<META NAME="author" CONTENT="imię, nazwisko
lub ksywa autora">
<META NAME="language" CONTENT="język w jakim
została stworzona strony, dla polskiego - pl">
<META HTTP-EQUIV="creation-date" CONTENT="data
utworzenia strony">
<META NAME="generator" CONTENT="program,
w którym została stworzona strona">
Powyższe informacje te nie pojawiają się w oknie przeglądarki,
zobaczyć je można jedynie poprzez wybranie polecenia "Źródło"
z menu widok. Jedynym widocznym elementem sekcji HEAD jest tytuł
strony, wyświetlany na pasku tytułowym przeglądarki. Tytuł umieszczany
jest pomiędzy znacznikami:
<TITLE>tytuł strony</TITLE>
III - Ostatnią i najobszerniejszą częścią jest treść umieszczona
pomiędzy tagami <BODY> i </BODY> Informacje zawarte
w tej części są widoczne w oknie przeglądarki. Szerzej o tych
znacznikach w następnym rozdziale.
Struktura plików i zapisywanie
Pomocne przy tworzeniu strony będzie stworzenie uporządkowanej
struktury plików, czyli najlepiej założyć jeden katalog gromadzący
wszystkie materiały, strony, itd. A tym katalogu założyć podkatalogi,
w których będziemy gromadzić osobno pliki graficzne, pliki do
ściągnięcia z naszej strony, dokumenty HTML, itd. Przy zapisywaniu
dokumentów HTML należy pamiętać, aby zapisywać je z rozszerzeniem
*.htm. Istnieje też rozszerzenie *.html, ale niektóre starsze
systemy mogą nie obsługiwać czteroznakowych rozszerzeń. Dobrze
jest też zapisywać dokumenty pod krótkimi nazwami (6-8 znaków).
Od czego zacząć?
Dobrym pomysłem jest stworzenie szablonu dokumentu HTML. Według
tego szablonu można będzie tworzyć strony WWW. Ponieważ znajdą
się tam polecenia, które i tak trzeba umieścić na stronie, więc
ich tworzenie będzie szybsze. Do przygotowania szablonu potrzebny
będzie jedynie Windowsowy Notatnik. Otwórz go i wpisz coś takiego:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 5.0//EN>
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Zapisz plik pod nazwą, np. szablon.htm.
Następny rozdział o znaczniku <BODY>.
Tygrys
tigers_e-mail@wp.pl
|
