Dokument hipertekstowy (HTML)

SYLABUS PRZEDMIOTU „Dokument hipertekstowy (HTML).
Programowanie systemu statycznego (www) - projekt”
Lp.
Elementy składowe sylabusu
Opis
1.
Nazwa przedmiotu
Dokument hipertekstowy (HTML).
Programowanie systemu statycznego (www) - projekt
2.
Nazwa jednostki prowadzącej
przedmiot
Wydział Zarządzania i Komunikacji Społecznej UJ,
Katedra Lingwistyki Komputerowej
3.
Kod przedmiotu
WZ.KLK-HTML1
4.
Język przedmiotu
język polski
5.
Grupa treści kształcenia,
w ramach której przedmiot jest
realizowany
•
grupa treści kierunkowych
6.
Typ przedmiotu
•
•
obowiązkowy do zaliczenia semestru i roku studiów
obowiązkowy do ukończenia całego toku studiów
7.
Rok studiów, semestr
I rok I stopnia, semestr 1 (zimowy) 2011/2012
8.
Imię i nazwisko osoby (osób)
prowadzącej przedmiot
mgr inż. Krzysztof Dorosz
9.
Imię i nazwisko osoby (osób)
egzaminującej bądź
udzielającej zaliczenia
w przypadku, gdy nie jest nim
osoba prowadząca dany
przedmiot
10.
Formuła przedmiotu
laboratorium
11.
Wymagania wstępne
brak wymagań wstępnych
12.
Liczba godzin zajęć
dydaktycznych
laboratorium, 30 godz., studia stacjonarne
13.
Liczba punktów ECTS
przypisana przedmiotowi
6 pkt. ECTS
14.
Czy podstawa obliczenia
średniej ważonej?
Tak, 6 pkt. ECTS
15.
Założenia i cele przedmiotu
Celem przedmiotu jest zdobycie praktycznych umiejętności
tworzenia stron internetowych w języku HTML w wybranym
standardzie XHTML lub HTML 4.01 z wykorzystaniem
kaskadowych arkuszy stylów (CSS) do formatowania witryny.
•
•
16.
Metody dydaktyczne
•
17.
Forma i warunki zaliczenia
przedmiotu, w tym zasady
dopuszczenia do egzaminu,
zaliczenia z przedmiotu, a także
formę i warunki zaliczenia
poszczególnych form zajęć
wchodzących w zakres danego
przedmiotu
praca w laboratorium (1,5 godziny zegarowej w tygodniu,
15 tygodni)
metody aktywizujące – praca indywidualna studenta nad
przygotowaniem
projektu,
tj.
stworzeniem
strony
internetowej na dowolny temat
konsultacje regularne (1,5 godziny zegarowej w tygodniu,
15 tygodni)
Aby uzyskać zaliczenie przedmiotu, należy zaliczyć ćwiczenia
laboratoryjne oraz uzyskać pozytywną ocenę projektu
– samodzielnie stworzonej strony www na dowolny temat.
Strona ta prezentowana będzie dwa razy przed całą grupą.
Pierwsze pokazanie projektu odbędzie się na ostatnich lub
przedostatnich zajęciach przed przerwą świąteczną, natomiast
przedstawienie finalnej wersji projektu odbędzie się w styczniu.
Każdej prezentacji projektu towarzyszyły będą szczegółowe
pytania dotyczące kodu witryny. Celem tych pytań jest między
innymi sprawdzenie podstawowego kryterium zaliczenia projektu
– samodzielne jego wykonanie. Na ocenę z tego przedmiotu
wpływ będą miały punkty uzyskane podczas pierwszego i
drugiego pokazania projektu oraz punkty uzyskane z
praktycznych ćwiczeń (zapowiedzianych sprawdzianów wiedzy
przy komputerze) podczas laboratorium. W trakcie semestru
odbędzie się około 2 zapowiedzianych sprawdzianów wiedzy
przy komputerze. Aby uzyskać zaliczenie z laboratorium, trzeba
zaliczyć każdy ze sprawdzianów. Aby zaliczyć sprawdzian,
należy zdobyć co najmniej połowę możliwych do zdobycia
punktów.
1.
2.
3.
18.
Treści merytoryczne
przedmiotu oraz sposób ich
realizacji
4.
5.
Przegląd technologii internetowych – miejsce i rola
języków HTML, CSS i JS.
Podstawowa struktura dokumentu HTML
Standardy języka HTML: XHTML 1.0 Strict, HTML
4.01 Strict, HTML 4.01 Transitional – różnice
i podobieństwa.
Przegląd historii języka HTML – jak nie należy dziś
formatować dokumentów HTML.
Podstawowe elementy języka HTML i ich rola.
1. Odsyłacze <a>
2. Obrazki <img>
3. Formularze <form>
4. Tabele <table>
5. Paragrafy i końce linii <p>, <br>
6. Elementy blokowe <div>, <span>
7. Nagłówki <h1> … <h6>
8. Tagi formatujące <b>,<i>,<u>,<strong>,itp..
9. Listy <ul>, <ol>
6. Formatowanie elementów HTML przy użyciu języka
CSS
7. Osadzanie dokumentów CSS w dokumentach HTML.
8. Pozycjonowanie elementów HTML na stronie – odstępy,
marginesy, obramowania, koordynaty.
9. Przegląd atrybutów CSS dla tagów HTML.
10. Sprawdzanie poprawności kodu ze standardami HTML:
XHTML 1.0 Strict, HTML 4.01 Strict, HTML 4.01
Transitional
11. Korzyści tworzenia składniowo poprawnych
dokumentów (zgodnych ze standardem)
12. Kaskadowość stylów CSS
Projekt: Student wykonuje samodzielnie statyczny serwis www
na ustalony temat.
19.
Wykaz literatury podstawowej
i uzupełniającej, obowiązującej
do zaliczenia danego
przedmiotu
http://www.w3schools.com/
„HTML, XHTML i CSS
wyd. Helion
Biblia”
Bryan
Pfaffenberger,