Technologie programistyczne – systemy internetowe Laboratorium

Technologie programistyczne – systemy internetowe
Laboratorium nr 1
Prowadzący: Radosław Ziembiński
1. Ćwiczenie z tworzenia strony HTML
Utworzyć 3 statyczne strony zawierające stronę główną i 2 powiązane artykuły składające
się z 2 sekcji zawierających po 3 rozdziały.
Strona główna posiada linki do obu dokumentów.
Artykuły posiadają spis treści, na który składają się linki do sekcji i rozdziałów.
Rozdziały powinny mieć treść stylizowaną przy pomocy arkuszy CSS.
Styl rozdziału powinien zależeć od tego, czy jest on parzysty, nieparzysty.
Pierwszy rozdział powinien być wyróżniony.
Treść każdego rozdziału powinna zawierać element graficzny opływany przez tekst
(wypróbować różne metody opływania obrazu przez tekst).
Elementy graficzne nie powinny być widoczne podczas drukowania strony (CSS).
Podczas powrotu ze strony z artykułem do strony głównej wyświetlany jest komunikat w
postaci okna dialogowego.
2. Ćwiczenie z CSS
Stworzyć tekst składający się z 10 akapitów <P></P> zawierających tekst.
Stworzyć arkusz stylów, który będzie kolorował co drugi paragraf i pogrubiał tekst co 3
paragraf.
Jeżeli nad tekstem pojawi się kursor myszki, tekst będzie rozjaśniany (użycie CSS).
3. Ćwiczenie z CSS
Utworzyć tabelkę w HTML zawierającą 10x10 komórek i przy pomocy stylów CSS w
załączonym arkuszu należy:
• Wyróżnić pierwszy wiersz tabelki
• Pokolorować różnymi stylami wiersze tabelki na przemian
• Pogrubić różnymi stylami kolumny tabelki na przemian
• Pokolorować i pogrubić różnymi stylami tabelkę w szachownicę
4. Ćwiczenie z CSS
Utworzyć style do linków użytych w pierwszym ćwiczeniu tak, aby pogubić i zmienić
czcionkę oraz kolor linku w zależności od akcji wykonanych na linku („najechanie”
myszką, wybranie linku, obecności focusu nad linkiem)
5. Ćwiczenie z formularzy HTML
Stworzyć formularz zawierający: pole tekstowe, 3 check boxy, 3 przyciski radio połączone
w grupę, obszar tekstowy, listę jednokrotnego wyboru (combobox), listę wielokrotnego
wyboru, pole z hasłem, przycisk rodzaju submit, przycisk rodzaju reset.
Pola powinny posiadać etykiety i ustawioną kolejność tabulatora oraz skróty klawiszowe.
Czas ćwiczenia 120 min.
© Radosław Ziembiński - Poznań University of Technology, 2011