Создание фреймов.

Лабораторная работа 7

ЦЕЛИ:

1. Приобретение навыков создания фреймов.
2. Приобретение навыков создания простого Web-сайта, состоящего из нескольких. HTML-документов, и ссылок в определенный фрейм.

ТРЕБОВАНИЯ:

1. прочитать лабораторную работу;
2. выполнить все упражнения и задания лабораторной работы;
3. найти и выучить ответы на контрольные вопросы;
4. для получения зачета по лабораторной работе необходимо:

• давать ответы на все контрольные вопросы;
• уметь выполнить любое задание из лабораторной работы по просьбе преподавателя.

Задание:

1.описать окно из 3-х фреймов, в котором 2 столбца (80% и 20% от высоты окна браузера) и 1-ая строка из 2 колонок-2 фрейма(15% и 85% от ширины окна браузера). Будет выглядеть таким образом, все 3 фрейма пусть будут пустыми (создать файл empty. html , он должен содержать только тэги HTML, HEAD, BODY-пустой файл):

2.описать окно из 4-х фреймов, в котором 4 окна:

1-ое окно(фрейм) во всю ширину

2-ая строка из 2 окон(фреймов) 25 % и 75%, 3-ий фрейм(строка) во всю ширину. Будет выглядеть таким образом:

Создать 4 файла html по одному для каждого фрейма:

· для заголовка документа(должен содержать тэги HTML, HEAD, BODY и соответствующий текст по образцу)

· для оглавления документа

· для содержательной части документа

· для нижнего колонтитула документа

3.Создать окно с 3 –мя фреймами с: 3-мя строками высотой 25%, 50%, 25 % высотой,

4.Создать фреймы с регулярной прямоугольной сеткой фреймов(2 строки и 3 столбца), те. Набор из 6 фреймов(создать 6 документов HTML с именами например docum1.html, docum2.html, docum3.html, docum4.html, docum5.html, docum6.html). Вывести в каждом их фремов соответствующий текст: Фрейм 1, Фрейм 2… Фрейм 6

5.Создать 3 фрейма (в виде 3 колонок- ширину колонок задать с помощью пропорционального деления колонок, например COLS=”*, 3*, 4*”. Обеспечить взаимодействие между фреймами, задать имена фреймам (А, В, С) . Создать 2 файла : empty. Html, frame_а.html. В этом файле (frame_а.html) используя тэг <A> организовать ссылки на файл test.html (путой файл с минимальной структурой выводит текст “текст текстового документа”)c параметрами HREF и TARGET обеспечить:

· Загрузку документа во фрейм В

· Загрузку документа во фрейм С

· Загрузку документа в окно с именем D(новое окно, которое будет создано в данный момент)

Здесь же обеспечить специальные зарезервированные действия для фреймов

_blank, _self, _top:

· Загрузку документа в новое окно(использовать тэг <А> параметр TARGET со значением _blank)

· Загрузку документа в полное окно(использовать тэг <А> параметр TARGET со значением _top)

· Загрузку документа в текущий фрейм (использовать тэг <А> параметр TARGET со значением _self)

Пример

<A HREF=”aaaa.html” TARGET=”_self”> текст</A>

6.сформировать 3 фрейма(в 3 колонки) одинаковой ширины с помощью пропорционального деления колонок, изменить расстояние между фреймами, использовать параметр FRAMESPASING = X, х -число

7.Создать плавающий фрейм, использовать тэги <IFrame> </IFrame>.. C помощью тэгов <H3>(или др) сделать заголовок “пример использования плавающих фремов”, плавающий фрейм выровнять по правому краю, задать с помощью параметров высоту в абсолютных единицах 300, ширину в % -40%, организовать полосу прокрутки для фрейма, задать рамку в 10 абсолютных единиц(параметр HSPASE). В окне вывести произвольный фрагмент текста с левой стороны от плавающего фрейма(10-12 строк).

8.Скачать редактор фреймов FrameEditor(бесплатнораспространяемый) Попытаться создать фреймовую структуру по 1-му заданию с помощью редактора. Обратить внимание на дополнительный текст документа Html.

9.