Ćwiczenie 3.1. Tworzenie pierwszej strony HTML
Teraz, kiedy widziałeś już, jak wygląda strona utworzona za pomocą HTML-a, nadszedł czas na stworzenie własnej strony. Rozpocznij od bardzo prostego przykładu, tak abyś mógł dokładnie zrozumieć, na czym to polega.
Do rozpoczęcia pisania kodu w HTML-u nie jest potrzebny serwer WWW, dostawca usług internetowych ani nawet podłączenie do Internetu. Wystarczy tylko jakiś edytor, w którym będziesz pisał kod oraz przeglądarka, abyś mógł ujrzeć efekty pracy. Cała witryna WWW, czyli strony i połączenia między nimi, może powstać z dala od jakiejkolwiek sieci. Właściwie, nie będziesz jej potrzebował, aby zapoznać się z większością materiału z tej książki. O tym, jak opublikować informacje, tak aby były widoczne dla innych, opowiem w dalszej kolejności.
Po pierwsze, będziesz potrzebował edytora tekstów, czyli programu, który zapisuje pliki w formacie ASCII. Ten format to zwykły tekst, nie zawierający żadnego formatowania czcionek i znaków specjalnych. W systemie Windows dobrymi, prostymi (i darmowymi, bo dołączanymi do systemu operacyjnego!) edytorami są takie programy, jak Notatnik, WordPad (Windows 95), Write (Windows 3.x) oraz DOS Edit. Dostępnych jest także wiele programów shareware’owych, przeznaczonych dla systemów DOS, Windows 3.1, Windows 95/98, Windows NT, Macintosh oraz Linux. Jeśli wyświetlisz w przeglądarce witrynę http://www.download.com/ i w polu Search wpiszesz hasło „Text editors”, to odnajdziesz wiele programów, które będziesz mógł skopiować i wykorzystać.
Jeżeli dysponujesz tylko dużym edytorem, takim jak Microsoft Word, nie wpadaj w panikę. Przecież można go używać również, tak jak zwykłego, prostego edytora ASCII, choć jest to trochę bardziej skomplikowane. Kiedy wybierzesz opcję „Zapisz” lub „Zapisz jako...”, ujrzysz menu z formatami, w których możesz zapisać plik. Jednym z nich powinien być „Plik tekstowy”, „Plik tekstowy ze znakami podziału wiersza” lub „MS-DOS tekst”. Wszystkie te opcje umożliwiają zapisanie pliku jako tekstu ASCII, tak jak zrobiłby to zwykły edytor tekstu. W przypadku plików HTML, jeżeli będziesz miał wybór pomiędzy opcjami „MS-DOS tekst” i „Plik tekstowy”, wybierz „MS-DOS tekst” z opcją „Znaki podziału wiersza”, jeżeli taka jest dostępna.
Należy być bardzo ostrożnym, korzystając z zaawansowanych edytorów tekstu do tworzenia kodu HTML. Wiele z nich posiada własne mechanizmy do generowania kodu HTML i XML. Wykorzystanie narzędzi tego typu może doprowadzić od uzyskania niespodziewanych wyników lub plików, które będą zachowywać się niezupełnie tak, jak powinny. Jeżeli wpadniesz w kłopoty przez edytor tekstów, spróbuj posłużyć się zwykłym edytorem ASCII, powinno pomóc.
Pewnie zapytasz teraz, co z tym mnóstwem darmowych i komercyjnych edytorów HTML, o których mówi się, że są bardzo pomocne w tworzeniu stron WWW? Większość z nich to właściwie zwykłe edytory ASCII, posiadające dodatkowe przyciski, które umożliwiają wstawianie znaczników. Jeżeli posiadasz jeden z tych edytorów, proszę bardzo, możesz go używać. Ale jeżeli posiadasz bardziej złożony edytor, ukrywający znaczniki HTML, odłóż go na bok na jakiś czas i skorzystaj z edytora ASCII. W dodatku A, pod tytułem: „Inne źródła informacji”, w podrozdziale „Edytory i konwertery HTML”, podane zostały adresy witryn, na których możesz znaleźć zarówno darmowe, jak i komercyjne edytory HTML pracujące w wielu różnych systemach operacyjnych.
Uruchom edytor i wpisz poniższy kod. W tej chwili nie musisz jeszcze rozumieć znaczenia tego, co piszesz. Wszystkiego dowiesz się z dalszej lektury tego rozdziału. To jest tylko prosty przykład, w sam raz na początek.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/transitional">
<HTML>
<HEAD>
<TITLE>Mój pierwszy dokument</TITLE>
</HEAD>
<BODY>
<H1>To jest dokument HTML</H1>
</BODY>
</HTML>
Po utworzeniu pliku HTML zachowaj go na dysku. Jeżeli używasz edytora typu Microsoft Word, pamiętaj, aby wybrać opcję „Zapisz jako” i zapisać plik w formacie tekstowym. Wybierając nazwę pliku, zastosuj się do poniższych reguł.
Plik powinien posiadać rozszerzenie .html (.htm w systemie DOS lub Windows 3.x), na przykład, mojplik.html, tekst.html lub index.htm. Większość oprogramowania wykorzystywanego do pracy w sieci WWW wymaga tego rozszerzenia, tak więc dobrze jest od razu wyrobić sobie nawyk używania go.
Nazwy powinny być krótkie i proste. Nie używaj spacji i znaków specjalnych, cyfry i litery w zupełności wystarczą |
