Archiwum tagu: pisanie w języku XHTML

Tworzenie strony www

Tworzenie stron internetowych jest zajęciem stosunkowo prostym i bardzo przyjemnym. Podstaw języka XHTML można nauczyć się w kilka godzin, a dosłownie po chwili zbudować najprostszą witrynę. Trzeba tylko pamiętać o przestrzeganiu kilku podstawowych zasad.

Aktualnie obowiązującym językiem służącym do tworzenia stron www jest język XHTML. Język XHTML to po prostu nowsza, aktualnie zalecana wersja języka HTML. Nie jest on ani trudniejszy ani bardziej skomplikowany niż HTML, choć występuje między nimi kilka różnic.

Aby tworzyć strony www nie musisz mieć dostępu do Internetu. Wystarczy przeglądarka stron zainstalowana na Twoim komputerze, np. Internet Explorer. Do pisania stron nadaje się każdy, nawet najbardziej banalny edytor tekstowy - od prostego Notatnika w systemie Windows aż do specjalistycznych edytorów XHTML/HTML. Dokument zawierający stronę XHTML/HTML powinien mieć rozszerzenie.html lub .htm. Przyjęło się, że główna strona serwisu ma zwykle nazwę index.html (a czasem inaczej, np. default.html). Pozostałe strony, do których można dotrzeć z index.html mogą mieć dowolne nazwy. Jednak muszą być one czytelne i niezbyt długie. W nazwach stron ważna jest wielkość liter. Najlepiej stosuj tylko małe litery, koniecznie bez polskich znaków. Uważaj też na znaki specjalne (np. %^#$@). Nie stosuj również spacji.

Oto szablon strony ww, który można modyfikować w zależności od  potrzeb. Mając prostego “gotowca” szybko stworzysz dowolną stronę.

<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html;
charset=iso-8859-2" />
<title>tytuł strony</title>
</head>
<body>
 
  <p>
  Moja pierwsza strona WWW!
  </p>
 
</body>
</html>

Powyższy szablon to niezbędne minimum, a dla większości wszystkich polskich witryn w Internecie wspomniana konstrukcja jest standardem.

Pierwsza linijka informuje przeglądarkę, że strona jest zgodna z językiem XHTML kodowanym w standardzie ISO-8859-2. !DOCTYPE określa wariant języka XHTML (standardem jest wersja XHTML 1.1). Następnie informujemy przeglądarkę, że jest to dokument XHTML/HTML umieszczając całą treść dokumentu w parze elementów: <html> i </html>.

Każda strona ma nagłówek znajdujący się pomiędzy elementami <head> i </head>. Umieszczamy w nim tytuł strony w elementach <title> i </title> i ponownie informację o kodowaniu polskich znaków w ISO-8859-2. Po nagłówku znajduje się część, którą widzimy w oknie przeglądarki - określają ją elementy <body> i </body>. Tu znajduje się tekst, grafika, odnośniki, tabele i inne rzeczy.

Skopiuj zawartość do edytora tekstu, zapisz wszystko na dysku pod nazwą index.html i zobacz, jak wygląda strona w przeglądarce. W zasadzie już masz swoją pierwszą stronę…

Jednak, aby wprawnie posługiwać się językiem XHTML niezbędna jest  praktyka. Takie same strony można wykonać na bardzo wiele sposobów, więc tylko doświadczony webmaster będzie w stanie stworzyć je lepiej i szybciej, tak, aby dobrze prezentowały się w każdej przeglądarce i były proste do modyfikowania. Polecam, więc eksperymentowanie, testowanie, sprawdzanie efektów w różnych przeglądarkach i ciągłe podnoszenie swoich umiejętności.

Więcej na temat tworzenia stron www i pisania w XHTML w następnym artykule.