TI/PZS1/PG/2012, 2014/2015

WITRYNY I APLIKACJE INTERNETOWE, KL 2TI
Małgorzata Idziak , Wojciech Borzyszkowski
TEMAT
Lp
1.
Zapoznanie z Przedmiotowym Systemem
Oceniania.
2.
Wprowadzenie do hipertekstowego języka
znaczników (HTML).
3.
Elementy meta strony internetowej.
Kodowanie polskich znaków.
4.
Przegląd narzędzi do pracy z HTML.
5.
Elementy podstawowe w organizacji
TI/PZS1/PG/2012, 2014/2015
ZAKRES TREŚCI
- zapoznanie uczniów z materiałem nauczania,
podręcznikiem, wymaganiami nauczyciela,
kryteriami oceniania
- historia wersji języka: HTML, XML, XHTML, HTML 5
- elementy składowe języka HTML
- jak wpisywać komentarze
- podstawowa struktura dokumentu
- sposoby wyświetlania treści na stronie
- poznanie pojęcia: znaki diakrytyczne
- sposoby kodowania strony
- stworzenie szablonu do budowy strony w języku
polskim
- poznanie elementów meta
- roboty internetowe
-elementy niezbędne do budowy dokumentu HTML
- cechy dobrego edytora
- cechy akapitów, bloków, tytułu
witryny.
6.
Formatowanie tekstu - podstawowe
znaczniki.
7.
Obrazy i multimedia na stronie www.
8.
Tworzenie list punktowanych i
numerowanych.
9.
Tabele na stronie internetowej.
10. Odsyłacze, linki i podstrony.
11. Rodzaje formularzy i wyświetlanie ich na
stronie.
12. Ramki, czyli pierwszy sposób na
rozmieszczenie elementów na stronie.
-formatowanie tekstu w języku HTML
- znaczniki odpowiedzialne za formatowanie tekstu
- tworzenie indeksów górnych i dolnych na stronie
- sposób umieszczania elementów graficznych na
stronie www
- działanie znacznika <marquee>
- tło strony
- sposób tworzenia list w języku HTML
- atrybuty znaczników tworzących listę
- sposób umieszczania tabeli na stronie
- znaczniki HTML odpowiadające za właściwości
tabeli
- poznanie roli jaką pełnią odsyłacze
- atrybuty zmieniające wygląd linku
- rodzaje formularzy:
- omawia znaczniki i atrybuty odpowiadające za
budowę formularza
- omówienie znaczników i atrybutów odpowiadających
za budowę ramki
13.
14. Praktyczne przykłady.
- struktura dokumentacji tworzonej strony
- walidacja
15. Sprawdzian wiadomości.
- tworzenie strony w języku html
1
16. Omówienie wyników sprawdzianu.
17. Kaskadowe arkusze stylów (CSS).
Dołączanie stylów do dokumentu.
18. Składnia języka CSS.
19.
Selektory i ich właściwości.
20. Klasy i identyfikatory
21.
Pozycjonowanie elementów
22. Menu w języku CSS.
23.
Szablony stron internetowych –
przykładowe układy.
24. Tworzenie strony internetowej.
25. CSS - sprawdzian wiadomości.
26. Joomla - przykład systemu zarządzania
treścią.
27.
Lokalny serwer WWW
28. Instalacja i administracja w systemie
Joomla
29.
Przegląd dostępnych CMS i WYSIWYG.
30. Tworzenie własnej strony w oparciu o
szablony.
- czym są kaskadowe arkusze stylów
- poznanie sposobów osadzania stylów
- sposoby definiowania stylów
- podstawowe pojęcia: selektor, reguły selektorów
- właściwości selektorów odpowiedzialne za style:
czcionki, tekstu, tła, obramowań, odsyłaczy, list,
kursora, rozmiarów, marginesów
- definicje klasy i identyfikatora
- zastosowanie klas i identyfikatorów uniwersalnych
- czym jest pozycjonowanie elementów
- atrybuty odpowiadające za kolejność elementów na
stronie
- jak stworzyć menu pionowe, poziome i zagnieżdżone
dzięki CSS
- właściwości float i clear dla pozycjonowanych
elementów
- definiowanie reguł kontekstowych
- tworzenie szablonów stron
o różnych układach
- tworzenie strony internetowej z kaskadowymi
arkuszami stylów.
- kaskadowe arkusze stylów
- czym jest system zarządzania treścią
- czym jest edytor WYSIWYG
- wyjaśnia pojęcie interpreter PHP
- charakteryzuje elementy serwera lokalnego
- opisuje pliki konfiguracyjne serwera lokalnego
- przebieg instalacji systemu Joomla
- komponenty panelu administracyjnego
- działanie systemów WYSIWYG i CMS
(podsumowanie)
- przegląd dostępnych programów
- tworzenie strony internetowej wykorzystując CMS
lub WYSIWYG
31. Omówienie projektów – CMS.
- projekty uczniów
32.
- etapy projektowania strony internetowej
- jakie elementy powinna zawierać specyfikacja
strony internetowej
- projekt układu strony
- rodzaje grafiki statycznej
- przegląd dostępnych formatów plików graficznych
- metody pozyskiwania obrazów
- jakość obrazu
- pojęcie barwy
- modele barw: RGB, CMYK, HSV
Zasady projektowania strony internetowej.
33.
Grafika komputerowa.
34. Modele barw.
2
35. Modyfikacja zdjęć.
36. Warstwy w programach graficznych.
37.
Logo, ikona i tło strony.
38. Przyciski nawigacyjne.
39. Zasady cyfrowego zapisu obrazu.
40. Animacje.
41.
42. Dźwięk - kompresja, edycja.
43. Wideo
44.
Publikacja strony internetowej
45. Sprawdzian wiadomości – grafika, dźwięki
- kadrowanie i korekcja zdjęć w programie
graficznym
- tworzenie grafiki z wykorzystaniem warstw
- tworzenie elementów strony internetowej
- zasady projektowania logo, ikon
- cechy obrazu do wykorzystania jako tło strony
internetowej
- tworzenie elementów strony internetowej
- zasady kompresji obrazów cyfrowych
- filtry obrazów
- zasady tworzenia obrazu animowanego
- parametry animacji
- formaty plików dźwiękowych
- programy do obróbki dźwięku
- standardy HDTV, PAL, NTSC
- formaty plików wideo
- pojęcia związane z publikacją strony w Internecie:
domena, hosting, limit transferu
- podsumowanie wiadomości dotyczące CSS.
- grafika, dźwięki, multimedia na stronie internetowej
i multimedia.
46.
Wstęp do algorytmiki.
47.
48.
Poprawność algorytmu.
Algorytmy – warunki i iteracje.
49.
Wstęp do programowania
w językach C/C++.
50.
51.
52.
Podstawowe typy danych w C++.
Budowa programu. Deklaracja zmiennej.
Instrukcja warunkowa „if … else”
53. Instrukcja wyboru „switch”
- pojęcie algorytmu
- przykłady algorytmów informatycznych oraz
nieinformatycznych
- sposób zapisu algorytmu
- podział algorytmów ze względu na złożoność
- pojęcie poprawności algorytmu
- operatory stosowane w językach programowania
- przykłady prostych algorytmów
- instrukcja wyboru (warunkowa) w schemacie
blokowym
- instrukcja iteracji - omówienie działania języków programowania
- edytor, kompilator, debugger
- przykłady języków programowania
- proces wytwarzania programu
- instalacja i konfiguracja środowiska
programistycznego C++
- omówienie środowiska programowania
- podstawowe typy danych
- pierwszy program,
- operacje wejścia/wyjścia
- dołączanie bibliotek do kodu programu
- analiza kodów prostych programów
- deklarowanie zmiennych
- składnia instrukcji warunkowej if… else
- zagnieżdżanie warunków
- przykłady zastosowań instrukcji warunkowej
- składnia instrukcji switch
- przykłady zastosowania tej instrukcji w programach
3
54.
Pętle „for” i „while”.
55. Sprawdzian wiadomości – instrukcje w
języku C++.
56.
Funkcje w języku C++.
57.
Sposoby przekazywania parametrów
58.
funkcji.
59. Algorytm Euklidesa.
60. Klasyczne algorytmy w języku C++.
- składnia pętli „for”
- składnia pętli „while”
- przykłady zastosowań pętli w programach
- instrukcje „break” i „continue” do sterowania
wykonania pętli
- wstęp do algorytmiki
- typy danych w języku C++
- instrukcje w C++
- definiowanie funkcji
- parametry funkcji
- wywoływanie funkcji
- zmienne lokalne
- zmienne globane
- funkcje bezparametrowe
- przykłady funkcji
- przekazywanie parametrów przez wartość
- przekazywanie parametrów przez referencję
- wyznaczanie największego wspólnego dzielnika i
najmniejszej wspólnej wielokrotności
- wyznaczanie najmniejszego elementu w ciągu liczb
- test czy liczba jest pierwsza
4