Programowanie w Internecie

Ćwiczenie 4. Mapy i ramki

Założyć stronę HTML zawierający trzy ramki: pionową przez całą wysokość okna po lewej stronie, poziomą na górze okna przez pozostającą szerokość i taką samą w lewym dolnym rogu ekranu. Ramki mają być bez suwaków (niewidoczne). We wszystkich ramkach białe tło.

W lewej ramce ma być menu zamapowane na rysunkach (1, 2, 3, 4) - w zależności od tego, który rozdział tekstu czyta użytkownik. Menu to zawiera tytuły rozdziałów dokumentów. W górnej ramce ma się znajdować menu poziome odwołujące się do części ostatnio wybranego rozdziału. Jest ono zamapowane na nie zmieniającym się rysunku.

W centralnej ramce wyświetlony wymieniony wyżej dokument tekstowy sformatowany w HTML (nagłówki i nazwy miejsc dla odnośników). Wybranie przez użytkownika pozycji w menu z lewej strony powoduje podświetlenie w tym menu tytułu rozdziału na czerwono i ustawienie zawartości ramki głównej na początek wybranego rozdziału. Wybranie pozycji w menu górnym powoduje przełączenie tekstu głównego do odpowiedniej części w ramach tego samego rozdziału. Nie zmienia się podświetlenie w menu części.

W lewym menu (rozdziały) 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.

Zwracam uwagę, że tekst będący przedmiotem ćwiczenia został dostarczony w stronie kodowej iso-8859-2 i w takiej ma zostać przedstawiony do przeglądania. Nie należy także korzystać z JavaScript. Przedstawiona dotąd wiedza z zakresu map i ramek jest wystarczająca do zrealizowania tego zadania.

Dodatkowy punkt za wersję tekstową w postaci listy zagnieżdżanej (dla przeglądarek bez ramek). Konieczne jest pokazanie wyników w przeglądarce tekstowej. Razem 10 punktów. Jak zawsze punkt karny za bałagan w HTML i za nieprzenośność między przelądarkami.