E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski

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