1. Czym jest HTML?
HTML - HyperText Markup Language, co oznacza: hipertekstowy język znaczników. Jest to język używany do formatowania i pozycjonowania tekstu, obrazków i innych elementów strony. Znaczniki HTML ,,mówią" przeglądarce internetowej jak ma wyświetlać stronę.
2. Podstawy HTML
HTML jest o WIELE prostszy o języków programowania i opanowanie jego podstaw zajmuje kilka godzin. Jeśli chcesz zobaczyć jak wygląda taki kod HTML to wystarczy, że wejdziesz do przeglądarki i z menu Widok wybierzesz Źródło. Pierwsze co można zauważyć to tekst, który otoczony jest komentarzami w trójkątnych nawiasach, czyli
znacznikami.
|
Kod:
|
<body>Przykładowy znacznik</body> |
Większość tych znaczników ma otwarcie i zamknięcie, ale są również takie, których nie trzeba zamykać:
np.:
Zbudowanie strony internetowej polega na odpowiednim umieszczeniu tekstu między odpowiednimi znacznikami. Jeśli chcesz dodać obrazki to muszą być one umieszczone w jednym folderze z plikiem HTML np:
KLIK
3. Tworzenie pliku HTML
Plik HTML jest zwykłym plikiem tekstowym więc można go stworzyć w prostym edytorze tekstu jakim jest np Notatnik. Oto przykład:
|
Kod:
|
<HTML>
<HEAD><TITLE>Moja pierwsza strona - to jest tytuł strony</TITLE></HEAD>
<BODY>Tutaj znajduje się wszystko co widzisz na stronie</BODY>
</HTML> |
Wystarczy, że napiszesz to w Notatniku i zapiszesz jako dokument HTML.
Zazwyczaj głównemu dokumentowi HTML nadaje się nazwę - index.html ;
teraz wystarczy tylko otworzyć index.html za pomocą przeglądarki internetowej.
Oto co oznaczają znaczniki użyte powyżej:
HTML - oznacza, że dokument jest napisany w języku html
HEAD - nagłówek
TITLE - tytuł strony
BODY - zawartość - wszystko napisane w tej sekcji jest widoczne na stronie
Z tą techniką jest jednak pewien problem, ponieważ jest bardzo czasochłonna i nużąca, dlatego do tworzenia stron stosuje się programy edytora HTML, które automatycznie wykonuje za nas wstawianie znaczników lub ich części. Oszczędza nam to dużo żmudnej pracy. Oto kilka popularnych programów przydatnych do tworzenia w html:
AceHTML -
AceHTML Freeware : Download IDG.pl
EzHTML -
ezHTML 2.0 Alef - Download - INSTALKI.pl
EdutPlus -
EditPlus Download
HTML Kit -
http://www.chami.com/html-kit/i/g/ca...46f2b1dd39.png
Arachnophilia -
Arachnophilia 4.0
4. WYSIWYG - często można spotkać taki skrót. Oznacza on z angielskiego - What You See Is What You Get, czyli dostaniesz to co widzisz. Są to edytory HTML, przy pomocy których użytkownik nie musi posiadać praktycznie żadnej wiedzy na temat HTML. Można jednak edytować kod źródłowy. Taki tryb posiada m.in. Microsoft Office, który zapisuje dokumenty jako pliki HTML (należy stworzyć dokument i zapisać go jako - strona sieci Web). Jednak wyspecjalizowany program WYSIWYG zrobi to o wiele lepiej. Jednym z takich darmowych programów jest:
Coolpage -
CHIP Download
Nie jest jednak tak dobry jak np znany Microsoft FrontPage.
5. Porady:
a) Pierwszą stronę swojej witryny zapisuj zawsze jako index.html
b) Zapisuj wszystkie nazwy plików małymi literami
c) Nie używaj spacji w nazwach plików (zastąp je np.: moja_strona.html)
d) Nie używaj znaków spoza angielskiego alfabetu.
6. Wyświetlanie strony w przeglądarkach
Teoretycznie strona powinna się wyświetlać w przeglądarkach w sposób przewidziany przez twórce, ale niestety w praktyce tak nie jest. Producenci przeglądarek robią je ,,po swojemu" zamiast trzymać się standardów. Dlatego ta sama strona może wyglądać zupełnie inaczej w różnych przeglądarkach. Większość twórców stron internetowych najpierw testuje je w różnych przeglądarkach zanim ją opublikuje.
7. Jeśli kogoś zainteresował HTML zamieszczam tutaj kilka kursów, z których po kilku godzinach będziemy mogli tworzyć strony internetowe.
HTML - kursy i inne
Artykuł by ~quash!
Podczas pisania artykułu korzystałem z następujących źródeł:
,,Podręczny przewodnik Internet" - Peter Buckley i Duncan Clark - książka ;]
Google - twoje źródło wiedzy
kurshtml.boo.pl & webmaster.helion.pl/kurshtml - czyli najlepsze kursy HTML w sieci (moim zdaniem :P)
Wygląd liniowy
