Szybki kurs tworzenia stron internetowych #1 - Podstawy HTML5

Chcesz tworzyć strony internetowe według najnowszych standardów, ale nie masz o tym zielonego pojęcia? Świetnie trafiłeś! W trakcie 6 lekcji poznasz niezbędne podstawy HTML-a i CSS-a i będziesz mógł rozpocząć swoją przygodę z Web Developingiem. Jeżeli nigdy wcześniej nie miałeś styczności z powyższymi zagadnieniami to ten kurs pozwoli ci nadrobić te zaległości, ponieważ wszystkie zagadnienia będą wytłumaczone od zera.

---

Zapraszamy na kursu tworzenia stron od zera w Warszawie i Łodzi: Zajrzyj na http://websamuraj.pl/webdeveloper-od-...

Jeżeli już nie możesz się doczekać to zaraz zaczynamy. Jedyne co musisz zrobić to ściągnąć dowolny edytor tekstowy z opcją kolorowania kodu, żeby był dużo czytelniejszy. Ja w trakcie kursu będę korzystał z programu WebMatrix. Jest idealny pod względem minimalistycznego interfejsu i będziesz mógł skupić się na samym programowaniu, a nie na skomplikowanym edytorze.

Link do programu WebMatrix: http://www.microsoft.com/web/webmatrix

---------------------------------------------------------------------------------------------------
Po obejrzeniu filmu:
---------------------------------------------------------------------------------------------------

Szablon struktury dokumentu html jest bardzo ważny dlatego chciałbym żebyś sobie to utrwalił. Przyjrzyj się grafice poniżej i dowiedz się więcej na temat szablonu dokumentu html.

Struktura szablonu dokumentu html: http://it.kenis.pl/grafiki/css1.png

DOCTYPE

W tej postaci mówi przeglądarce, że strona jest napisana zgodnie ze standardami HTML5 i że tak powinna go interpretować.

Dokument HTML

Znacznik ten pokazuje gdzie rozpoczyna się i kończy zawartość dokumentu html.

Nagłówek dokumentu

W tej sekcji umieszczamy informacje o dokumencie czyli ścieżki dostępu do plików *.css, czcionek oraz wszystkie meta tagi (tytuł, opis, słowa kluczowe). Meta tagi indeksują naszą stronę w internecie (definiują jak strona będzie widziana m.in. w wynikach wyszukiwarek internetowych)

Część główna dokumentu

W tym miejscu znajduje się cała zawartość strony wyświetlana użytkownikowi: tekst, tabele, odnośniki, grafiki itd.

Ta struktura to jak Amen w pacierzu. Większość edytorów wstawia tą strukturę automatycznie w nowo utworzonym pliku, ale i tak warto by było wiedzieć do czego służy dana linijka.