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.

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.

O autorze; O korektorach merytorycznych; Przedmowa 15; Rozdział 1. Podstawowe wiadomości o projektowaniu responsywnych stron internetowych: Panorama przeglądarek i urządzeń; Projekt responsywny – definicja; Obsługa przeglądarek; Pierwszy przykład projektu responsywnego; Podsumowanie; Rozdział 2. Znaczniki HTML: Prawidłowe rozpoczynanie strony HTML5; Pobłażliwy charakter znaczników HTML5; Nowe elementy semantyczne HTML5; Elementy semantyczne na poziomie tekstu; Elementy języka HTML, które uległy dezaktualizacji; Praktyczne wykorzystanie elementów strukturalnych HTML5; Standardy dostępności stron WCAG i WAI-ARIA; Osadzanie elementów multimedialnych w HTML5; Podsumowanie; Rozdział 3. Zapytania medialne: obsługa zróżnicowanych obszarów roboczych: Znacznik meta viewport; Dlaczego zapytania medialne są potrzebne do budowy układów responsywnych; Składnia zapytań medialnych; Modyfikowanie projektu strony za pomocą zapytań medialnych; Zaawansowane zagadnienia dotyczące zapytań medialnych; Łączyć zapytania medialne w bloki czy rozpraszać je w różnych miejscach pliku; Zapytania medialne - poziom 4.; Podsumowanie; Rozdział 4. Układy płynne, flexbox i obrazy responsywne: Konwertowanie układu stałego na elastyczny; Flexbox – wprowadzenie; Różne rodzaje układu flexboksa w różnych zapytaniach medialnych; Obrazy responsywne; Podsumowanie; Rozdział 5. Układy oparte na siatce CSS: CSS Grid i problemy, które rozwiązuje; Tworzenie siatki; Rozmieszczanie i definiowanie rozmiaru elementów siatki; Nazwane linie siatki; Zastosowanie nabytych umiejętności; Składnia zbiorcza; Podsumowanie; Rozdział 6. CSS3: selektory, typografia, tryby kolorów i nowe funkcje: Selektory, jednostki i funkcje; Typografia sieciowa; Nowe formaty barw CSS3 i kanał alfa; Podsumowanie; Rozdział 7. Spektakularny wygląd i CSS3: Cienie tekstu w CSS3; Cienie elementów; Gradienty tła; Powtarzanie gradientu; Gradientowe desenie tła; Wiele obrazów tła jednocześnie; Filtry CSS; Uwaga na temat wydajności CSS; CSS clip-path; mask-image; mix-blend-mode; Podsumowanie; Rozdział 8. Grafika SVG niezależna od rozdzielczości ekranu: Historia SVG w pigułce; Grafika, która jest dokumentem; Najpopularniejsze programy i usługi do tworzenia grafiki SVG; Wstawianie grafik SVG na strony internetowe; Wstawianie dokumentów SVG bezpośrednio do kodu HTML; Wielokrotne wykorzystywanie obiektów graficznych z symboli; Możliwości każdej z metod wstawiania grafik SVG na strony internetowe; Inne możliwości i dziwactwa SVG; Animowanie SVG za pomocą JavaScriptu; Optymalizacja grafik SVG; Filtry SVG; Uwaga na temat zapytań medialnych w SVG; Porady implementacyjne; Podsumowanie; Dodatkowe źródła informacji; Rozdział 9. Przejścia, transformacje i animacje: Czym są przejścia CSS3 i jak z nich korzystać?; Funkcje czasu; Transformacje dwuwymiarowe CSS3; Transformacje trójwymiarowe; Animacje w CSS3; Ćwiczenia; Podsumowanie; Rozdział 10. Formularze w HTML5 i CSS3: Formularze HTML5; Rodzaje kontrolek HTML5; Formatowanie formularzy HTML5 za pomocą arkuszy CSS3; Podsumowanie; Rozdział 11. Dodatkowe techniki i dobre rady na pożegnanie: Zawijanie długich adresów URL; Obcinanie tekstu; Tworzenie poziomych przewijanych okienek; CSS Scroll Snap; Łączenie punktów kontrolnych CSS i JavaScript; Oglądanie projektu w przeglądarce najszybciej jak to możliwe; Oglądaj i testuj projekt w prawdziwych urządzeniach; Na czym dokładnie polega stopniowe ulepszanie strony; Unikaj frameworków CSS w produkcji; Ukrywanie, pokazywanie i wczytywanie treści na różnych ekranach; Sprawdzanie składni; Wydajność; Co szykuje przyszłość; Podsumowanie.

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.