Webmastering


Jak (na)uczyć się HTML-a?

Początki trudne są zawsze. Niektórym udaje się opanować naukę szybciej, innym idzie to trochę wolniej. Wynika to z tego, że każdy człowiek jest inny - nie każdy pojmuje tak samo. Postaram się przedstawić w miarę uniwersalny przepis na naukę języka HTML...

Czym jest język HTML?

HTML (z ang. HyperText Markup Language - hipertekstowy język znakowania) to narzędzie przeznaczone do tworzenia stron internetowych. Język ten opracowali Tim Berners-Lee i Anders Berglund w 1989 roku dla CERN - Europejskiego Ośrodka Badań Jądrowych. Opracowano go z myślą o technologii World Wide Web i łatwiejszym dostępie do dokumentów w sieci...

W języku tym polecenia są tzw. znacznikami (ang. tags). Zwykle składają się z dwóch części: otwierającej i zamykającej. Pomiędzy tymi dwiema częściami znajduje się tekst, którego te znaczniki dotyczą (np. <b>wyraz pogrubiony</b>). Oprócz tego definiuje się specjalne nagłówki, które stanowią informacje dla wyszukiwarek i przeglądarek Internetowych.

- niech to będą pierwsze informacje o HTML-u, jakie musisz wykuć na blachę...

Zaangażowanie i cierpliwość

To dwie najważniejsze cechy, które powinny Cię teraz charakteryzować. Musisz chcieć się nauczyć tego języka. Musisz uzbroić się w cierpliwość, gdyż wiele razy może się zdarzyć, że popełnisz dosyć głupie błędy, które będą wywoływać frustracje - nie dawaj za wygraną, poprawiaj je...

Znaczniki mogą się na początku mylić - np. zamiast pochylenia nadasz podkreślenie. Może się zdarzyć, że zapomnisz o zamknięciu cudzysłowu lub nawiasu trójkątnego... Możliwe, że zacznie Cię to bawić, w końcu pewnie zacznie i wkurzać... - przygotuj się na to.

Nie bój się języka - HTML jest łatwy

HTML to chyba najprostszy język w sieci. Nie jest to w prawdzie język programowania, ale może stanowić dobry początek (wpisywanie poleceń - natychmiastowe efekty - wyciąganie wniosków).

Znaczniki są naprawdę intuicyjne i łatwe do nauczenia. Nie ma zbyt wielu reguł do przestrzegania. Na początku bądź jednak ostrożny, unikaj błędów. Każdy najmniejszy błąd - poprawiaj.

Poznaj znaczniki i bądź pierwszym interpretatorem

Zacznij kojarzyć znaczniki z ich funkcją. Zapamiętaj, że <b> - to nie "bee..." tylko pogrubienie (ang. bold type - tłusta czcionka).

Poniżej przedstawię podstawowe znaczniki jakie musisz znać i spróbuję je odpowiednio skojarzyć z ich funkcją. Liczę, na to, że z kolejnymi dasz sobie radę...

Znacznik Po angielsku Wytłumaczenie
<b> bold type tekst pogrubiony, z angielska: tłusta czcionka
<i> italics kursywa, tekst pochylony
<u> underline podkreślać, tekst podkreślony
<h1> first-degree heading nagłówek pierwszego stopnia
<p> paragraph paragraf, ustęp - akapit
<br> BReak line
Break Row
złam linię (rząd), czyli przejdź do nowego wiersza
<img src""> IMaGe, SouRCe obrazek, źródło (w src="..." podaje się ścieżkę do obrazka)
<a href=""> Action, Hidden REFerence czynność; ukryte odniesienie. Można przetłumaczyć to jako: "Wykonaj akcje: przenieś pod podany adres". Oznacza to oczywiście odsyłacz (adres jest ukryty, tzn. nie widać go na stronie, pokrywa go anachor, czyli tekst pokrywający.
<form> form formularz
<head> heading nagłówek
<body> body tzw. ciało dokumentu, z ang. część główna

Mam nadzieję, że wiesz o co chodzi? Warto przytaczać sobie tłumaczenie danego znacznika - w ten sposób można poprawnie zinterpretować dlaczego twórcy języka nadali mu taką, a nie inną nazwę - wpływa to znacznie na zapamiętanie.

Naucz się pisać

... i pisz, pisz, pisz ...

Tylko poprzez pisanie nauczysz się języka HTML. Nie sięgaj po żadne narzędzia i generatory (używaj zwykłego edytora tekstu polecam MetaPad, EditPad). Aby się czegoś nauczyć użyj swojej pamięci. Twoja pamięć połączona z praktykowaniem to sukces murowany.

Na razie nie twórz żadnych szablonów - pisz wszystko cały czas od nowa. Stosowanie metody kopiuj-wklej jest w tym wypadku zakazane. Twórz strony tylko dla siebie - nie musisz żadnej publikować. Opublikujesz swoje strony, jeśli tylko uznasz je za wartościowe i dobrze wykonane.

Później przestaniesz zwracać uwagę na to, że trzeba wpisać odpowiedni znacznik - zaczniesz używać wszystkich znaczników spontanicznie. Nauka kolejnych stanie się szybsza. Ważne tylko, aby je wykorzystywać jak najczęściej...

- temu zagadnieniu poświęciłem też oddzielny artykuł...

Na koniec

To od Ciebie i twojego zaangażowania zależy jak będzie wyglądała Twoja nauka HTML-a. To Ty decydujesz, czy będzie trudna, łatwa, szybka, czy bardzo powolna. Masz na to wpływ i możesz to wykorzystać. Wszystko zależy od Ciebie i Twojego podejścia...

Dodał: Paweł​Dzedzej
Dział: Webmastering


 

ComputerSun.pl na FaceBooku
Polecamy lekturę:

FreeBSD 7. Instalacja i konfiguracja
# MAGAZYNY

Tańsze e-wydania:

e-prasa: PC World Pro - Nowoczesna Szkoła

Zobacz wszystkie:
e-wydania: Internet i komputery