Фреймы Цель работы- Научиться разбивать окна браузера на несколько областей каждая из которых предста
Работа добавлена на сайт samzan.net:
Практическая работа №8-9
Фреймы
Цель работы: Научиться разбивать окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм).
Фреймы используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм). Как правило, фреймы используются для облегчения навигации по сайту, создания навигационного меню. Тем не менее, большинство разработчиков избегают использования фреймов. Старайтесь использовать фреймы только тогда, когда это действительно необходимо.
Рисунок 1 – Пример страницы с фреймовой структурой.
Web-страница с фреймами имеет особую структуру. Это связано с тем, что невозможно одновременно указать браузеру несколько страниц для открытия.
Эта проблема решается следующим образом. Создается один файл, в котором описывается создаваемая страница. В этом файле содержатся указатели на одиночные HTML-документы, составляющие создаваемую страницу с фреймами.
То есть, необходимо создать несколько страниц по отдельности, а затем объединить их в один документ с использованием фреймов при помощи еще одного html-файла.
Разберем способы объединения отдельных Web-страниц во фреймовую страницу.
Начинается он, как и другие HTML-документы с тега <html>. За ним следует тег, открывающий описание страницы с фреймами: <frameset> .
Спецификация тега:
<FRAMESET
COLS=”размеры вертикальных фреймов”
ROWS=”размеры горизонтальных фреймов”
>
Значение этим свойствам присваивается следующим образом: в кавычках через запятую указывается значение ширины фрейма по отношению ко всему окну браузера.
Внутри тега-контейнера <frameset> располагается описание документа. Для каждого фрейма, заявленного в теге <frameset>, в порядке их перечисления там необходимо создать тег <frame>.
<frame
SRC= “относительный/абсолютный адрес документа для загрузки в данный фрейм”
name=“имя фрейма”
border= “толщина разграничительной линии”
>
Имя фрейма пригодится, когда будут организовываться гиперссылки, с документами, открывающимися в другом фрейме.
Более простым способом создания страницы с горизонтальными и вертикальными фреймами, является использование вложенных тегов <frameset>.
Пример документа с фреймовой структурой:
<HTML>
<FRAMESET COLS=”20,50”>
<FRAME SRC=”MENU.html” NAME=”MENU”>
<FRAMESET ROWS=”1,1”>
<FRAME SRC=”INDEX1.html” NAME=”INDEX1”>
<FRAME SRC=”INDEX2.html” NAME=”INDEX2”>
</FRAMESET>
</FRAMESET>
</HTML>
Дополнительно к этой странице были созданы еще три страницы с разными фонами. Адреса этих страниц указаны в атрибуте SRC тегов FRAME.
Результат выполнения кода:
Контрольные вопросы:
- Что такое фрейм?
- Для чего используются фреймы?
- В чем особенность создания Web-документа с фреймовой структурой?
- Какие теги используются для создания фреймов?
- Чем отличается создание вертикального фрейма от создания горизонтального?
Задание для самоконтроля:
Создайте документ с фреймовой структурой подобной данной:
2. Концепция системы 1С-Предприятие [3
3. 03 повне найменування вищого навчального закладу
4. Гоголь Николай Васильевич
5. Снижение энергозатрат толстолистовых станов
6. Реферат- Личность, право и государство
7. Реферат- Разработка устройства Видеопорт
8. . Понятие о содержании образования
9. по теме История до татаромонгольского нашествия Задание 2 Денежный сбор с крестьян в XVXVH вв
10. тема сбыта и рыночная доля
11. он также снабжен нашим комментарием
12. Реферат- Анализ внешней среды организации
13. реферат дисертацiї на здобуття наукового ступеня кандидата сiльськогосподарських наук Харкi
14. ТКП 45101144 Строительство
15. Методические рекомендации по выполнению и защите выпускной квалификационной работы
16. Реактивные двигатели устройство принцип работы
17. Вертикаль ~абыр~аны~ перспективасында есік пен терезелері~ т~р~ызу керек
18. психолог Львів Posted on 29 липня 2010 Діти знаходяться в дуже інтенсивному процесі розвитку а батьки мають інт
19. Мир Эльф Акитен
20. Анатомо-фізіологічна характеристика травної систем