Kurs HTML i CSS  

Autor: Piotr Bubacz

Opublikowano: 2011-09-12

Dzisiaj nikt nie wyobraża sobie życia bez dostępu do sieci Internet. Coraz częściej, oprócz przeglądania stron internetowych, chcemy również być obecni w miejscach, które ta strona prezentuje. Powiedzenie „Jeśli nie ma Ciebie w Internecie, to nie ma Ciebie wcale” jest coraz bardziej aktualne. Możemy przygotować własną stronę internetową. Jednak, aby wykonać to zadanie, potrzebujemy odpowiedniej wiedzy i umiejętności.

Większość kursów zawiera informacje, jak używać języka HTML lub jak go formatować za pomocą użycia Kaskadowych Arkuszy Stylów (CSS). W tym kursie połączyliśmy dla Ciebie te dwa elementy, abyś mógł bardzo szybko rozpocząć Twoją przygodę jako twórca stron internetowych. Znajdziesz w nim wszystkie najważniejsze elementy, które są niezbędne do tworzenia nowoczesnych stron internetowych, nie znajdziesz natomiast elementów, które są już nieaktualne.

Materiały zostały podzielone na trzy części. Pierwszą – główną część – stanowi zbiór samouczków, które, krok po kroku, wprowadzą Cię w świat tworzenia stron internetowych. Druga część (encyklopedia) stanowi uzupełnienie części pierwszej. W encyklopedii krótko i treściwie zostały opisane najważniejsze zagadnienia, związane z HTML+CSS, kończąc zawsze praktycznym przykładem zastosowania. W części trzeciej została przedstawiona realizacja przykładowego projektu strony internetowej tak, abyś zobaczył, jakie wyzwania stawia przed Tobą klient.

Po wykonaniu zadań w samouczkach będziesz:

• potrafił przygotować stronę internetową w wybranym przez Ciebie edytorze,
• potrafił formatować elementy na stronie,
• potrafił określać znaczeniowo tekst na stronie,
• potrafił tworzyć listy numerowane i wypunktowane oraz dopasowywać ich wygląd,
• potrafił dodawać elementy graficzne i multimedialne do strony,
• potrafił umieszczać odnośnik do dowolnego zasobu w sieci,
• potrafił dodawać i formatować tabele,
• potrafił wykorzystywać pływające ramki,
• potrafił tworzyć menu,
• potrafił tworzyć formularz i dodawać do niego odpowiednie pola,
• potrafił walidować strony WWW,
• rozumiał potrzebę tworzenia stron internetowych zgodnych ze standardami.

Spis samouczków:

• Pierwsza strona internetowa – w tej części kursu nauczysz się, jak rozpocząć tworzenie stron internetowych i poznasz dwa podstawowe edytory, które umożliwią realizację kolejnych zadań. Poznasz podstawowe elementy języka HTML.
• Podstawy formatowania stron – w tej części kursu nauczysz się, jak zmieniać podstawowe elementy, tj. kolor czy krój pisma.
• Nagłówek strony internetowej – w tej części kursu poznasz szczegóły dotyczące definiowania nagłówka strony internetowej. Zobaczysz, jak ważna jest jego prawidłowa definicja i kodowanie polskich znaków diakrytycznych.
• Treść na stronie WWW – w tej części kursu nauczysz się, jak oznaczyć i formatować nagłówek oraz akapit.
• Formatowanie tekstu w HTML – w tej części kursu nauczysz się, w jaki sposób znaczeniowo określać tekst na stronie oraz jak zmieniać jego wygląd.
• Listy HTML – w tej części kursu nauczysz się tworzyć oraz formatować listy wypunktowane i numerowane.
• Element blokowy i liniowy – w tej części kursu nauczysz się grupować, a następnie formatować elementy na stronie.
• Układ elementów na stronie – w tej części kursu nauczysz się wpływać na rozmieszczenie elementów na stronie za pomocą odpowiednich poleceń CSS.
• Grafika na stronie WWW – w tej części kursu nauczysz się umieszczać i formatować grafikę na stronach WWW.
• Odnośniki – w tej części kursu nauczysz się wstawiać odnośniki do różnych zasobów w HTML.
• Formatowanie odnośników – w tej części kursu nauczysz się określać wygląd odnośników w zależności od stanu, w jakim się znajdują, tworząc pierwsze interaktywne efekty na stronie.
• Odnośniki graficzne – w tej części kursu nauczysz się wykorzystywać grafikę do interakcji z użytkownikiem.
• Tabele w HTML –  w tej części kursu nauczysz się, jak tworzyć tabele w HTML.
• Scalanie wierszy i komórek w tabelach HTML – w tej części kursu nauczysz się scalać wiersze i komórki w tabeli.
• Tabele – dopasowywanie wyglądu – w tej części kursu nauczysz się, jak za pomocą CSS dopasowywać wygląd tabeli do Twoich potrzeb.
• Zastosowanie pływających ramek w dokumencie HTML – w tej części kursu nauczysz się wykorzystywać pływające ramki na stronie WWW.
• Zakładanie adresu e-mail - w tej części kursu nauczysz się, jak założyć skrzynkę e-mail.
• Layout WWW – w tej części kursu nauczysz się, jak tworzyć proste układy elementów na stronie internetowej.
• Menu w CSS – w tej części kursu nauczysz się tworzyć i formatować menu w oparciu o listy.
• Formularz HTML – w tej części kursu nauczysz się tworzyć formularz i dodawać do niego podstawowe pola.
• Znacznik input w HTML – w tej części kursu nauczysz się, jakie możliwości posiada pole input w HTML i w jaki sposób można je łatwo formatować.
• Pola w formularzu HTML – w tej części kursu nauczysz się grupowania pól, tytułów grup, etykiet, a także grupowania opcji w listach rozwijalnych.
• Walidacja WWW – w tej części kursu nauczysz się walidować – sprawdzać poprawność stron internetowych. Nauczysz się także, jak rozwiązywać podstawowe problemy związane z brakiem poprawności.
• Osadzanie obiektów multimedialnych – w tej części kursu nauczysz się, jak osadzić element multimedialny na stronie HTML.
• Publikacja strony WWW - w tej części kursu nauczysz się, jak wykupić konto hostingowe, a następnie opublikować naszą stronę WWW w Internecie.

---