Наименование: Использование фрейм на веб –страницах
1. Цель: Научится создавать веб – страницы на основе фреймовой структуры. Формировать компетенции ОК 1, ОК 2, ОК 4, ОК 8; овладеть знаниями и умениями для освоения ПК 1.2, ПК 1.3, ПК 1.4, ПК 1.5
2. Подготовка к занятию: по предложенной литературе повторить тему «Фреймы» и ответить на следующие вопросы:
2.1 С помощью какого тега веб – страница разбивается на фреймы?
2.2 С помощью какого атрибута создаются горизонтальные (вертикальные) фреймы?
3. Литература:
3.1 Шомас Е.А. Веб – дизайн, учебное пособие. Самара, КС ПГУТИ, 2014
3.2 https://html5book.ru/osnovy-html/ - Основы HTML
4. Перечень оборудования и программного обеспечения:
4.1 ПЭВМ, подключенные к сети Интернет
4.2 Браузеры
4.3 Текстовый редактор
5. Задание:
5.1 В строке заголовка должен отражаться номер практической работы
5.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.
5.3 Создайте страницу с фреймовой структуры по следующему принципу:
|
|
- Фрейм 1 – занимает 30% от общего размера окна, в нем должна располагаться ссылка
- Фрейм 2 – занимает 90% от общего размера окна, в нем должен располагаться текс и рисунки
- Фрейм 3 – должен содержать сведения об авторе работы
- Каждый фрейм должен быть оформлен в разной цветовой гамме
Фрейм 1 | Фрейм 2 |
Фрейм 3 |
6. Порядок выполнения работы:
6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;
6.2 Выполнить задание практического занятия;
6.3 Дать ответы на контрольные вопросы;
7. Содержание отчета:
7.1 Наименование и цель работы
7.2 Код программы
7.3 Ответы на контрольные вопросы
7.4 Вывод о проделанной работе
8. Контрольные вопросы:
8.1 Что такое фрейм? Какие фреймы вы знаете?
8.2 Достоинства и недостатки фреймовой структуры?
ПРИЛОЖЕНИЕ:
Фрейм - это часть страницы, или вернее - место, которое может быть заполнено другой страницей. Чтобы разделить страницу на фреймы необходимо заменить пару тегов <BODY> … </BODY> парой тегов < FRAMESET >... </ FRAMESET >.
Необходимо также указать хотя бы один из атрибутов COLS или ROWS. При помощи этих атрибутов задают размеры фреймов, а также количество строк и столбцов в разбиении страницы. Атрибут COLS определяет количество строк, а атрибут ROWS – количество столбцов в разбиении страницы. Например:
<FRAMESET cols="200,*"> … </FRAMESET>
Для заполнения областей фрейм необходимо прописать:
< FRAMESET cols="200,*">
<FRAME src="Menu.html">
<FRAME src="Body.html">
</FRAMESET>
Тег <FRАМЕ> определяет внешний вид и поведение фрейма. Этот тег не имеет закрывающего тега, но имеет следующий обязательный атрибут: SRC ="..." - адрес страницы во фрейме.