|
Witam!
Jeżeli czytasz ten tekst, oznacza to, że chcesz nauczyć się tworzyć
wspaniałe strony i zostać Webmasterem z prawdziwego zdarzenia :)
Na początku chcę wszystkich uprzedzić, że tworzenie dobrych witryn nie
jest takie proste. Obecnie powstaje coraz więcej edytorów, które
automatyzują cały proces pisania w HTML-u. Jednak, każdy szanujący się
internauta, powinien umieć posługiwać się tym "językiem" w
trybie tekstowym, za pomocą zwykłego Notatnika. Po to właśnie powstał
ten kurs.
Zaczynamy!
Cała struktura strony mieści się w ramach znacznika <HTML>,
a wewnątrz niego znajdują się <HEAD> i
<BODY>.
O to krótki, przykładowy schemat:
<HTML>
<HEAD>
W tym miejscu umieszczamy informację na temat strony. Chodzi mianowicie
o: kodowanie, tytuł, autora, krótki opis strony, słowa kluczowe (dwie
ostatnie rzeczy przydatne są wyszukiwarką internetowym) itp., itd.
</HEAD>
<BODY>
Tutaj znajduje się właściwa część dokumentu.
</BODY>
</HTML>
Chyba rozumiecie, o co w tym wszystkim chodzi :)
W pierwszej części kursu omówimy to, co powinno znaleźć się między
znacznikami <HEAD>. Od razu mówię, że są to rzeczy mało ciekawe,
głównie przydatne wyszukiwarką. Jednak odpowiednie ich wypełnienie
naprawdę się opłaca i może sprawić, że zwiększy się nam liczba
odwiedzin.
Najważniejszą rzeczą (choć niestety często pomijaną) jest informacja o
formacie kodowania strony. W Polsce istnieją dwa standardy: iso-8859-2 oraz
windows-1250. Zdecydowanie bardziej poprawnym kodowaniem jest format iso.
Jest on standardem międzynarodowym, dostępnym w większości systemach.
Strona kodowana w windows-1250 będzie poprawnie wyświetlana jedynie w
komputerach z zainstalowanym systemem Windows!
Aby przeglądarka rozpoznawała format kodowania, musi on zostać
umieszczony w takiej oto postaci:
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-2">
albo
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1250">
Uwaga!!! Tych dwóch standardów nie można używać jednocześnie na danej
stronie.
Kolejnym znacznikiem typu <meta> jest:
<meta name="description" content="opis
strony">
Jest to bardzo przydatny tag. Tekst zawarty w nim zostanie wyświetlony w
wyszukiwarce internetowej, jako znaleziona strona odpowiadająca wpisanym
przez danego użytkownika kryteriom.
Aby zwiększyć szansę wyszukania twojej strony przez inną osobę, należy
podać odpowiednie słowa kluczowe. Umieszcza się je w ramach <head>
w taki sposób:
<meta name="keywords" content="w tym
miejscu należy wpisać słowa, które we właściwy sposób charakteryzują
twoją stronę">
Gdy włączacie swoją stronę w pasku tytułowym (to to na samej górze
okna przeglądarki) pojawia się tytuł strony. Jak go zmienić? W taki
prosty sposób:
<title>Tytuł strony</title>
Gdzie umieścić nazwisko autora strony? Oczywiście w ramach znaczników
<head>, za pomocą <meta>:
<meta name="author" content="nazwisko
autora">
Mam nadzieję, że wszystko jest jasne. Istnieje jeszcze cała masa innych
informacji, które można umieścić za pomocą <meta>
(np. adres e-mail, data powstania strony), jednak są one rzadko używane i
raczej niepotrzebne.
W celu podsumowania pierwszej części kursu, umieszczam pod spodem przykładowe
wypełnienie miejsca między znacznikami <head> :
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-2">
<meta name="description" content="Strona prywatna Jana
Kowalskiego. Znajdziesz na niej: filmiki, kawały, wypracowania, śmieszne
obrazki i wiele innych ciekawych rzeczy. Zapraszam!">
<meta name="keywords" content="Jan Kowalski, kawały,
zabawa, humor, ściągi, jpg, obrazki, film, avi, przyjemność,
rozrywka">
<meta name="author" content="Jan Kowalski">
<title>Strona domowa Jana Kowalskiego</title>
</HEAD>
<BODY>
Wszystkim, co znajduje się między tymi znacznikami, zajmiemy się w
następnych odcinkach kursu.
</BODY>
</HTML>
Do zobaczenia w następnym odcinku!
|