1. Utwórz plik index.html, w którym zdefiniowany będzię układ strony oparty na 3 ramkach:
- pierwsza ramka obejmować będzie wiersz o wysokości 100 pikseli i całej dostępnej szerokości, nazwa ramki to banner;
- druga ramka ma szerokość 120 pikseli i calą dostępną wysokość, nazwa ramki to menu.
- trzecia ramka sąsiaduje z drugą, obejmuje całą dostępną szerokość i wysokość, nazwa to glowna.
Dla każdej ramki wyłącz obramowanie, oraz możliwość zmiany rozmiaru.
_________________________________________
| |
| 1 |
|_______________________________________|
| | |
| | |
| | |
| | |
| | |
| 2 | 3 |
| | |
| | |
| | |
| | |
| | |
|_______|_______________________________|
W pliku index.html umieść kod, który będzie uruchamiany w przypadku, gdy przeglądarka nie obsługuje ramek. W takiej sytuacji załadowana strona powinna wyglądać tak jak plik bez_ramek.html.
2. Do pierwszej ramki domyślnie wszytywany na być plik banner.html, do drugiej menu.html, a do trzeciej definicja.html.
3. Zmodyfikuj kod pliku menu.html tak aby poszczególne pozycje wykazu były linkami wczytującymi odpowiednie pliki html do ramki o nazwie "glowna".
4. W kodzie pliku zdjecia.html, umiesc pływającą ramkę o wymiarach 800x600, do której mają być wczytywane powiększenia zdjęć (zamiast otwierać się w nowym oknie).