HTML - Фреймы

ПРАКТИЧЕСКАЯ РАБОТА №7


Цель работы:  Научиться создавать многооконные документы. 

Задачи работы:



  1. Овладеть методикой работы с тегом <frameset></frameset>и параметрами rows, cols.
  2. Научиться присваивать имена окнам при помощи атрибута name команды<frame>.



Обеспечивающие средства: Сборник  описаний  практических работ; операционная система  Windows XP, программа Internet Explorer; программа «Блокнот»; персональный компьютер.

 Требования к отчету:  Итоги  практической работы  представить в виде файла lab7.html на диске.

 

Технология работы:


1. Создать документ, в котором в заголовке окна браузера должна быть надпись "Практическая 7".

2. С использованием команд создания многооконных документов сформировать 4 файла по указанному заданию. Дать им имя: фрейм_1.Html,  фрейм_2.html  и т.д.


 

фрейм_1.Html                           фрейм_2.htm                                  фрейм_3.htm              фрейм_4.htm

logo

logo

logo

menu

content

logo

 

content

content

menu

content

menu

menu

 


3. Пример для 1-го фрейма:


<html>
<head>
<title>Л</title>
<frameset rows="100,*,150">
<frame src="logo.html">
<frame src="content.html">
<frame src="menu.html">
</frameset>
</head>
</html>


4. Пример для 2-го фрейма:


<html>
<head>
<title>Хождение по фреймам</title>
<frameset rows="100,*">
<frame src="logo.html">
<frameset cols="150,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
</head>
</html>



5. Пример для 3-го фрейма: параметр cols делит окно браузера на колонки<frameset cols="100,150,*">

6. Остальные фреймы создайте согласно рисунку, самостоятельно.

7. Сохранить файл как lab7.txt в блокноте и как lab7.html для просмотра в браузере.