Dokument hipertekstowy - projekt

1. Strona powinna zawierać stronę główną (startową) i co najmniej 10 podstron.

2. Strony powinny walidować się w W3C Validators i zawierać DOCTYPE oraz link do W3C Validatora na stronie głównej.

3. Strona powinna zawierać element nawigacyjny w postaci listy odnośników.

4. DST – statyczny

5. DB – dynamiczny z użyciem CSS (:hover)

6. BDB – dynamiczny z użyciem JS

7. Tematyka strony może być dowolna, ale strona musi stanowić jedną całość tematyczną.

8. Styl CSS powinien osadzony być w osobnym pliku wspólnym dla wszystkich stron HTML.

9. Użycie stylów CSS inline (z użyciem atrybutu style) jest niedopuszczalne (ew. w bardzo rzadkich przypadkach; zawsze wymagać będzie komentarza, dlaczego został użyty).

10. [DB, BDB] Przynajmniej jedna ze stron powinna umożliwiać wydruk z użyciem @media print w CSS.

11. Powinna być użyta przynajmniej jedna tabela do prezentowania danych tabelarycznych (pozycjonowanie layoutu za pomocą tabel jest niedozwolone i skutkuje brakiem zaliczenia) – tabela powinna być sformatowana z użyciem CSS, tak aby zaprezentować możliwości CSS związane z: border, collapse, padding, margin, tbody, thead, tr, th, td, color, background.

12. DB, BDB – należy zaprezentować użycie collspan, rowspan.

13. [BDB] Jeden przykład użycia sprite'ów na stronie HTML.

14. Strony powinny zawierać poprawne formatowanie wg jednej z konwencji:

– Używanie wszędzie div/span z odpowiednimi klasami (typu header, subheader)

– Używanie h1..h6 oraz p, div span.

15. Proszę zwrócić uwagę na poprawne nazywanie klas CSS (ze względu na rolę elementu w dokumencie, a nie na formatowanie; np. Klasa „na_czerwono” – źle, klasa „wskazówki” – dobrze)

16. Strona powinna zawierać przynajmniej dwa formularze prezentujące w sumie wszystkie możliwe rodzaje widgetów: text, password, radio, checkbox, select, option, textarea, submit, reset. Formularze mogą prowadzić do: http://wierzba.wzks.uj.edu.pl/~dorosz/HTML/test.php, który będzie adresem sprawdzającym poprawność formularza (wyświetla przekazane parametry). Ewentualnie można użyć skryptów własnych, które coś robią (jeśli ktoś takie ma), lub użyć gotowych skryptów udostępnianych na wielu popularnych serwisach internetowych, które realizują jakieś zadanie.

17. DB – strona powinna zawierać etykiety <label for=> odpowiadające widgetom w formularzach.

18. BDB – zaprezentować technikę walidacji formularza z użyciem JS/jQuery.

19. [DB, BDB] Strona powinna zawierać elementy pozycjonowania relatywnego i absolutnego.

20. Strona powinna mieć poprawnie zakodowane polskie znaki. Rekomendowana strona kodowa to UTF-8.

21. Strona powinna prezentować użycie list i obrazków w dowolny sposób.

22. DB – listy powinny być zagnieżdżone.

23. DB – osadzanie obrazków jako tła elementów.

24. [BDB] Strona powinna prezentować uzasadnione użycie znaków specjalnych (HTML signs), takich jak np. © (minimum 15 różnych znaków).

25. Strona nie może zawierać ramek (frameset, frame).

26. [BDB] – strona powinna prezentować użycie atrybutu flow, clear CSS.

27. [BDB] – strona powinna zawierać style CSS formatujące w sposób zaawansowany tekst: letter-spacing, itp...

28. [DB, BDB Należy użyć zdarzeń (http://api.jquery.com/category/events/) w celu realizacji dynamicznych elementów na stronie (zdarzenia to np. .bind(), .blu(), load(), mouseup(),...):

29. DB – użyć dowolnych 5 zdarzeń.

30. BDB – użyć dowolnych 10 zdarzeń.

31. DB, BDB wykorzystać w jQuery technikę dynamicznej zmiany stylów i/lub klas CSS elementów HTML (.addClass(), .toogleClass(), .css() ).

32. BDB – zaprezentować użycie dowolnych efektów jQuery (http://api.jquery.com/category/effects/)