Kurs HTML, ponownie w natarciu 2

   

Struktura dokumentu


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">

odpowiedziallny 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ąć 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ęśći 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.

Nastepny rozdział o znaczniku <BODY>.


TIGeR



[ Poprzednia strona ]     [ Następna strona ]

______________________________ 042 ______________________________

Copyrigt(C) '2001 Maciej Kunowski