Tworzenie struktury strony HTML & CSS

Ciężko myśleć o tworzeniu stron bez znajomości języka HTML. To taki podstawowy budulec na którym oparta jest treść praktycznie każdej witryny. Nieważne czy tworzysz proste strony czy też chcesz pracować nad jakimś większym serwisem – HTML obecny jest wszędzie i po prostu musisz go znać. To pierwszy etap bez którego nie da się ruszyć dalej!

Naucz się wszystkiego od zera. Obal mit, że tworzenie stron internetowych jest trudne. Twórz własne strony WWW od A do Z. 

Chcesz stworzyć swoją pierwszą stronę WWW i poznać podstawy Web Designu? Nie mogłeś lepiej trafić. Projektowanie stron Internetowych zaczyna się właśnie tutaj - od nauki HTML i CSS, które leżą u podstaw każdej witryny. Opanowanie tych zagadnień z Kursu pozwoli Ci od początku nauczyć się poprawnych praktyk, stosowanych przez profesjonalistów, oraz tworzyć nowoczesne strony zgodne ze standardami HTML5 i CSS3!

Kurs składa się z części teoretycznej, dzięki której opanujesz kluczowe zagadnienia z zakresu tworzenia stron internetowych z pomocą HTML i CSS. Pierwsza część to konkretna esencja wiedzy z najważniejszych aspektów tworzenia markupu, składni, znaczników oraz nowej semantyki w HTML5. Mając tą wiedzę, dowiesz się czym jest CSS, poznasz jego najważniejsze koncepcje oraz nauczysz się stylować swoje strony WWW. Druga część kursu to praktyczne wykorzystanie omówionych wcześniej pojęć oraz tworzenie od podstaw Twojej pierwszej strony Internetowej.

Specyfikacje HTML i CSS są cały czas rozwijane i dynamicznie się zmieniają. Zmienia się także wsparcie dla różnych standardów w przeglądarkach. Kurs został przygotowany w ten sposób, abyś potrafił nadążać za zmianami oraz tworzyć strony, które dobrze działają we wszystkich współczesnych przeglądarkach. Zamiast tworzyć rozległe omówienie specyfikacji koncentrujemy się raczej na praktycznych przykładach oraz rozwiązaniach, które wykorzystywane są najczęściej na stronach WWW. Przy okazji, staramy się przekazać jak najwięcej praktycznych wskazówek, które płyną z wieloletniego doświadczenia w tworzeniu stron WWW. 

Forma zajęć:

Zajęcia prowadzone są przez jednego instruktora, każdy z uczestników pracuje przy jednym laptopie. Kurs trwa 32 godziny lekcyjne.

Wymagania:
  • Sprawna znajomość obsługi komputera
  • Zdolność logicznego myślenia
  • Podstawowa znajomość języka angielskiego
Uczestnicy kursu otrzymują:
  • Imienne certyfikaty sygnowane przez Narodowy Instytut Kształcenia w języku polskim oraz angielskim.
  • Zaświadczenie ukończenia kursu (na podstawie §18 Rozporządzenia Ministra Edukacji Narodowej z dnia 11 stycznia 2012 r. w sprawie kształcenia ustawicznego w formach pozaszkolnych (Dz. U. z 2012 r. poz. 186)).

Narodowy Instytut Kształcenia został wpisany do rejestru Niepublicznych Placówek Kształcenia Ustawicznego prowadzonego przez Powiat Sanocki pod numerem 23. Organem prowadzącym NInK jest Podkarpacka Fundacja Rozwoju Kultury. Wszelkie dochody z tytułu prowadzenia szkoleń i kursów trafiają na wydzielone konto PFRK i są przekazywane na rozwój sektora szkoleniowego co jest wpisane w główne cele statutowe PFRK i NInK.

Pobierz ofertę

Napisz do nas: instytut@nink.pl
Zadzwoń: +48 13 464 03 44 
 

Program kursu:

HTML+CSS (24 godz.)

1. Pierwsza strona internetowa                         

Rozpoczynamy tworzenie stron internetowych. Poznajemy różne edytory, które umożliwią realizację kolejnych zadań oraz podstawowe elementy języka HTML.

2. Podstawy formatowania stron 

Zmieniamy podstawowe elementy jak kolor czy krój pisma.

3. Nagłówek strony internetowej

Uczymy się definiowania nagłówka strony internetowej. Zwracamy uwagę na jego prawidłową definicję i kodowanie polskich znaków diakrytycznych.

4. Treść na stronie WWW

Uczymy się jak oznaczać i formatować nagłówek oraz akapit.

5. Formatowanie tekstu w HTML

Uczymy się, w jaki sposób znaczeniowo określać tekst na stronie oraz jak zmieniać jego wygląd.

6. Listy HTML

Uczymy się tworzyć oraz formatować listy wypunktowane i numerowane.

7. Element blokowy i liniowy

Uczymy się grupować, a następnie formatować elementy na stronie.

8. Układ elementów na stronie

Uczymy się wpływać na rozmieszczenie elementów na stronie za pomocą odpowiednich poleceń CSS.

9. Grafika na stronie WWW

Uczymy się umieszczać i formatować grafikę na stronach WWW.

10. Odnośniki

Uczymy się wstawiać odnośniki do różnych zasobów w HTML.

11. Formatowanie odnośników

Uczymy 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.

12. Odnośniki graficzne

Uczymy się wykorzystywać grafikę do interakcji z użytkownikiem.

13. Tabele w HTML

Uczymy się, jak tworzyć tabele w HTML.

14. Scalanie wierszy i komórek w tabelach HTML

Uczymy się scalać wiersze i komórki w tabeli.

15. Tabele – dopasowywanie wyglądu

Uczymy się, jak za pomocą CSS dopasowywać wygląd tabeli do Twoich potrzeb.

16. Zastosowanie pływających ramek w dokumencie HTML

Uczymy się wykorzystywać pływające ramki na stronie WWW.

17. Zakładanie adresu e-mail

Uczymy się, jak założyć skrzynkę e-mail.

18. Layout WWW

Uczymy się, jak tworzyć proste układy elementów na stronie internetowej.

19. Menu w CSS

Uczymy się tworzyć i formatować menu w oparciu o listy.

20. Formularz HTML

Uczymy się tworzyć formularz i dodawać do niego podstawowe pola.

21. Znacznik input w HTML

Uczymy się, jakie możliwości posiada pole input w HTML i w jaki sposób można je łatwo formatować.

22. Pola w formularzu HTML

Uczymy się grupowania pól, tytułów grup, etykiet, a także grupowania opcji w listach rozwijalnych.

23. Walidacja WWW

Uczymy się walidować – sprawdzać poprawność stron internetowych. Nauczysz się także, jak rozwiązywać podstawowe problemy związane z brakiem poprawności.

24. Osadzanie obiektów multimedialnych

Uczymy się, jak osadzić element multimedialny na stronie HTML.

25. Publikacja strony WWW

Uczymy się, jak wykupić konto hostingowe, a następnie opublikować naszą stronę WWW w Internecie.

HTML Praktycznie (8 godz.)

1. Planowanie wyglądu witryny

Część kursu, który będzie polegał na wykorzystaniu projektu, przygotowanego przez grafika, do zbudowania swojej pierwszej witryny.

2. Przygotowanie szkieletu witryny w HTML

Przygotowujemy szkielet nowej witryny internetowej z zastosowaniem Kaskadowych Arkuszy Stylów CSS.

3. Przygotowanie tła i nagłówka witryny

Przygotowujemy tło witryny na podstawie HTML i CSS, wykonujemy kontener na nagłówek, z miejscem na dwa menu i logotyp, oraz uczymy się, jak centrować kontener w poziomie.

4. Przygotowanie kontenera z menu oraz treścią właściwą

Gospodarujemy środkową część strony, w której ma się znaleźć menu oraz miejsce na treść, którą chcemy przekazać odbiorcy.

5. Przygotowanie kontenera ze stopką

Gospodarujemy dolną część witryny.

6. Uzupełnienie treścią pozostałej części witryny oraz przeprowadzenie walidacji witryny

Kończymy całą witrynę, przygotowujemy menu po lewej stronie, uzupełniamy nagłówek sloganem witryny, dodajemy drugie menu w nagłówku oraz nadajemy naszej witrynie ostateczny wygląd.