Kurs HTML - cz. 1

Kurs języka HTML cz. 1 – wstęp i edytory
Czym jest język HTML?
Język HTML jest podstawą kaŜdej strony WWW niezaleŜnie od tego, w jaki sposób powstała;
określa on strukturę strony oraz jej wygląd. Skrót HTML pochodzi od słów Hypertext
Markup Language – Język Znakowania Hipertekstu.
Plik zawierający kod HTML jest zwykłym plikiem tekstowym, od innych róŜniącym się tylko
rozszerzeniem nazwy pliku: *.html, lub rzadziej *.htm. Dzięki takiej formie moŜna pisać
strony internetowe nawet w najprostszych programach, jak dostępny w systemie Windows
Notatnik. Dopiero przeglądarka WWW dokonuje przeobraŜenia tekstowego opisu wyglądu i
zawartości strony WWW, zawartego w pliku HTML, na postać graficzną.
Plik HTML zawiera szereg znaczników składających się na elementy. Znacznik to fragment
tekstu zamknięty wewnątrz znaków nawiasów ostrokątnych (<) oraz (>). Znacznikiem jest na
przykład <a>.
Elementy języka HTML składają się zawsze z dwóch znaczników: znacznika otwierającego
oraz znacznika zamykającego. Znacznik zamykający róŜni się od otwierającego tym, Ŝe
zaczyna się nie samym znakiem <, a parą znaków </. Znacznikiem zamykającym jest na
przykład </a>.
W poniŜszych opisach edytorów znajduje się mnóstwo trudnych skrótów i nazw. Objaśniam
tutaj kilka najczęściej występujących.
CSS - (ang. Cascading Style Sheets) to język słuŜący do opisu formy prezentacji
(wyświetlania) stron WWW.
PHP - skryptowy język programowania zaprojektowany do tworzenia stron internetowych w
czasie rzeczywistym.
JavaScript - skryptowy język programowania, stworzony przez firmę Netscape, najczęściej
stosowany na stronach internetowych.
Edytory HTML
Teoretycznie do napisania strony internetowej wystarczy dowolny edytor tekstu i dobre chęci.
Lecz pisanie strony w zwykłym edytorze tekstu, byłoby bardzo uciąŜliwe. Dlatego powstało
wiele wyspecjalizowanych edytorów, które ułatwią, przyspieszą i uprzyjemnią Twoją pracę.
W Internecie znajduje się sporo darmowych edytorów HTML. PoniŜej wymienię kilka
wartych zauwaŜenia.
Ager Web Edytor
Oprócz HTML i CSS, wspiera równieŜ programowanie w językach JavaScript i PHP. Posiada
kreatory znaczników HTML, deklaracji CSS oraz skryptów JavaScript. Pozwala oglądać efekt
kodu na dwóch wbudowanych przeglądarkach. Edytor uŜywany prywatnie przeze mnie,
gorąco polecam początkującym. W Internecie krąŜy mnóstwo korzystnych opinii od
doświadczonych webmasterów (osoby zajmujące się pisaniem stron internetowych).
EdHTML
Uniwersalny edytor do HTMLa. Wspiera równieŜ XHTML, CSS, JavaScript i PHP. Bardzo
dobrze koloruje składnię, pozwala na proste testowanie stron we wbudowanych
przeglądarkach, pozwala takŜe na testowanie skryptów PHP nie wychodząc z programu.
Program zawiera wiele wbudowanych narzędzi, np. kompresor HTML, konwerter polskich
znaków itp. Dzięki szablonom i rozbudowanej pomocy pomaga początkującym
webmasterom.
Web Edit
Wsparcie m.in. języków: HTML i XHTML, CSS, PHP. Zawiera generatory: tabele,
formularze, listy, bloki tekstowe, wideo, Flash, obrazy. Inteligentna funkcja podpowiedzi
kodu ułatwia wstawianie atrybutów bez potrzeby ich pamiętania. Znajdziemy tutaj równieŜ
gotowe do uŜycia przykłady skryptów PHP i JavaScript, wbudowane sprawdzanie składni
HTML oraz moŜliwość instalacji wtyczek. Na pierwszy rzut oka wydał mi się trochę
nieczytelny, ale wystarczy na chwilę się w niego zagłębić aby odkryć, Ŝe ma w sobie to "coś".
kED
Edytor plików HTML, CSS, XML, PHP, JavaScript. Edycja wielu dokumentów jednocześnie,
rozbudowana edycja tabel (w tym oczyszczanie tabel zapisanych przez MS-Word).
MoŜliwość wyboru dodatkowych zewnętrznych przeglądarek. Wbudowany prosty
mechanizm sprawdzania struktury dokumentu - "rysuje" on sprawdzany dokument w postaci
drzewa, dzięki czemu łatwiej zobaczyć, czy wszystkie znaczniki są prawidłowo podomykane.
HateML Pro
Edytor przeznaczony zarówno dla początkujących jak i zaawansowanych webmasterów.
Wspomaga tworzenie stron z uŜyciem XHTML, PHP, CSS, SQL (język zapytań słuŜący do
tworzenia baz danych np.: MySQL, Oracle,), JavaScript i VBScript. Program został równieŜ
wyposaŜony w narzędzia mające na celu optymalizację kodu - m.in. narzędzie HTMLTidy
słuŜące do sprawdzania poprawności kodu, narzędzie kompresujące kod, oraz moŜliwość
bezpośredniego wysłania kodu do narzędzia Validator W3C. Ułatwieniem dla programistów
piszących w PHP jest moŜliwość bezpośredniego uruchamiania kodu PHP z poziomu
programu (bez konieczności uruchamiania serwera).
Oczywiście istnieje o wiele więcej tego typu edytorów – tutaj macie pełny wybór.
W następnej części zajmiemy się ramami dokumentu *.html i kodowaniem polskich znaków.
Jan KoŜuszek
pomoc:
www.republika.onet.pl
www.kurshtml.boo.pl
W razie pytań proszę pisać na mój e-mail:
[email protected]