HTML & CSS dla początkujących

HTML & CSS dla początkujących (Część 01): Pierwsze spojrzenie na HTML, CSS i inne.

Wszystkie filmy z tutorialu HTML & CSS dla początkujących

Język składniowy HTML to język domowy i ojczysty język WWW. Pierwsza wersja tego języka została opublikowana w 1992 roku. Od tego czasu HTML przeszedł wiele modyfikacji i aktualizacji i obecnie jest już w wersji 5. (Chociaż wersja 5 faktycznie nie została jeszcze oficjalnie przyjęta jako standardowa, ale jest całkiem dobrze obsługiwana w aktualnych przeglądarkach).

HTML jest tzw. językiem znaczników, za pomocą którego można strukturyzować treści. O formatowaniu treści odpowiadają arkusze stylów. Więcej na ten temat w dalszej części.

Odpowiedzialny za rozwój HTML jest World Wide Web Consortium (skrót: W3C).

HTML & CSS dla początkujących (Część 01): Pierwsze spojrzenie na HTML, CSS & Co.

Odwiedzaj regularnie stronę W3C, aby być na bieżąco z najnowszymi wydarzeniami w obszarze internetowym.

Gdy zajmujemy się HTML-em, pytanie kluczowe jest: Którą wersję powinienem użyć? Oczywiście możecie sobie wyobrazić, że język taki jak HTML jest systematycznie aktualizowany. Nowe elementy są dodawane, a stare usuwane.

Oto najważniejsze wersje języka HTML:

• HTML (listopad 1992): Była to pierwsza wersja. Skupiano się tu wyłącznie na dokumentach tekstowych.

• HTML 2.0 (listopad 1995): Pojawiają się tutaj również elementy obrazków i formularzy.

• HTML 4.0 (grudzień 1997): Wprowadzono arkusze stylów, ramki i skrypty.

• XHTML 1.0 (styczeń 2000): Jest to nowa formułacja HTML 4.0 w oparciu o XML.

• HTML5 (kwiecień 2009): To nadal projekt roboczy, jeszcze nie jest oficjalnym standardem.

Fokus w następnych tutorialach zostanie położony na HTML5. HTML5 ma na celu znowu wprowadzić rewolucję w świecie HTML. Nowa specyfikacja oferuje wiele interesujących nowości, takich jak znacznie wygodniejsze formularze, wskaźniki postępu, elementy rysunkowe i poprawiona struktura dokumentów. Ponadto nowy standard umożliwia osadzanie w witrynach wideo bez konieczności używania wtyczek oraz posiada interfejs Drag-&-Drop.

Pierwsza propozycja dotycząca HTML5 została już w 2004 roku opublikowana przez Web Hypertext Application Technology Working Group (WHATWG) pod nazwą Web Applications 1.0.

HTML i CSS dla początkujących (część 01): Pierwsze spojrzenie na HTML, CSS i inne.



Mimo że HTML5 nie zostało jeszcze oficjalnie przyjęte jako standard, producenci przeglądarek już teraz wprowadzają wiele funkcji HTML5 do swoich produktów. To nie dziwi, ponieważ WHATWG to m.in. sojusz producentów przeglądarek Apple, Mozilla i Opera. Utworzenie WHATWG było bezpośrednią reakcją na powolny rozwój standardów internetowych przez World Wide Web Consortium (W3C).

Można zapytać, co skłoniło producentów przeglądarek do stworzenia własnego standardu HTML. Do tej pory rozwój HTML był ściśle kontrolowany przez W3C. Problem dla producentów przeglądarek zaczął się, gdy W3C przekształciło HTML 4.01 w XHTML 1 bez większych poprawek merytorycznych. Początkowo W3C chciało ugruntować XHTML 1 jako początkowy krok w kierunku opartego na XML webu. Ostatecznie miało to doprowadzić do XHTML 2. To skupienie się W3C na XML było powodem niezadowolenia producentów przeglądarek. W ich oczach podejście XML było niepraktyczne i nie odzwierciedlało rzeczywistych oczekiwań użytkowników. (Chociaż W3C ma oczywiście inne zdanie).

Od 2007 roku W3C i WHATWG wspólnie opracowują specyfikację HTML5 albo pracują nad nią. Aktualne informacje na temat HTML5 można znaleźć pod adresem http://www.w3.org/TR/html5/.

HTML i CSS dla początkujących (część 01): Pierwsze spojrzenie na HTML, CSS i inne.



Fokus w nadchodzących tutorialach będzie skupiony na HTML5.

CSS do formatowania

Z pewnością już korzystaliście z szablonów dokumentów w Wordzie lub innych programach do przetwarzania tekstu. Więc na przykład, gdy zaznaczycie linijkę, możecie wybrać styl formatu.

HTML & CSS dla początkujących (Część 01): Pierwsze spojrzenie na HTML, CSS & Co.



Na podstawie wybranego stylu formatu w szablonie dokumentu wyświetla się odpowiedni nagłówek. Przy zmianie szablonu dokumentu zmienia się również wygląd nagłówka.

A co ma wspólnego Word z HTML? Dla dokumentów HTML również istnieją style formatowania. Te szablony można zdefiniować za pomocą CSS (Arkusze stylów kaskadowych). Dzięki CSS na przykład można ustalić, że nagłówki główne (h1) będą miały 22 piksele wysokości i będą wyświetlane w zielonej czcionce Arial.

Arkusze stylów pozwalają na ścisłe oddzielenie struktury od układu. Do struktury dokumentu służy HTML. Natomiast wygląd elementów ustalany jest za pomocą CSS.

Czego będziecie potrzebowali

W kolejnych tutorialach stopniowo poznacie HTML i CSS. Aby móc samodzielnie tworzyć strony internetowe w oparciu o HTML i CSS, nie będziecie potrzebowali zaawansowanego oprogramowania. W najprostszym przypadku, jeśli pracujecie w systemie Windows, możecie użyć standardowego edytora.

HTML i CSS dla początkujących (część 01): Pierwsze spojrzenie na HTML, CSS i inne.

To prawda, że nie jest zbyt wygodny, ale wystarcza na początek. Dla tych, którzy lubią trochę większy komfort, powinni raczej poszukać "prawdziwego" edytora HTML. Jednym z klasyków jest oczywiście Dreamweaver.

Niestety ten edytor nie jest darmowy.

HTML & CSS dla początkujących (Część 01): Pierwsze spojrzenie na HTML, CSS i inne.

Dla osób prywatnych za darmo dostępny jest natomiast phase5 (http://www.phase5.info/). Jeśli chcecie używać tego edytora do celów prywatnych, otrzymujecie dobry i bezpłatny narzędzie.

HTML & CSS dla początkujących (Część 01): Pierwsze spojrzenie na HTML, CSS i inne.



Ponadto, oprócz edytora, powinniście mieć zainstalowane najważniejsze przeglądarki do testowania strony internetowej. Owszem, przeglądarki interpretują HTML i CSS czasem dość indywidualnie. Dlatego ważne jest dokładne testowanie stron w różnych przeglądarkach. Należy mieć zainstalowane przynajmniej Internet Explorera, Google Chrome'a i Mozillę Firefox. Idealnie by było, gdybyście przetestowali stronę również w przeglądarce Operze oraz na tablecie/smartfonie.