1. HTML ( HTML 5)
Teoretyczne wprowadzenie do technologii tworzenia stron www
IDE - profesjonalne edytory
Organizacje normalizujące kodowanie stron www
Struktura dokumentu HTML
Sekcja HEAD
Znaczniki META, TITLE, a indeksacja stron www, łącza do zewnętrznych plików np. *.js i *.css
Sekcja BODY
Ustalanie szerokości strony
Nagłówki
Tabela
Wydzielanie bloków tekstu
Ramki - Frames
Praca z tekstem, elementami graficznymi i tworzenie hiperłączy
Tekst akapitowy
Listy
Linia
Podział wiersza
Formatowanie tekstu - archaicznymi metodami HTML
Osadzanie rysunków
Osadzanie animacji FLASH
Hiperłącza: do innych witryn, do innych stron, do dowolnego miejsca na stronie, wywołujące klienta poczty
Style logiczne HTML
Znaki niestandardowe
Nowe elementy semantyczne nav, header, footer, article, and section
Nowe elementy multimedia video, audio
Nowe elementy grafiki svg, canva
Nowe elementy HTML5 API (Application Programming Interfaces)
Tabele
Wstawianie tabel: rozmiary tabel, definiowanie szerokości i wysokości komórek
Zagnieżdżanie tabel w komórkach innej tabeli
Scalanie kolumn, lub wierszy tabeli
Archaiczne metody formatowania tabel i elementów osadzonych w komórkach
Formularze (zasady komunikacji z odwiedzającymi witrynę)
Pola tekstowe, pola memo, przyciski radio i checkbox, listy rozwijane, guziki
2. Cascading Style Sheets - CSS (2.0, 3.0)
Nowoczesne metody osadzania stylów na stronach WWW
Zewnętrzny arkusz
Sekcja HEAD
Bezpośrednio w znaczniku
Style dla sekcji BODY
Osadzanie rysunków w osiach x lub y strony jako tła
Zmiana kolorów pasków przewijania, strzałek okienka
Metody określania marginesów
Style dla Tekstu
Nagłówki, tekst akapitowy
Określanie rodzaju i rodziny czcionek, tła, rozstrzelenie, kolor, wyrównanie i odstępy między wierszami, wcięcia i wysunięcia, metody obramowania,
zmiana "kierunku" tekstu, zmiana kształtu kursora, grafika jako tło, odstępy między słowami, wierszami, marginesy, marginesy wewnętrzne
Style dla hiperłączy
Tworzenie dynamicznych linków reagujących na ruch myszy
Likwidowanie domyślnych atrybutów HTML - resetowanie marginesów, pogrubień, wielkości
Style dla List
Style dla Formularzy
Style dla Tabel
Formatowanie stylami innych elementów HTML
Likwidowanie domyślnych atrybutów HTML
Rysunki
Ramki
Selektory stylów: klasy, id, dziedziczenie
Tworzenie klas dla znaczników HTML
Podstawy dziedziczenia wyglądu w CSS
Dziedziczenie wyglądu w obrębie pojedynczego znacznika HTML
Tworzenie klas, które mogą być użyte do dowolnego znacznika HTML
Rola znaczników DIV i SPAN dla bloków tekstu i innych elementów HTML
Rozmieszczanie elementów na stronie (Flex, position, float)
Bloki tekstu i grafiki
Elementy pływające
Pozycjonowanie względne
Pozycjonowanie bezwzględne
Pozycjonowanie statyczne
Flex
Style CSS 3 - Selektory
Zaawansowane metody dziedziczenia w CSS3
Tworzenie menu rozwijanych
Klasy
Pseudoklasy
Atrybuty
Formuły w selektorach
Elementy parzyste, nieparzyste
Metody tworzenia Responsive Web Design - dopasownie stron do urządzenia
Media queries
Style zewnętrzne
Pozycjonowanie strony w wyszukiwarkach
Tworzenie systemu linków do pozycjonowanej strony
Znaczniki HTML i ich wpływ na pozycję w wyszukiwarkach
Przygotowanie odpowiedniej treści
Mikrodane
Style CSS 3 - wygląd bloków i tekstu
Obramowanie za pomocą grafiki
Dopasowanie tła do wielkości bloku
Tła gradientowe
Tła z kilku obrazków
Efekty dla tekstu i bloków (cień, zaokrąglanie narożników, zawijanie tekstu)
Czcionki - zastosowanie dowolnej czcionki na stronie www
Przekształcenia 2D
Przekształcenia 3D
Przejścia (Transitions)
Animacje za pomocą CSS 3
Stosowanie różnych modeli kolorów
Publikowanie stron WWW na serwerach
Dobór firmy hostingowej
Zasady rejestracji domen
Dobór programu do FTP
Publikacja stron w internecie
3. Bootstrap
Nawigacja
Grid, paginacja, spinery
Formularze
Tekst
JavaScript w Bootstrap
Carousel
4. Wordpress
Instalacja i konfiguracja
Wprowadzenie do PhpMyadmin
Praca z themes
Zastosowanie i modyfikacja wyglądu za pomocą html, css, javascript w WordPress
Praca z bazą danych