Студопедия

КАТЕГОРИИ:

АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Применение фреймов на Web-странице.

⇐ ПредыдущаяСтр 5 из 15Следующая ⇒

Для одновременного размещения на поле HTML-документа нескольких Web-страниц можно использовать конструкцию с несколькими окнами, которая определяется как "Фрейм-документ". Реализация этой конструкции требует определения числа и расположения на экране открывающихся окон с помощью парного тэга <FRAMESET>, в области действия которых с помощью непарного тэга <FRAME> определяют адрес устанавливаемой Web-страницы.

Для овладения методом применения фреймов при разработке Web-страницы следует выполнить следующие упражнения.

3.1.Разработать Фрейм-документ:

a) Открыть новый HTML-документ, в котором заменить тэги <BODY> на тэги <FRAMESET>.

<FRAMESET> тело документа </FRAMESET> - контейнер содержательной части фрейм-документа который может иметь следующие параметры:

ROWS=pixels½persent - определяет число строк и их размер в пикселях или в % от размера экрана, что позволяет разделить страницу на полосы,

COLS= pixels½persent - определяет число столбцов и их размер в пикселях или в % от размера экрана, что разделяет строки окна на отдельные окна (фреймы). Если фрейм занимает всю полосу, другая строка разделена на два фрейма, то указывают соотношение - 100%,0%.

<FRAME>-установка содержимого фрейма (окна); тэг может использовать следующие параметры:

MARGINHEOGHT=n - пустое пространство над и под фреймом,

MARGIN- пустое пространство слева и справа от фрейма,

NAME="name" - имя фрейма для ссылки из других документов, имена фреймов должны начинаться с латинской буквы или цифры.

NORESIZE - запрет изменения размеров фрейма,

SCROLLING=YES½NO½AUTO - управление появлением линеек прокрутки, в соответствующих окнах,

SRC="URL" - адрес файла, загружаемого в окно,

FRAMEBORDER - ширина разделительной линии между фреймами.

Выполнить следующие учебные задания:

b) Сформировать 4-х оконную Web-страницу, разместив на ней 4-е различные Web-страницы, используя следующую конструкцию:   

<FRAMESET ROWS="50%,50%">

<FRAMESET COLS="50%,50%">

            <FRAME SRC="3_1_ФИО.htm”>

            <FRAME SRC="4_1_ФИО.htm”>

</FRAMESET>

<FRAMESET COLS="50%,50%">

            <FRAME SRC="5_1_ФИО.htm”>

            <FRAME SRC="Label.gif.htm”> - рисунок товарного знака фирмы

1
2 3

</FRAMESET>

</FRAMESET>

3.2.Подготовить окно для личной страницы:

a) Открыть новый документ и установить на его поле три фрейма: первый во всю ширину листа (1), второй (2) и третий (3) - рядом друг с другом под первым,

b) На поле первого фрейма установить логотип Вашей фирмы,[3] на поле второго ‑ список продуктов фирмы, а н

c) а поле третьего ‑ выбранный графический файл.

d) Перейти на окно браузера и проверить правильность подготовки нового документа.

Ссылка на ресурсы Интернета.

1. Установить на поле третьего окна (пример 3.2) ссылку на электронную почту, используя следующую конструкцию: <A HREF="mailto:адрес почты">Адрес для отзывов</A>.

2. Перейти на окно браузера, нажать на кнопку "Обновить". Послать электронное сообщение.

Переход на новые Web-страницы из окон фреймов.

В процессе работы с документами, размещенными на полях фреймов возникает потребность перехода по гиперссылке на поле других Web-документов. В этом случае следует определить размеры нового рабочего окна. Для этого при следует в тэге гиперссылки <A> использовать параметр TARGET, который определяет имя фрейма или окна браузера, в которое будет загружаться текущий документ, на который указывает ссылка. По умолчанию документ загружается в текущий фрейм или окно. Имеются также четыре зарезервированных имени, при задании которых выполняются следующие действия:

TARGET="_blank" - обеспечивает загрузку документа в новое окно (без имени),

TARGET="_self" - загрузку документа в текущий фреймё(окно),

TARGET="_top" - вызывает загрузку документа в распахнутое (полное) окно,

TARGET="_parent" - загрузка документа в область, занимаемую фреймом-родителем текущего фрейма. При отсутствии фрейма-родителя данное значение аналогично действию "_top".

Выполнить следующее упражнение:

5.1. Подготовить переход на новые страницы из списка, установленного на одом из фреймов:

a) Подготовить четыре HTML-документа, на каждом из которых описать соответствующие основные параметры выпускаемой продукции,

b) Установить гиперссылки на подготовленные HTML-документы в списке продукции, установленном на поле второго фрейма в упражнении 3.2.б, выбирая для каждой ссылки новое значение параметра TARGET,

c) Проверить результат использования параметра TARGET,

6. Сохранить HTML-коды документов на вашем диске.

Закрыть все приложения на рабочем столе.



ТЕМА 4: ФОРМИРОВАНИЕ ИНТЕРАКТИВНЫХ ДОКУМЕНТОВ С ИСПОЛЬЗОВАНИЕМ ТЕКСТОВОГО РЕДАКТОРА

Цель работы в овладении навыками организации Web-документа с использованием инструментария, графических библиотек и прочих возможностей текстового редактора.

Задание для самостоятельной работы




⇐ Предыдущая12345678910Следующая ⇒






Последнее изменение этой страницы: 2018-04-12; просмотров: 251.

stydopedya.ru не претендует на авторское право материалов, которые вылажены, но предоставляет бесплатный доступ к ним. В случае нарушения авторского права или персональных данных напишите сюда...