Лабораторна робота №8

Хід роботи:

При виконанні лабораторної роботи, для пошуку необхідних тегів та параметрів рекомендовано користуватись сайтом http://htmlbook.ru/.

  1. В робочій папці створіть папку під назвою Фрейми. В ній створіть HTML-документ Zagolovok.html та заповніть його наступним чином: <HTML> <HEAD> <TITLE> Заголовок … (Ваше прізвище) </TITLE> </HEAD> <BODY> Заголовок сайту </BODY> </HTML>
  2. Створіть в папці Фрейми чотири копії файлу Zagolovok.html з іменами Pryvitannya.html Menu.html, Punkt1.html, Punkt 2.html. Далі замініть в цих файлах в контейнерах <TITLE> и <BODY> слово «Заголовок» на слово, що відповідає назві файлу. Через браузер перевірте чи правильно Ви створили файли.
  3. Створіть в папці Фрейми HTML-документ під назвою Index.html та заповніть його наступним чином: <HTML> <HEAD> <TITLE>Початковий документ…(Ваше прізвище)</TITLE> </HEAD> <FRAMESET ROWS=20%,*> <FRAME SRC="Zagolovok.html"> <FRAMESET COLS=30%,*> <FRAME SRC="Menu.html"> <FRAME SRC="Pryvitannya.html"> </FRAMESET> </FRAMESET> </HTML> Ознайомтесь з можливостями контейнеру <FRAMESET> та його основними параметрами. Відкрийте файл Index.html в браузері. Якщо все виконано вірно, то Ви маєте отримати вікно, розбите на три частини.
  4. Відкрийте для редагування документ Menu.html. В контейнер <BODY> замість наявного тексту внесіть список гіперпосилань на файли Punkt1.html, Punkt2.html. Тип списку оберіть за бажанням. Перегляньте як в браузері відкриваються створені Вами посилання.
  5. Відкрийте для редагування документ Index.html, в тег <FRAME SRC=" Pryvitannya.html"> добавте атрибут NAME="pereglyad". Збережіть зміни. Далі відкрийте для редагування документ Menu.html та в кожен тег гіперпосилань добавте параметр TARGET="pereglyad". Збережіть зміни. Перегляньте в браузері документ Index.html. Перевірте як в браузері, після внесення змін відображаються гіперпосилання.
  6. Створіть папку rozklad_2 та оформіть Ваш розклад на кожен день за допомогою фреймів наступним чином:

    Тобто, при виборі дня у першій колонці, у другій колонці має відображатись розклад занять відповідного дня. А при натисканні на предмет у другій колонці, у третій колонці має відображатись інформація про викладача та номер аудиторії в якій проводиться заняття. Для зручності орієнтування пропонується для файлів днів та предметів створити окремі папки в кореневому каталозі сайту Вашого розкладу.

Контрольні запитання:

  1. Що таке фрейм?
  2. Для чого призначений контейнер <FRAMESET>?
  3. Назвіть основні атрибути тегу <FRAMESET>.
  4. Чим тег <FRAMESET> відрізняється від <FRAME>?
  5. Для чого використовуються атрибути NAME та TARGER тегу <FRAME>?
  6. Чим відрізняються теги <FRAME> та <IFRAME>