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>. [ Poprzednia strona ] [ Następna strona ] |