RÓŻNE

Wstęp

Chętni do współpracy

Darmowa prenumerata

Redakcja

Listy

Reklama

SOFTWARE

WinZip vs. Win Rar

CDex

Bankrut

HARDWARE

Komputer doskonały

Podkręcanie

INTERNET

Bankier.pl

Za e-maile pieniądze? 

Ciekawe strony

GRY

The Sims

Colin McRae 2.0 

FIFA 2001

Screeny

Tipsy

KURSY

Kurs HTML-a #1

Kurs Object Pascala

 

 

KURS HTML`A

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! 

baXit