Kurs HTML(5) – od podstaw cz.1

Kurs HTML(5) - od podstaw

Kurs HTML (5) – od podstaw

Dzisiaj oddaje w Twoje ręce Kurs HTML(5)  – od podstaw.
W najnowszej  wersji.

Pozwolę sobie na trochę teorii tytułem wstępu.

HTML – (ang.)  Hyper Text Markup Language – hipertekstowy język znaczników.
Jest to język opisowy (NIE programowania).
Składający się ze znaczników inaczej Tagów, służący do budowy strony WWW.
Interpretowany, czyli wykonywany przez przeglądarkę internetową.

Pierwsza wersja języka HTML została opublikowana w 1991 roku.
Od tego czasu język ten był modyfikowany i ulepszany wielokrotnie. Jedyne co musisz wiedzieć na początek, to że od 2012 roku obowiązuje najnowsza wersja HTML5, zwana po prostu HTML.

Osobiście uważam, że jeśli dopiero zaczynasz naukę HTML najlepiej zacząć od najnowszej wersji.

Kurs HTML(5) – od podstaw.

1.Konfiguracja środowiska pracy.

Czego potrzebujesz, żeby zacząć tworzenie stron?

  • W pierwszej kolejności edytor tekstowy – polecam Notepad++.
    Pobierz za darmo.
    Dlaczego akurat Notepad++, a nie MS Word czy zwykły notatnik?
    + Ma on kolorowanie składni, (a co to jest dowiesz się w kursie).
    + Rozpoznaje rozszerzenie plików.
    + Ma różne kodowania znaków.
    + Można w nim dopasowywać wygląd dla własnej wygody.
  • Druga rzeczą, której potrzebujesz jest przeglądarka internetowa.
    Dowolna na pewno masz jakąś zainstalowaną w systemie. – Jednak polecam Firefox. Pobierz za darmo.
    Pokaże Ci do niego ciekawy dodatek, który przyda się w inspekcji napisanego kodu.

Jeśli już zainstalowałeś Firefoxa pobierz i doinstaluj  do niego Firebuga.  Jest to bardzo przydatna wtyczka dla początkujących i zaawansowanych programistów webowych.

Pozwala ona z poziomu przeglądarki wykryć błędy w kodzie, które z początku będą się zdarzać często, ale nie ma w tym nic złego.
Musi minąć trochę czasu zanim nabierzesz wprawy w kodzie.
Za pomocą Firebuga można również edytować kod HTML i CSS, a zmiany obserwować w czasie rzeczywistym w przeglądarce.
Uwaga te zmiany nie zmieniają kodu strony.
Kod strony pozostaje bez zmian.

Pora przejść do ustawień Notepada++:
– pierwsza rzeczą, którą musimy ustawić jest kodowanie znaków.
Robimy to klikając w format -> i drugą pozycję na liście od góry,
czyli – Koduj w UTF-8 (bez BOM).

Kurs HTML(5) - od podstaw
Kodowanie znaków w Notepad++

Postaram się krótko wyjaśnić, co to jest kodowanie UTF-8 i dlaczego jest takie ważne.
Najprościej mówiąc jest po to, żeby na stronie internetowej były widoczne znaki specjalne np. polskie „ogonki” ą,ę,ś,ć.
Bez tego kodowania w miejscu znaków specjalnych pojawiły by się dziwne „krzaczki”.
Dotyczy to nie tylko polskich znaków.
Dlatego ważne, aby dokument HTML był w odpowiedni sposób zakodowany.

– drugą sprawą, którą warto ustawić jest ciemne tło w Notepadzie.
Zrobisz to USTAWIENIA -> Konfigurator stylów…

Kurs HTML(5) - od podstaw

Chrońmy swój wzrok. Długotrwałe patrzenie w biały ekran jest bardzo szkodliwe.
Dlatego polecam ustawić ciemniejsze tło.
Znacznie lepiej się pracuje na tle ciemnym.

Uczmy się na błędach innych ludzi i z nich wyciągajmy wnioski.
To nic nie kosztuje.

>> Kurs HTML(5) – od podstaw cz.2

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *