Практическая работа №6 по теме: «Создание фреймов»
Цель: научить разделять экран на несколько областей согласно сценарию (с помощью фреймов); развитие познавательного интереса; воспитание аккуратности, бережного отношения к технике.
С помощью фреймов экран разделяется на несколько областей, в каждой из которых отображается содержимое отдельной страницы и даже Web-узла.
Второстепенные документы вставляются в базовый с помощью тегов:
<FRAMESET COLS=”размер разделяемых колонок”>
<FRAME SRC=”имя файла”>
</FRAMESET>
Примеры простейших
Горизонтальное деление экрана производится при помощи атрибута rows, а вертикальное при помощи атрибута cols. Значения атрибутов могут быть выражены в пикселах, процентах или * для обозначения оставшейся части экрана.
- cols=50%,50%
Деление области просмотра на равные, правую и левую, части. - cols=20%,80%
Деление области просмотра на неравные, правую и левую, части.
rows=100,20%,*
Деление области просмотра на три части: первой отведено 100 пикселей, второй - 20% доступного пространства, а третьей - все остальное. - cols=*,3*
Деление области просмотра на неравные, правую и левую, части. Правая часть в три раза шире левой. - cols=25%,75%
Деление области просмотра аналогично предыдущему примеру.
Задание 1. Создание макета страницы с фреймами.
- Создайте HTML-документ следующего содержания:
<HTML>
<HEAD>
<TITLE>FRAMES</TITLE>
</HEAD>
<FRAMESET FRAMEBORDER=1 BORDER=2 ROWS=150,*>
<FRAME SCROLLING="YES" NORESIZE SRC="page1.html" NAME="1">
<FRAMESET FRAMEBORDER=1 BORDER=2 COLS=150,*>
<FRAME SCROLLING="YES" NORESIZE SRC="page2.html" NAME="2">
<FRAME SCROLLING="YES" NORESIZE SRC="page3.html" NAME="3">
</FRAMESET>
</FRAMESET>
</HTML>
- Сохраните изменения и просмотрите их с помощью браузера Internet Explorer .
Задание 2. Самостоятельная творческая работа над своим сайтом.
Подведение итогов
- Сделайте в тетради конспект теоретического материала.
- Ответьте на следующие вопросы:
1.Что такое фреймы? Для чего они используются?
Домашнее задание:
- Выучите конспект.