Kurs HTML praktycznie - Wprowadzenie  

Autor: Łukasz Kazimierz Krajkowski

Opublikowano: 2011-12-29

Nasze codzienne życie uzależnione jest od informacji. Jej źródło może być różne. Newsy pozyskujemy z radia, telewizji, gazet i coraz częściej z Internetu. Natłok informacji wymusza potrzebę usystematyzowania sposobu ich przekazywania. Jednym z sposobów przekazywania treści jest Internet i nierozłącznie z nim kojarzony język HTML (Horrible Torturing Modern Language). Opiekę nad tym standardem sprawuje organizacja W3C.

HTML pozwala odbiorcy na przekazanie treści w ujednoliconym formacie. Każdy z nas chce uruchomić ulubioną przeglądarkę i odnaleźć przydatne informacje o świecie, poczytać plotki czy zobaczyć, co dzieje się na portalach społecznościowych. Po wpisaniu adresu witryny, czy wybraniu odpowiedniego linku, udajemy się do kolejnej witryny, którą opisuje HTML. Wzbogacając kod HTML o Kaskadowe Arkusze Stylów (CSS) oraz obrazki, uzyskujemy miłe dla oka strony.

Strony powinny być jednak tworzone w taki sposób, aby najbardziej wyróżnić treść. Layout, odpowiadający za oprawę graficzną treści, powinien jedynie tę treść wzbogacać. Nie powinien rozpraszać czytelnika, ale pomagać w nawigacji oraz umożliwiać takie rozłożenie treści na monitorze, żeby była ona łatwa do przeczytania.

Ponieważ nie chcemy przekazywać suchych informacji na temat HTML i CSS, przygotowaliśmy przykład prostej strony, dzięki której dowiesz się, jak łatwo można przygotować swoją unikalną witrynę. Materiały tutaj umieszczone mogą posłużyć jako ćwiczenie, przypomnienie lub pierwszy krok nauki tworzenia aplikacji internetowych.

Po wykonaniu zadań z samouczka będziesz potrafił:

• przygotować projekt witryny,
• przygotować grafikę do użycia podczas tworzenia witryny,
• przygotować menu poziome,
• przygotować menu pionowe,
• uzyskać logiczny i spójny wygląd witryny,
• oddzielić wygląd witryny od jej zawartości poprzez wykorzystanie stylów CSS,
• praktycznie wykorzystasz wiedzę z samouczków kursu HTML i CSS.

Spis samouczków:

• Planowanie wyglądu witryny – w tej części wykorzystasz projekt, przygotowany przez grafika, do zbudowania swojej pierwszej witryny.
• Przygotowanie szkieletu witryny w HTML – w tej części nauczysz się przygotowywać szkielet nowej witryny internetowej oraz dowiesz się, jak stosować Kaskadowe Arkusze Stylów CSS.
• Przygotowanie tła i nagłówka witryny – w tej części przygotujesz tło witryny na podstawie HTML i CSS, wykonasz kontener na nagłówek, z miejscem na dwa menu i logotyp, oraz nauczysz się, jak centrować kontener w poziomie.
• Przygotowanie kontenera z menu oraz treścią właściwą – w tej części zagospodarujesz środkową część strony, w której umieścisz menu oraz pozostawisz miejsce na treść, którą chcesz przekazać odbiorcy.
• Przygotowanie kontenera ze stopką – w tej części zagospodarujesz dolną część witryny.
• Uzupełnienie treścią pozostałej części witryny oraz przeprowadzenie walidacji witryny – w tej części praktycznie dokończysz całą witrynę, przygotujesz menu po lewej stronie, uzupełnisz nagłówek sloganem witryny, dodasz drugie menu w nagłówku oraz ostatecznie nadasz wygląd witrynie.

 

---