E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki języka HTML 11 1.2. Struktura kodu dokumentu HTML 14 DOCTYPE - deklaracja typu dokumentu HTML 15 HTML - rama całego dokumentu HTML 15 HEAD - nagłówek dokumentu HTML 16 BODY - treść właściwa dokumentu HTML 16 Wzorcowy dokument HTML 17 1.3. Elementy blokowe i liniowe języka HTML 17 1.4. Znaczniki i atrybuty HTML 18 Podstawowe znaczniki HTML 18 Wybrane atrybuty znaczników HTML 20 Znaczniki i atrybuty odsyłaczy 21 Znaczniki i atrybuty tabel 22 1.5. Formatowanie tekstu i osadzanie grafiki w języku znaczników HTML 25 Formatowanie tekstu 25 Wstawianie znaków specjalnych 27 Formatowanie czcionki 28 Osadzanie plików graficznych w kodzie HTML 29 Skalowanie plików graficznych w kodzie HTML 31 1.6. Formularze w języku znaczników HTML 32 Pola formularza 33 Wysyłanie danych formularza 36 1.7. XHTML, czyli rozszerzalny HTML 37 Pytania i polecenia sprawdzające 38 Zadania praktyczne 39 2. Tworzenie prostych stron internetowych w języku znaczników HTML 2.1. Prosta strona WWW 40 2.2. Tworzenie struktury dokumentu HTML 42 Metadane, czyli definiowanie HEAD dokumentu HTML 43 Budowanie BODY dokumentu HTML 43 2.3. Określanie atrybutów znaczników oraz ich wartości w kodzie HTML 47
Pytania i polecenia sprawdzające 50 Zadania praktyczne 50 Zadanie praktyczne do samodzielnego wykonania 50 3. Tworzenie kaskadowych arkuszy stylów CSS 3.1. Edytory CSS 51 3.2. Reguły stylów, czyli składnia CSS 52 3.3. Dodawanie stylów CSS do dokumentu HTML 54 Metoda inline 54 Wewnętrzny arkusz stylów CSS 55 Zewnętrzny arkusz stylów CSS 56 3.4. Definiowanie stylu CSS 60 3.5. Grupowanie znaczników w klasy 63 3.6. Model blokowy 71 3.7. Pozycjonowanie w CSS 77 Pozycjonowanie bezwzględne 77 Pozycjonowanie względne 79 Pozycjonowanie ustalone 81 3.8. Parametry elementu blokowego 83 Pytania i polecenia sprawdzające 86 Zadania praktyczne 86 4. Stosowanie arkuszy stylów do prezentacji strony internetowej 4.1. Kaskadowość stylów 87 4.2. Dobre praktyki tworzenia CSS 88 4.3. Modyfikacja zdeprecjonowanych elementów języka znaczników HTML i definiowanie arkuszy stylów 90 4.4. Wykorzystanie arkuszy stylów do wykonania strony internetowej 94 Pytania i polecenia sprawdzające 103 Zadania praktyczne 104 5. Funkcje edytorów spełniających założenia WYSIWYG 5.1. Przegląd edytorów WYSIWYG 105 5.2. Podstawowe zadania edytorów WYSIWYG 109 5.3. System zarządzania treścią z wbudowanymi edytorami WYSIWYG 114 Pytania i polecenia sprawdzające 117 Zadania praktyczne 118 6. Tworzenie stron internetowych za pomocą edytorów spełniających założenia WYSIWYG 6.1. Formatowanie podstawowych parametrów tekstu za pomocą edytorów WYSIWYG 119 6.2. Wstawianie hiperłączy i plików graficznych za pomocą edytorów WYSIWYG 120 6.3. Wstawianie tabel za pomocą edytorów WYSIWYG 123
6.4. Tworzenie prostej strony za pomocą wybranego edytora WYSIWYG 126 Pytania i polecenia sprawdzające 132 Zadania praktyczne 132 7. Projektowanie struktury witryny internetowej 7.1. Typy struktury witryny internetowej 133 7.2. Określenie wymagań nowej witryny internetowej 135 7.3. Projektowanie struktury logicznej, graficznej i fizycznej witryny internetowej 136 Projektowanie struktury logicznej witryny internetowej 138 Projektowanie struktury graficznej witryny internetowej 138 Projektowanie struktury fizycznej witryny internetowej 139 Pytania i polecenia sprawdzające 140 Zadania praktyczne 140 Zadanie praktyczne do samodzielnego wykonania 140 8. Modele barw 8.1. Barwy i ich atrybuty 141 8.2. Model barw RGB 144 8.3. Modele barw CMY i CMYK 147 8.4. Inne modele barw 150 8.5. Kolor w internecie 154 Zapis szesnastkowy koloru 154 Nazwy kolorów w HTML 156 Bezpieczna paleta kolorów w HTML 157 8.6. Metody łączenia barw 159 Pytania i polecenia sprawdzające 164 Zadania praktyczne 164 9. Zasady cyfrowego zapisu obrazu 9.1. Grafika rastrowa 165 Bitmapa i piksel 166 Technika tworzenia bitmapy 167 Głębokość bitowa i tryby barw 167 9.2. Rozdzielczość obrazu 172 9.3. Grafika wektorowa 174 9.4. Formaty plików graficznych 178 Formaty grafiki rastrowej 179 Formaty grafiki wektorowej 184 Format PDF 186 9.5. Konwersja między formatami 186 Pytania i polecenia sprawdzające 193 Zadania praktyczne 194 Zadanie praktyczne do samodzielnego wykonania 194
10. Zasady komputerowego przetwarzania obrazu i dźwięku 10.1. Przetwarzanie sygnału analogowego na cyfrowy 195 Przetwarzanie wstępne obrazu i dźwięku 197 10.2. Kompresja obrazu i dźwięku 197 Parametry kompresji obrazu i dźwięku 198 Kontener multimedialny, kodery i dekodery 198 10.3. Formaty plików multimedialnych 206 Konwersja formatów plików multimedialnych 211 10.4. Przykładowe programy do obróbki obrazu 212 10.5. Przykładowy program do obróbki dźwięku 217 10.6. Przykładowy program do obróbki wideo 222 Pytania i polecenia sprawdzające 226 Zadania praktyczne 227 11. Grafika statyczna i dynamiczna elementem stron internetowych 11.1. Procedura tworzenia elementów graficznych 228 Procedura tworzenia logo 229 Procedura tworzenia tekstury 229 Procedura tworzenia przycisku 232 Procedura tworzenia banera 232 11.2. Wybór formatu plików graficznych na potrzeby stron internetowych 233 11.3. Wykonywanie elementów grafiki statycznej i osadzanie na stronie internetowej 234 Narzędzia do tworzenia grafiki statycznej 234 Wykonanie logo, tekstury, przycisku w grafice statycznej jako elementów strony internetowej 237 11.4. Wykonywanie elementów grafiki dynamicznej i osadzanie na stronie internetowej 243 Narzędzia do tworzenia grafiki dynamicznej 243 Wykonanie animowanego banera w grafice dynamicznej jako elementu strony internetowej 246 Pytania i polecenia sprawdzające 249 Zadania praktyczne 249 Zadanie praktyczne do samodzielnego wykonania 250 12. Zmiana parametrów i modyfikacja obiektów graficznych 12.1. Podstawowe operacje edycyjne na obiektach graficznych 251 12.2. Korekta graficzna i filtry 259 Pytania i polecenia sprawdzające 265 Zadania praktyczne 265 Zadanie praktyczne do samodzielnego wykonania 265 13. Projekt graficzny witryny internetowej 13.1. Zasady doboru kolorystyki witryny internetowej 266
13.2. Ustalanie wiodącej kolorystyki i palety barw witryny internetowej 268 13.3. Narzędzia pomocne w doborze motywów kolorystycznych witryny internetowej 269 13.4. Dobór obiektów i projekt graficzny strony internetowej 272 Projekt graficzny witryny internetowej 273 Pytania i polecenia sprawdzające 274 Zadania praktyczne 274 Zadanie praktyczne do samodzielnego wykonania 274 14. Przygotowanie elementów graficznych, audio i wideo do publikacji na stronie internetowej 14.1. Optymalizacja elementów graficznych do publikacji w internecie 275 Dopasowanie elementów graficznych do strony WWW 276 Zmiana rozmiarów zdjęcia za pomocą programu graficznego 279 Zmiana rozmiarów zdjęcia za pomocą atrybutów znacznika <img> w kodzie HTML 279 Ustalenie odpowiedniej jakości obrazu 282 Osadzanie plików grafiki statycznej na stronie internetowej 286 Osadzanie plików grafiki dynamicznej na stronie internetowej 290 14.2. Optymalizacja elementów audio do publikacji w internecie 291 Dopasowanie wielkości plików audio do strony WWW 291 Ustalenie odpowiedniej jakości dźwięku 291 Osadzanie plików audio na stronie internetowej 292 14.3. Optymalizacja elementów wideo do publikacji w internecie 294 Dopasowanie wielkości plików wideo do strony WWW 294 Ustalenie odpowiedniej jakości obrazu i dźwięku wideo 295 Osadzanie plików wideo na stronie internetowej 296 Pytania i polecenia sprawdzające 302 Zadania praktyczne 302 15 Reguły walidacji stron internetowych 15.1. Walidacja kodu HTML strony internetowej 303 15.2. Badanie poprawności składniowej kodu strony internetowej 309 15.3. Odczytywanie raportu walidatora kodu 311 15.4. Walidacja kodu arkuszy stylów CSS 312 15.5. Potwierdzenie zgodności strony internetowej ze standardami W3C 317 Pytania i polecenia sprawdzające 318 Zadania praktyczne 318 Zadanie praktyczne do samodzielnego wykonania 319 16. Testowanie i publikacja witryny internetowej 16.1. Sprawdzenie działania hiperłączy 320 16.2. Poprawność wyświetlania grafiki na stronie internetowej 322 16.3. Zgodność stron internetowych z przeglądarkami 322 16.4. Rozdzielczość ekranów i paleta kolorów 323
16.5. Czas wczytywania strony internetowej 323 16.6. Programy wspomagające testowanie witryn internetowych 324 16.7. Publikacja witryny internetowej 331 Pytania i polecenia sprawdzające 337 Zadania praktyczne 337 Zadanie praktyczne do samodzielnego wykonania 337 17 Wykonanie witryny internetowej zgodnie z projektem 17.1. Proces przygotowania witryny internetowej 338 17.2. ETAP 1. Przygotowanie briefu projektu witryny internetowej 341 17.3. ETAP 2. Określenie wymagań technologicznych dla tworzonej witryny internetowej 343 17.4. ETAP 3. Projektowanie struktury logicznej witryny internetowej 344 17.5. ETAP 4. Projektowanie i wykonanie struktury graficznej witryny internetowej 344 17.6. ETAP 5. Projektowanie struktury fizycznej witryny na podstawie jej struktury logicznej i graficznej 347 17.7. ETAP 6. Kodowanie plików HTML i CSS na podstawie projektu struktury fizycznej 349 17.8. ETAP 7. Próbna publikacja witryny internetowej 351 17.9. ETAP 8. Walidacja, testowanie witryny internetowej oraz ewentualne wprowadzanie poprawek 352 17.10. ETAP 9. Odbiór witryny internetowej przez zamawiającego i jej publikacja 353 17.11. Cykl życia witryny 353 Zadania praktyczne do samodzielnego wykonania 354 Dodatek A 355 Dodatek В 363 Bibliografia 369 Źródła internetowe 369 Skorowidz 371 oprac. BPK