Informacje podstawowe; Internet, strona www i znacznik i HTML; Znaczniki HTML formatujące tekst i nadające strukturę dokumentowi HTML; Podstawy kaskadowych arkuszy stylów; Obrazy w dokumencie HTML; Połączenia; Tabele HTML:; Ramk i iukłady ramek; HTML a XHTML; Znaczniki HTML i ich fukncje; Podstawowe moduły kodu HTML; Atrybuty standardowe; Kolory w HTML.

1. Wprowadzenie: Niezbędne informacje o HTML, XHTML, CSS i nie tylko. Narzędzia potrzebne do dalszej pracy: Edytory tekstowe, Edytory graficzne, Programy do przygotowywania grafiki sieciowej, Przeglądarki stron WWW, Polskie litery na stronie WWW, Odbiorca strony. 2. Tworzymy stronę WWW. Podstawy języka HTML. 3. Modyfikujemy stronę WWW - CSS. 4. Przygotowanie grafiki na potrzeby publikacji na stronie WWW. 5. Publikacja i utrzymanie strony. 6. Pozycjonowanie i promocja strony.

1. Wprowadzenie. 2. Podstawy. 3. Elementy języków XHTML i HTML. 4. Kaskadowe arkusze stylów. 5. Praktyczne projekty. 6. Testowanie.

CZ.I Zastosowanie PHP do ogólnych prac związanych z tworzeniem aplikacji internetowych: 1. Podstawy zastosowania PHP, 2. Tabilce, 3. Wyrażenia regularne, 4. Obsługa formularzy, 5. Zaawansowane techniki obsługi formularzy, 6. Zapewnianie trwałości danych przy użyciu sesji i cookies, 7. Stosowanie szablonów. Cz. II Zaawansowane programowanie dla www: 8. PEAR,, 9. XSLT oraz inne mechanizmy związane z XML, 10. Debugowanie i optymalizacja, 11. Uwierzytelnianie użytkowników, 12. Szyfrowanie danych, 13. Programowanie obiektowe a PHP, 14. Obsługa błędów, 15. Operacje na HTML i XHTML z użyciem Tidy, 16. Tworzenie poczty elektronicznej w PHP. Cz. III Tworzenie aplikacji w PHP: 17. Zastosowanie PHP w skryptach konsoli, 18. SOAP i PHP, 19. Tworzenie witryn do WAP. Cz. IV Wejście - wyjście, wywołania systemowe i PHP: 23. Wprowadzenie do zagadnień baz danych, 24. Stosowanie bazy danych MySQL w skryptach PHP, 25. Stosowanie bazy danych SQLite w skryptach PHP, 26. Funkcje dba. Cz. V Tworzenie grafiki w PHP: 27. Operacje na rysunkach, 28. Generowanie dokumentów drukowanych

CZĘŚĆ I. PODSTAWY. Rozdział 1. Rozpoczęcie projektowania witryn internetowych. Od czego zacząć? Role podczas tworzenia witryn internetowych. Co muszę kupić? Czego się nauczyłeś? Sprawdź się! Rozdział 2. Jak działa internet? Internet a Web. Dostarczanie informacji. Kilka słów o przeglądarkach. Adres strony internetowej (URL). Anatomia strony internetowej. Składanie wszystkiego w całość. Sprawdź się! Rozdział 3. Kilka ważnych spraw, o których musisz wiedzieć. Od przybytku głowa boli. Trzymanie się standardów. Stopniowe ulepszanie. Technika Responsive Web Design. Web dla wszystkich, czyli dostępność. Need for Speed - liczy się szybkość. Sprawdź się! CZĘŚĆ II. ZNACZNIKI HTML I STRUKTURA DOKUMENTU. Rozdział 4. Tworzenie prostej strony (przegląd języka HTML). Strona internetowa krok po kroku. Przed rozpoczęciem należy uruchomić edytor tekstu. Krok 1. Zaczynamy od zawartości. Krok 2. Nadajemy dokumentowi strukturę. Krok 3. Oznaczamy elementy tekstowe. Krok 4. Wstawiamy obrazek. Krok 5. Zmieniamy wygląd za pomocą arkusza stylów. Kiedy dobre strony nie działają dobrze. Walidacja dokumentów. Sprawdź się! Przegląd elementów HTML tworzących strukturę dokumentu. Rozdział 5. Znaczniki tekstowe. Akapity. Nagłówki. Rozdzielanie treści (pozioma linia). Listy. Inne elementy stosowane do treści. Struktura zawartości strony. Przegląd elementów liniowych. Ogólne elementy div oraz span. Poprawienie dostępności za pomocą technologii Aria. Znaki ucieczki. Zestawienie wszystkiego razem. Sprawdź się! Przegląd elementów tekstowych. Rozdział 6. Hiperłącza. Atrybut href. Tworzenie odsyłaczy do stron internetowych. Tworzenie odsyłaczy do stron z własnej witryny. Otwieranie stron docelowych w nowym oknie przeglądarki. Odsyłacze "pocztowe". Odsyłacze "telefoniczne". Sprawdź się! Przegląd elementów – odsyłacze. Rozdział 7. Grafika. Kilka słów o formatach obrazków. Element img. Dodawanie obrazków SVG. Kod znaczników responsywnych obrazków. Uff! To już koniec. Sprawdź się! Przegląd elementów – obrazki. Rozdział 8. Tabele. Jak używać tabel. Podstawowa struktura tabeli. Nagłówki tabel. Tworzenie zakresów komórek. Dostępność tabel. Grupy wierszy i kolumn. Podsumowanie zagadnień związanych z tabelami. Sprawdź się! Przegląd elementów HTML – tabele. Rozdział 9. Formularze. Jak działają formularze. Element form. Zmienne oraz zawartość. Wielkie podsumowanie kontrolek. Dostępność formularzy. Projekt i układ formularza. Sprawdź się! Formularze - przegląd elementów. Rozdział 10. Osadzone treści multimedialne. Okno w oknie (element iframe). Osadzanie różnych treści na stronie. Elementy video i audio. Element canvas. Sprawdź się! Osadzone treści multimedialne - przegląd elementów. CZĘŚĆ III. CSS I PREZENTACJA DOKUMENTU. Rozdział 11. Kaskadowe arkusze stylów. Zalety CSS-a. Jak działają arkusze stylów. Najważniejsze koncepcje. Jednostki miar w CSS-ie. Narzędzia programistyczne wbudowane w przeglądarkę WWW. Dalsza nauka CSS-a. Sprawdź się! Rozdział 12. Formatowanie tekstu (i jeszcze więcej selektorów). Podstawowe właściwości czcionek. Typografia zaawansowana wykorzystująca CSS3. Zmiana koloru tekstu. Więcej typów selektorów. Zmiana stylu wiersza tekstu. Podkreślenia oraz inne "dekoracje". Zmiana wielkości liter. Odstępy. Cienie pod tekstem. Zmiany wypunktowania i numeracji list. Sprawdź się! Przegląd CSS-a - właściwości dotyczące czcionki oraz tekstu. Rozdział 13. Kolory i tła. Określanie wartości koloru. Kolor pierwszego planu. Kolor tła. Wycinanie tła. Zabawy z przezroczystością. Wprowadzenie do selektorów pseudoklas. Selektory pseudoelementów. Selektory atrybutów. Obrazki tła. Skrótowa właściwość background. Prawie tęcza (gradienty). I wreszcie - zewnętrzne arkusze stylów. Zakończenie rozdziału. Sprawdź się! Przegląd CSS-a - właściwości dotyczące koloru oraz tła. Rozdział 14. Model pojemnika. Pojemnik elementu. Określanie wymiarów zawartości elementu. Dopełnienie. Obramowanie. Marginesy. Przypisywanie ról wyświetlania. Dodawanie cienia do elementów. Sprawdź się! Przegląd CSS-a - podstawowe właściwości modelu pojemnika. Rozdział 15. Pływanie oraz pozycjonowanie. Normalny układ dokumentu. Pływanie. Efektowne opływanie tekstu z użyciem kształtów CSS. Podstawy pozycjonowania. Pozycjonowanie względne. Pozycjonowanie bezwzględne. Pozycjonowanie sztywne. Sprawdź się! Przegląd CSS-a - właściwości dotyczące pływania i pozycjonowania. Rozdział 16. Układ CSS z użyciem modeli Flexbox i siatki. Elastyczne pojemniki w modelu CSS Flexbox. Układ oparty na siatce CSS. Sprawdź się! Przegląd CSS-a - właściwości układu. Rozdział 17. Responsywny układ strony. Dlaczego RWD? Przepis na układ responsywny. Wybieranie punktów granicznych. Tworzenie projektu responsywnego. Kilka słów o testowaniu. Więcej zasobów RWD. Sprawdź się! Rozdział 18. Przekształcenia, transformacje i animacje. Przejścia CSS. Transformacje CSS. Animacja klatkowa. Zakończenie. Sprawdź się! Przegląd właściwości CSS-a - przejścia, transformacje i animacje. Rozdział 19. Więcej technik CSS. Nadawanie stylów formularzom. Nadawanie stylów tabelom. Czysta strona (zerowanie stylów CSS i normalize.css). Techniki zastępowania tekstu obrazkiem. Technika CSS Sprites. Wykrywanie obsługiwanych funkcji CSS. Podsumowanie arkuszy stylów. Sprawdź się! Przegląd CSS-a - właściwości dotyczące tabel oraz list. Rozdział 20. Nowoczesne narzędzia do tworzenia witryn internetowych. Krótkie wprowadzenie do powłoki. Potężne narzędzia CSS-a (procesory). Narzędzia do kompilacji (Grunt i Gulp). System kontroli wersji za pomocą Git i GitHub. Podsumowanie. Sprawdź się! CZĘŚĆ IV. JAVASCRIPT. Rozdział 21. Wprowadzenie do JavaScriptu. Czym jest JavaScript? Dodawanie skryptów na stronę. Anatomia skryptu. Obiekt przeglądarki. Zdarzenia. Podsumowanie. Więcej informacji o JavaScripcie. Sprawdź się! Rozdział 22. Korzystanie z JavaScriptu i modelu obiektowego DOM. Poznaj model DOM. Wypełniacze. Javascriptowe biblioteki. Wielkie zakończenie. Sprawdź się! CZĘŚĆ V. TWORZENIE GRAFIKI STRON INTERNETOWYCH. Rozdział 23. Podstawy grafiki stron internetowych. Źródła obrazków. Poznaj formaty grafiki. Rozmiar oraz rozdzielczość grafiki. Strategia związana z obrazkami. Ikona favicon. Podsumowanie informacji dotyczących grafiki stron internetowych. Sprawdź się! Rozdział 24. Tworzenie obrazków na strony internetowe. Zapisywanie obrazka w formacie internetowym. Praca z przezroczystością. Wskazówki dotyczące tworzenia obrazków responsywnych. Optymalizacja obrazków. Sprawdź się! Rozdział 25. SVG. Rysowanie za pomocą języka XML. Funkcjonalność SVG jako XML. Narzędzia SVG. Wskazówki dotyczące tworzenia plików SVG. Responsywne obrazki SVG. Dalsza lektura. Sprawdź się! Gotowe! CZĘŚĆ VI. DODATKI. Dodatek A. Odpowiedzi do ćwiczeń. Dodatek B. Atrybuty globalne HTML5. Dodatek C. Selektory CSS Level 3 i Level 4. Dodatek D. Od HTML+ do HTML5.

Część I: Witamy w sieci WWW. 1. Przygotować się na sieć. 2. Tworzenie pierwszej strony. 3. Umieszczanie strony w sieci. 4. Skuteczne narzędzia. Część II: Tworzenie lepszych stron WWW. 5. Tekstowe znaczniki HTML. 6. Arkusze stylów. 7. Dodawanie grafiki. 8. Łączenie stron. 9. Narzędzia układu strony: tabele i style. 10 Ramki. Część III: Komunikowanie się z odwiedzającymi stronę. 12. Umożliwianie użytkownikom komunikowania się z nami (i ze sobą). 13. Zarabianie za pomocą swojej witryny. Część IV: Upiększanie stron WWW. 14. JavaScript i DHTML: interaktywne strony WWW. 15. Wymyślne przyciski i menu. 16. Audio i wideo. Część V: Blogi. 17. Blogi. Część VI: Dodatki.

ROZDZIAŁ 1. Podstawy internetu i WWW. Internet i WWW. Standardy i dostępność w internecie. Przeglądarki i serwery internetowe. Protokoły internetowe. Jednolite identyfikatory zasobów i nazwy domen. Czerpanie informacji z internetu. HTML w zarysie. Struktura strony internetowej. Twoja pierwsza strona internetowa. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 2. Podstawy HTML. Nagłówek. Akapit. Podział wiersza i linia pozioma. Cytat blokowy. Elementy frazowe. Lista uporządkowana. Lista nieuporządkowana. Lista opisowa. Znaki specjalne. Sprawdzanie składni HTML. Elementy strukturalne. Ćwiczenia z elementami strukturalnymi. Inne elementy strukturalne. Elementy kotwicowe. Ćwiczenia z hiperłączami. Hiperłącza e-mailowe. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 3. Podstawy projektowania stron internetowych. Docelowa grupa odbiorców. Organizacja witryny internetowej. Zasady projektowania wizualnego. Projektowanie z uwzględnieniem dostępności. Stosowanie tekstu. Kolory w internecie. Projektowanie witryny z uwzględnieniem cech odbiorcy docelowego. Wybór schematu kolorystycznego. Stosowanie grafik i multimediów. Inne zalecenia projektowe. Projektowanie nawigacji. Plany i układy stron internetowych. Statyczne i płynne układy stron WWW. Projektowanie witryn internetowych z myślą o urządzeniach mobilnych. Responsywne projekty internetowe. Lista kontrolna najlepszych technik projektowania webowego. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 4. Wprowadzenie do kaskadowych arkuszy stylów. Podstawowe informacje o CSS. Selektory i deklaracje CSS. Zapisywanie wartości kolorów w CSS. Stosowanie stylów wpisanych. Stosowanie stylów osadzonych. Stosowanie stylów zewnętrznych. Selektory klasy, identyfikatora i potomka. Formatowanie zakresowe. Ćwiczenia w opracowywaniu arkuszy stylów. Kaskadowość stylów. Kaskadowość stylów w praktyce. Sprawdzanie składni CSS. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 5. Podstawy formatowania grafiki i tekstu. Grafika w sieci. Element graficzny. Hiperłącza graficzne. Konfigurowanie obrazu stanowiącego tło. Rozmieszczanie obrazów tła. Tło wieloobrazowe w CSS. Czcionki w CSS. Właściwości tekstu w CSS. Ćwiczenia w konfigurowaniu grafiki i tekstu. Konfigurowanie punktorów za pomocą kodu CSS. Favicon. Mapy odsyłaczy. Elementy figure i figcaption. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 6. Podstawy CSS - ciąg dalszy. Szerokość i wysokość w CSS. Model pudełkowy. Marginesy i wypełnienia w CSS. Obramowania w CSS. Zaokrąglanie rogów w CSS3. Wyśrodkowanie zawartości strony. Kodowanie cieni w CSS. Przycinanie i umiejscawianie obrazów tła. Skalowanie tła w CSS. Ćwiczenie konfigurowania właściwości CSS3. Przezroczystość w CSS. Kolory RGBA w CSS3. Kolory HSLA w CSS. Gradienty w CSS. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 7. Podstawy projektowania układów stron. Układ normalny. Elementy pływające. Likwidacja efektu opływania. Przepełnienie. Ustalanie wymiarów elementów w CSS. Prosty układ dwukolumnowy. Pionowy pasek nawigacyjny jako lista nieuporządkowana. Nawigacja w formie poziomej listy nieuporządkowanej. Pseudoklasy a interaktywność w CSS. Ćwiczenia z opracowywania układu dwukolumnowego. Przygotowanie strony do druku. Sprajty CSS. Ustalanie położenia elementów strony internetowej. Ćwiczenia z rozmieszczania elementów strony. Stała pozycja paska nawigacyjnego. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 8. Projektowanie stron w układach responsywnych. Układ typu Flexible Box. O kontenerach elastycznych ciąg dalszy. Flexboksowa galeria zdjęć. Konfigurowanie elementów flexboksu. Flexbox w praktyce. Układ siatkowy. Kolumny, wiersze i odstępy w układzie siatkowym. Siatkowy układ dwukolumnowy. Warunkowe wprowadzanie siatki. Justowanie zawartości flexboksu i siatki. Metatag viewport. Zapytania o media w CSS. Układ responsywny z zapytaniami o media. Responsywny układ siatkowy z zapytaniami o media. Elastyczność obrazów w CSS. Element picture. Responsywne atrybuty elementu img. Testowanie wyświetlania na urządzeniach mobilnych. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 9. Podstawy stosowania tabel. Informacje wstępne o tabelach. Wiersze, komórki i nagłówki tabeli. Scalanie komórek tabeli. Konfiguracja i dostępność tabel. Formatowanie tabeli za pomocą kodu CSS. Pseudoklasy strukturalne w CSS. Konfigurowanie poszczególnych obszarów tabeli. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 10. Podstawy konfigurowania formularzy. Informacje wstępne o formularzach. Pole tekstowe. Przyciski submit i reset. Pole wyboru i przycisk opcji. Pole ukryte i pole hasła. Przewijany obszar tekstowy. Lista wyboru i jej opcje. Etykieta. Elementy fieldset i legend. Konfigurowanie formularzy przy użyciu kodu CSS. Formularz w układzie siatkowym. Przetwarzanie formularza po stronie serwerowej. Praktyka tworzenia formularzy. Inne tekstowe kontrolki formularza. Element datalist. Suwaki i pokrętła w HTML5. Kontrolki typu datownik i próbnik kolorów. Praktyka tworzenia wyspecjalizowanych kontrolek formularza. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 11. Podstawy interaktywności i obsługi mediów. Pluginy, kontenery i kodeki. Konfigurowanie wizji i fonii. Flash i element embed. Elementy audio i source. Elementy video i source. Element video w praktyce. Ramki lokalne. Przekształcanie obiektów w CSS3. Efekt przejścia w CSS. Praktyka tworzenia przejść. CSS a rozwijane menu. Elementy details i summary. JavaScript i jQuery. Interfejsy programistyczne w HTML5. Utrwalanie i stosowanie nabytej wiedzy. ROZDZIAŁ 12. Podstawy publikowania w internecie. Organizacja plików. Hiperłącza wskazujące. Rejestracja nazwy domeny. Wybór serwera macierzystego. Protokół SSL. Publikowanie przez FTP. Zgłaszanie witryny internetowej w wyszukiwarce. Optymalizacja pod kątem wyszukiwarek. Sprawdzanie dostępności. Sprawdzanie funkcjonalności. Utrwalanie i stosowanie nabytej wiedzy. DODATEK. Odpowiedzi na pytania sprawdzające. Ściągawka z HTML5. Ściągawka z CSS. Przewodnik po WCAG 2.1. ARIA i role punktów orientacyjnych. Współtwórcy. Paleta bezpiecznych kolorów WWW.