Projektowanie i tworzenie stron internetowych wymaga zarówno wiedzy oraz biegłego posługiwania się technologiami, jak i zmysłu artystycznego. Długo można wymieniać cechy idealnej strony WWW, zwłaszcza w obliczu dynamicznych zmian, które dotyczą technologii, potrzeb użytkowników i mody. Projektant stron internetowych musi wciąż podążać za nowinkami. Powinien też pamiętać o osobach, dla których ułatwienia dostępu są szczególnie istotne, a także o użytkownikach urządzeń mobilnych. Przy tym wszystkim pisanie stron WWW jest fascynującą umiejętnością, którą najlepiej rozwijają ćwiczenia praktyczne i praca na studiach przypadków.

To kolejne, uaktualnione wydanie kultowego podręcznika projektowania i programowania stron internetowych, niezbędnego do rozpoczęcia samodzielnej pracy. Opisano tu obowiązujące standardy tworzenia witryn WWW oraz przyszłościowe techniki kodowania w HTML5.2 i CSS3. Sporo miejsca poświęcono zasadom projektowania wizualnego, schematom kolorystycznym czy kwestii uwzględniania wymagań grupy docelowej. Zaprezentowano również zasady dotyczące grafik, multimediów, nawigacji oraz układu strony. Utrwalenie zdobytej wiedzy będzie łatwiejsze dzięki licznym wskazówkom, ćwiczeniom i studiom przypadków. To wydanie uzupełniono o tak ważne kwestie jak techniki projektowania responsywnego oraz nowe układy CSS bazujące na modułach Flexible Box Layout i Grid Layout.

Najważniejsze zagadnienia:

• tworzenie stron za pomocą HTML5.2 i CSS3 z układem elastycznym i siatkowym
• obrazy i multimedia na stronach internetowych
• najlepsze praktyki w dziedzinie projektowania internetowego
• tworzenie stron zarówno dla monitorów, jak i dla urządzeń mobilnych
• techniki projektowania responsywnego
• uzyskiwanie nazwy domeny oraz publikowanie strony WWW

Dobra strona WWW? Funkcjonalność, elegancja, standardy!

Rozdziały:

ROZDZIAŁ 1. Podstawy internetu i WWW (1)


• Internet i WWW (2)
• Standardy i dostępność w internecie (4)
• Przeglądarki i serwery internetowe (6)
• Protokoły internetowe (8)
• Jednolite identyfikatory zasobów i nazwy domen (10)
• Czerpanie informacji z internetu (14)
• HTML w zarysie (16)
• Struktura strony internetowej (18)
• Twoja pierwsza strona internetowa (20)
• Utrwalanie i stosowanie nabytej wiedzy (24)

ROZDZIAŁ 2. Podstawy HTML (27)


• Nagłówek (28)
• Akapit (30)
• Podział wiersza i linia pozioma (32)
• Cytat blokowy (34)
• Elementy frazowe (36)
• Lista uporządkowana (38)
• Lista nieuporządkowana (40)
• Lista opisowa (42)
• Znaki specjalne (44)
• Sprawdzanie składni HTML (46)
• Elementy strukturalne (48)
• Ćwiczenia z elementami strukturalnymi (50)
• Inne elementy strukturalne (52)
• Elementy kotwicowe (54)
• Ćwiczenia z hiperłączami (56)
• Hiperłącza e-mailowe (60)
• Utrwalanie i stosowanie nabytej wiedzy (62)

ROZDZIAŁ 3. Podstawy projektowania stron internetowych (71)


• Docelowa grupa odbiorców (72)
• Organizacja witryny internetowej (74)
• Zasady projektowania wizualnego (76)
• Projektowanie z uwzględnieniem dostępności (78)
• Stosowanie tekstu (80)
• Kolory w internecie (82)
• Projektowanie witryny z uwzględnieniem cech odbiorcy docelowego (84)
• Wybór schematu kolorystycznego (86)
• Stosowanie grafik i multimediów (90)
• Inne zalecenia projektowe (92)
• Projektowanie nawigacji (94)
• Plany i układy stron internetowych (96)
• Statyczne i płynne układy stron WWW (98)
• Projektowanie witryn internetowych z myślą o urządzeniach mobilnych (100)
• Responsywne projekty internetowe (102)
• Lista kontrolna najlepszych technik projektowania webowego (104)
• Utrwalanie i stosowanie nabytej wiedzy (106)

ROZDZIAŁ 4. Wprowadzenie do kaskadowych arkuszy stylów (111)


• Podstawowe informacje o CSS (112)
• Selektory i deklaracje CSS (114)
• Zapisywanie wartości kolorów w CSS (116)
• Stosowanie stylów wpisanych (118)
• Stosowanie stylów osadzonych (120)
• Stosowanie stylów zewnętrznych (122)
• Selektory klasy, identyfikatora i potomka (124)
• Formatowanie zakresowe (126)
• Ćwiczenia w opracowywaniu arkuszy stylów (128)
• Kaskadowość stylów (130)
• Kaskadowość stylów w praktyce (132)
• Sprawdzanie składni CSS (134)
• Utrwalanie i stosowanie nabytej wiedzy (136)

ROZDZIAŁ 5. Podstawy formatowania grafiki i tekstu (143)


• Grafika w sieci (144)
• Element graficzny (146)
• Hiperłącza graficzne (148)
• Konfigurowanie obrazu stanowiącego tło (150)
• Rozmieszczanie obrazów tła (152)
• Tło wieloobrazowe w CSS (154)
• Czcionki w CSS (156)
• Właściwości tekstu w CSS (158)
• Ćwiczenia w konfigurowaniu grafiki i tekstu (160)
• Konfigurowanie punktorów za pomocą kodu CSS (162)
• Favicon (164)
• Mapy odsyłaczy (166)
• Elementy figure i figcaption (168)
• Utrwalanie i stosowanie nabytej wiedzy (170)

ROZDZIAŁ 6. Podstawy CSS - ciąg dalszy (179)


• Szerokość i wysokość w CSS (180)
• Model pudełkowy (182)
• Marginesy i wypełnienia w CSS (184)
• Obramowania w CSS (186)
• Zaokrąglanie rogów w CSS3 (188)
• Wyśrodkowanie zawartości strony (190)
• Kodowanie cieni w CSS (192)
• Przycinanie i umiejscawianie obrazów tła (194)
• Skalowanie tła w CSS (196)
• Ćwiczenie konfigurowania właściwości CSS3 (198)
• Przezroczystość w CSS (200)
• Kolory RGBA w CSS3 (202)
• Kolory HSLA w CSS (204)
• Gradienty w CSS (206)
• Utrwalanie i stosowanie nabytej wiedzy (208)

ROZDZIAŁ 7. Podstawy projektowania układów stron (217)


• Układ normalny (218)
• Elementy pływające (220)
• Likwidacja efektu opływania (222)
• Przepełnienie (224)
• Ustalanie wymiarów elementów w CSS (226)
• Prosty układ dwukolumnowy (228)
• Pionowy pasek nawigacyjny jako lista nieuporządkowana (232)
• Nawigacja w formie poziomej listy nieuporządkowanej (234)
• Pseudoklasy a interaktywność w CSS (236)
• Ćwiczenia z opracowywania układu dwukolumnowego (238)
• Przygotowanie strony do druku (240)
• Sprajty CSS (242)
• Ustalanie położenia elementów strony internetowej (244)
• Ćwiczenia z rozmieszczania elementów strony (246)
• Stała pozycja paska nawigacyjnego (248)
• Utrwalanie i stosowanie nabytej wiedzy (250)

ROZDZIAŁ 8. Projektowanie stron w układach responsywnych (257)


• Układ typu Flexible Box (258)
• O kontenerach elastycznych ciąg dalszy (260)
• Flexboksowa galeria zdjęć (262)
• Konfigurowanie elementów flexboksu (264)
• Flexbox w praktyce (266)
• Układ siatkowy (268)
• Kolumny, wiersze i odstępy w układzie siatkowym (270)
• Siatkowy układ dwukolumnowy (272)
• Warunkowe wprowadzanie siatki (274)
• Justowanie zawartości flexboksu i siatki (276)
• Metatag viewport (278)
• Zapytania o media w CSS (280)
• Układ responsywny z zapytaniami o media (282)
• Responsywny układ siatkowy z zapytaniami o media (286)
• Elastyczność obrazów w CSS (290)
• Element picture (292)
• Responsywne atrybuty elementu img (294)
• Testowanie wyświetlania na urządzeniach mobilnych (296)
• Utrwalanie i stosowanie nabytej wiedzy (298)

ROZDZIAŁ 9. Podstawy stosowania tabel (309)


• Informacje wstępne o tabelach (310)
• Wiersze, komórki i nagłówki tabeli (312)
• Scalanie komórek tabeli (314)
• Konfiguracja i dostępność tabel (316)
• Formatowanie tabeli za pomocą kodu CSS (318)
• Pseudoklasy strukturalne w CSS (320)
• Konfigurowanie poszczególnych obszarów tabeli (322)
• Utrwalanie i stosowanie nabytej wiedzy (324)

ROZDZIAŁ 10. Podstawy konfigurowania formularzy (331)


• Informacje wstępne o formularzach (332)
• Pole tekstowe (334)
• Przyciski submit i reset (336)
• Pole wyboru i przycisk opcji (338)
• Pole ukryte i pole hasła (340)
• Przewijany obszar tekstowy (342)
• Lista wyboru i jej opcje (344)
• Etykieta (346)
• Elementy fieldset i legend (348)
• Konfigurowanie formularzy przy użyciu kodu CSS (350)
• Formularz w układzie siatkowym (352)
• Przetwarzanie formularza po stronie serwerowej (354)
• Praktyka tworzenia formularzy (356)
• Inne tekstowe kontrolki formularza (358)
• Element datalist (360)
• Suwaki i pokrętła w HTML5 (362)
• Kontrolki typu datownik i próbnik kolorów (364)
• Praktyka tworzenia wyspecjalizowanych kontrolek formularza (366)
• Utrwalanie i stosowanie nabytej wiedzy (368)

ROZDZIAŁ 11. Podstawy interaktywności i obsługi mediów (379)


• Pluginy, kontenery i kodeki (380)
• Konfigurowanie wizji i fonii (382)
• Flash i element embed (384)
• Elementy audio i source (386)
• Elementy video i source (388)
• Element video w praktyce (390)
• Ramki lokalne (392)
• Przekształcanie obiektów w CSS3 (394)
• Efekt przejścia w CSS (396)
• Praktyka tworzenia przejść (398)
• CSS a rozwijane menu (400)
• Elementy details i summary (402)
• JavaScript i jQuery (404)
• Interfejsy programistyczne w HTML5 (406)
• Utrwalanie i stosowanie nabytej wiedzy (408)

ROZDZIAŁ 12. Podstawy publikowania w internecie (415)


• Organizacja plików (416)
• Hiperłącza wskazujące (418)
• Rejestracja nazwy domeny (420)
• Wybór serwera macierzystego (422)
• Protokół SSL (424)
• Publikowanie przez FTP (426)
• Zgłaszanie witryny internetowej w wyszukiwarce (428)
• Optymalizacja pod kątem wyszukiwarek (430)
• Sprawdzanie dostępności (432)
• Sprawdzanie funkcjonalności (434)
• Utrwalanie i stosowanie nabytej wiedzy (436)

DODATEK


• Odpowiedzi na pytania sprawdzające (439)
• Ściągawka z HTML5 (440)
• Ściągawka z CSS (445)
• Przewodnik po WCAG 2.1 (453)
• ARIA i role punktów orientacyjnych (455)
• Współtwórcy (457)
• Paleta bezpiecznych kolorów WWW (458)