Programowanie w Internecie

Ćwiczenie 4b. Mapy i ramki

Założyć stronę HTML zawierającą minimalną ilość ramek niezbędną do uzyskania opisanego dalej efektu. Na środku ekranu, na białym tle ma znajdować się rysunek z menu tekstur. Całe tło okna przeglądarki ma być białe.

Na rysunku z menu tekstur ma być zdefiniowana mapa tak, że wybraniu przez użytkownika myszką jednej z tekstur rysunek w ramce centralnej zostanie wymieniony na odpowiedni rysunek, na którym wybrana tekstura będzie niewidoczna (1 2 3 4 5) a w pozostałych ramkach (stanowiących otoczenie środkowej ramki) tło zostanie zmienione na wybraną przez użytkownika teksturę (1 2 3 4 5).

Rysunek z menu w centralnej ramce ma zawsze pozostawać na białym tle (z odpowiednim estetycznym marginesem). Koła z teksturami nie powinny więc dotykać brzegów ramki. Podział ekranu na ramki ma być niewidoczny dla użytkownika. Nie powinny więc być widoczne żadne obramowania ani suwaki. Jedynie tekstura tła może zdradzać położenie ramek.

W centralnej ramce pod rysunkiem należy umieścić tekstowe dowiązanie do wydziałowego serwera WWW. Po wybraniu myszką tego dowiązanie nowa strona powinna zostać otwarta w całym oknie przeglądarki, zastępując stronę ćwiczenia. Pod dowiązaniem do strony wydziału należy umieścić dowiązanie do ćwiczenia, które resetuje stan strony (czyli wyświetla białe tło zamiast tekstur i przywraca menu z wszystkimi teksturami).

Nie należy korzystać z JavaScript i z pływających ramek. Przedstawiona dotąd wiedza z zakresu map i ramek jest wystarczająca do zrealizowania tego zadania. Punkt karny za bałagan w HTML i za nieprzenośność między przelądarkami.