E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

Podobne dokumenty
WYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I

Wymagania edukacyjne z przedmiotu: Witryny i aplikacje internetowe. Technik Informatyk

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr )

Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego

Harmonogram kursu: ECDL Core (Europejski Certyfikat Umiejętności Komputerowych) Grupa II

M o d e r n i z a c j a k s z t a ł c e n i a z a w o d o w e g o w M a ł o p o l s c e. Godziny szkolenia (od do) Ilość godzin. Liczba uczestników

Wymagania edukacyjne z przedmiotu: Witryny i aplikacje internetowe. Klasa IIC- Technik Informatyk. Rok szkolny 2013/2014

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: Uczeń:

GRAFIKA KOMPUTEROWA I TWORZENIE STRON WWW

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści

Witryny i aplikacje internetowe

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, O STRUKTURZE PRZEDMIOTOWEJ

Pierwsza strona internetowa

Wymagania edukacyjne na ocenę z informatyki klasa 3

Poziomy wymagań Konieczny K Podstawowy- P Rozszerzający- R Dopełniający- D Uczeń:

Witryny i aplikacje internetowe - rozkład godzin dla technikum informatycznego

WYMAGANIA EDUKACYJNE Z PRZEDMIOTU WITRYNY I APLIKACJE INTERNETOWE

Informatyka dla szkół ponadgimnazjalnych zakres podstawowy

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Informatyka kl. 1. Semestr I

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

Kryteria oceniania uczniów z informatyki w klasie II gimnazjum

Szczegółowy opis zamówienia:

5. Arkusz kalkulacyjny Excel 205

Wymagania na poszczególne oceny w klasach 3 gimnazjum

STRONY INTERNETOWE mgr inż. Adrian Zapała

Elementarz HTML i CSS

SZKOLENIE: Projektant stron internetowych PROGRAM SZKOLENIA

Drugi rok nauczania semestr I. Ocena Tematyka Dopuszczająca Dostateczna Dobra Bardzo dobra Multimedia

MODUŁ 3. WYMAGANIA EGZAMINACYJNE Z PRZYKŁADAMI ZADAŃ

2 Podstawy tworzenia stron internetowych

Kryteria końcoworoczne oceniania uczniów z informatyki w klasie II gimnazjum w roku szkolnym 2015/2016

HARMONOGRAM ZAJĘĆ IV GRUPA

RAMOWY HARMONOGRAM SZKOLENIA

PROGRAM PRAKTYKI ZAWODOWEJ. Technikum Zawód: technik informatyk

Kryteria końcoworoczne oceniania uczniów z informatyki w klasie II gimnazjum rok szkolny 2014/2015

Spis treści 3. Spis treści

Wymagania edukacyjne na ocenę z informatyki KLASA III

ERA ENTERA E L E A R N I N G D L A M Ł O D Z I E Ż Y

Imię, nazwisko i tytuł/stopień KOORDYNATORA (-ÓW) kursu/przedmiotu zatwierdzającego protokoły w systemie USOS Dr Adam Naumowicz

Dokumentacja techniczno-użytkowa Serwis internetowy

PLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH. KL IV TI 6 godziny tygodniowo (6x15 tygodni =90 godzin ),

Wymagania dla cyklu dwugodzinnego w ujęciu tabelarycznym. Gimnazjum nr 1 w Miechowie

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A)

Spis treści. Od autorów / 9

Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego

tematyka zajęć - pracuje z powłoką graficzną systemu operacyjnego - wykonuje operacje na plikach i katalogach w praca w systemie operacyjnym

4. Oprogramowanie OCR do rozpoznawania znaków 39

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37

PLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH. KL III TI 4 godziny tygodniowo (4x30 tygodni =120 godzin ),

Propozycje wymagań dla cyklu dwugodzinnego w ujęciu tabelarycznym

PROGRAM NAUCZANIA DLA I I II KLASY GIMNAZJUM

URL:

Proporcje podziału godzin na poszczególne bloki. Tematyka lekcji. Rok I. Liczba godzin. Blok

KARTA PRZEDMIOTU. Technologie tworzenia serwisów internetowych

Wymagania edukacyjne z informatyki dla cyklu dwugodzinnego 1h tygodniowo w pierwszym roku nauczania

Plan nauczania informatyki Opracował: mgr Daniel Starego

Odkrywanie CAQDAS : wybrane bezpłatne programy komputerowe wspomagające analizę danych jakościowych / Jakub Niedbalski. Łódź, 2013.

INTERAKTYWNA KOMUNIKACJA WIZUALNA. Flash - podstawy

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Tworzenie stron WWW PROGRAM AUTORSKI. Spis treści ZAJĘCIA POZALEKCYJNE KÓŁKO INFORMATYCZNE

WYMAGANIA NA POSZCZEGÓLNE OCENY Z INFORMATYKI /GIMNAZJUM W SŁAWĘCINIE/

Propozycje wymagań dla cyklu dwugodzinnego w ujęciu tabelarycznym

Spis treści. Wstęp Rozdział 1. Wprowadzenie do pakietu Office Rozdział 2. Edytory tekstu program Word... 15

Rozkład materiału nauczania. Informatyka. Po prostu zakres podstawowy

Spis treści. Lekcja 1: PowerPoint informacje podstawowe 1. Lekcja 2: Podstawy pracy z prezentacjami 36. Umiejętności do zdobycia w tej lekcji 36

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Budowa i zastosowanie komputera

Tworzenie Stron Internetowych. odcinek 5

Program szkolnego koła informatycznego

TECHNOLOGIA INFORMACYJNA

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Księgarnia internetowa Lubię to!» Nasza społeczność

3.1. Na dobry początek

Front-end: solidne podstawy. Wszystko, co warto wiedzieć o HTML, CSS, JavaScript i Bootstrap.

Ocena dostateczna uczeń: - zna pojęcia prawo autorskie, licencja; - wie, jakie wytwory podlegają ochronie prawnej;

Oprogramowanie biurowe. Podręcznik do nauki zawodu technik informatyk

WYMAGANIA EDUKACYJNE Z INFORMATYKI W KL. III gimnazjum 1 godz. / tydzień

Technik informatyk Symbol

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2017 CZĘŚĆ PRAKTYCZNA

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik

Część I Witamy w programie Adobe Acrobat

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE STOPNIE Z INFORMATYKI W KLASIE 8 opracowane na podstawie podręcznika

Język (X)HTML. Podstawowe znaczniki i parametry. dr Konrad Dominas / UAM

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE STOPNIE Z INFORMATYKI W KLASIE 8 opracowane na podstawie podręcznika

Wymagania edukacyjne do przedmiotu

Rozkład materiału informatyki w gimnazjum w Kielnie dla klasy I i II z podziałem na jednostki lekcyjne.

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)

Wymagania na poszczególne oceny w klasach I gimnazjum

Projekcje multimedialne

Specyfikacja techniczna dot. mailingów HTML

Ćwiczenia laboratoryjne nr 8 Podstawy języka XML.

1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA. Scenariusz lekcji. 2.1 Wiadomości: 2.2 Umiejętności: Scenariusz lekcji

Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Numer zadania: 01

Transkrypt:

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