69690

ФРЕЙМИ

Лекция

Информатика, кибернетика и программирование

Мета: опанувати технологію представлення інформації у документі з використанням фреймів. Фрейми (Frames - кадри) надають користувачеві можливість поділяти екран на дві або більше незалежних динамічних або статичних частини.

Украинкский

2014-10-08

87.5 KB

0 чел.

Тема 18: ФРЕЙМИ

Мета: опанувати технологію представлення інформації у документі з використанням фреймів.

Фрейми (Frames - кадри) надають користувачеві можливість поділяти екран на дві або більше незалежних динамічних або статичних частини.

Кожен фрейм може мати такі властивості:

всі фрейми мають свій URL, що дозволяє завантажувати їх незалежно від інших фреймів;

кожний фрейм має власне ім'я (атрибут NAME), яке дозволяє переходити до нього з іншого фрейма;

розмір фрейма може бути змінений користувачем безпосередньо на екрані за допомогою мишки.

Ці властивості фреймів дозволяють:

розміщувати статичну інформацію, яку автор вважає за необхідне постійно показувати користувачу, у одному статичному фреймі;

розміщувати у статичному фреймі зміст всіх або частини документів, які містяться на сервері, що дозволяє користувачеві швидко знаходити інформацію, яка його цікавить;

створювати вікна результатів запитів, коли в одному фреймі знаходиться власне запит, а в другому - результати запиту.

Фрейм-документ є специфічним видом HTML-документа, оскільки не містить елемента BODY і, відповідно, будь-якого змістового навантаження. Він описує тільки фрейми, які будуть містити інформацію.

Основний документ, який містить опис фреймів, виглядає так:

<HTML>

<HEAD> </HEAD>

<FRAMESET>....</FRAMESET> </HTML>

Атрибути тегу <FRAMESET>

Атрибут

Призначення

ROWS=pixels|persent

*

поділ екрану на декілька смуг

COLS=pixels|persent|*

поділ екрану на декілька стовпчиків

FRAMEBORDER

описує сітку фреймової структури (за замовчуванням значення YES -тривимірна сітка, N0 - без сітки)

BORDER

ширина сітки фреймової структури (за замовчуванням значення 5)

BORDERCOLOR

колір сітки фреймової структури

Значення (*) відповідає використанню всього простору екрану, який залишився.

Для вміщення змісту у фрейми, які утворились в результаті поділу, використовується тег <FRAME>... </FRAME>. Важливим атрибутом цього тега є атрибут SRC, який сповіщає URL документа, котрий необхідно завантажити у фрейм.

Кожний елемент фреймової структури описується за допомогою тега <FRAME>, який має такі атрибути:

SRC - URL вмісту фрейма;

NAME - ім'я фрейма {аналогія імені вікна броузера)

для здійснення доступу до фрейма і оновлення його змісту;

- MARGINHEIGHT -    ширина верхнього і нижнього вільного

поля фрейма у пікселях;

- MARGINWIDTH -     ширина лівого і правого вільного поля

фрейма у пікселях;

- SCROLLING - смуги гортання для перегляду вмісту фрей-

ма (AUTO/YES/NO, за замовчуванням значення  - AUTO);

- NORESIZE - наявністю даного атрибута користувачу за-

бороняється змінювати розміри фрейма при перегляді документа {за замовчуванням це можливо за допомогою мишки);

FRAMEBORDER -     описує сітку фрейма (YES/NO);

BORDERCOLOR -     колір сітки фрейма.

Визначення фреймової структури

Порядок створення сторінки з фреймами:

1. Створюється початкова сторінка, у якій задаються розміри і кількість фреймів, а також імена файлів, які відповідають фреймам і атрибути для кожного фрейма.

2. Створюються окремі сторінки для кожного фрейма. Необхідно уявити собі загальний вигляд сторінки - де і якого

розміру будуть фрейми. Наприклад, ліворуч має бути фрейм змісту з переліком статей, праворуч - сторінка із власне статтями. Необхідно зробити так, щоб натискання мишкою на назві статті у лівій частині екрану, викликало появу змісту статті у правій частині. Або фреймова структура має ділити екран на три проздовжні частини. Верхня частина займає 15% висоти вікна броузера, її змістом є документ header.htm. Середній фрейм займає 70% вікна, в нього вводиться зміст документа body.htm. Решту частини вікна броузера займає фрейм, у який виводиться зміст документа footer.htm.

<FRAMESET ROWS=«15%, 70%, 15%>»

<FRAME SRC=«header.htm» NORESIZE SCROLLING=NO>

<FRAME SRC=«body.htm»>

<FRAME SRC=«footer.htm» NORESIZE SCROLLING=NO>

</FRAMESET>

Верхній і нижній фрейми даної структури не містять смуг гортання вмісту і мають постійний розмір. Атрибут NORESIZE для середнього фрейма не задається, оскільки заборона зміни розмірів фреймів, які знаходяться поруч, не дозволяє зміни розміру середнього фрейма.

Для створення «вкладеної» структури фреймів, наприклад, у середній області фрейма з попереднього прикладу, яка поділяє її на два рівних стовпці, можна навести такий приклад:

FRAMESET ROWS=«15%, 70%, 15%»>

<FRAME SRC=«header.htm» NORESIZE SCROLLING=NO>

<FRAMESET COLS=«*,*»>

<FRAME SRC=«left.htm»>

<FRAME SRC=«right.htm»>

</FRAMESET>

<FRAME SRC=«footer.htm» NORESIZE SCROLLING=NO>

</FRAMESET>

Створення індексного (початкового) екрана з двох фреймів:

ПРИКЛАД

Файл у форматі HTML:

<HTML>

<FRAMESET cols=«*,310»>

<FRAME SRC=«LABJr.htm» NAME= «framel»>

<FRAME SRC=«home_fr.htm» NAME=«frame2»>

</FRAMESET>

</HTML>

У лівому фреймі у пункті «Обрядова їжа» зроблено посилання на відповідний файл, який розкриє зміст цього пункту і буде відображений у правому вікні. Для цього зміни вносяться до файлу, який завантажується у цей фрейм. При встановленні гіперпосилання вказують на NAME відповідного фрейма введенням команди TARGET.

Відображення файла програмою-броузером:

ПРИКЛАД

файл у форматі HTML:

<HTML> <BODY>

<Н1 ALIGN=CENTER> УКРАЇНСЬКА МИНУВШИНА</Н1><ВІІ> <Р ALIGN=CENTER><B>yKPAlHCbKA КУХНЖ/В></Р>

<UL>

<ІЛ>ПОВСЯКДЕННА Й СВЯТКОВА ЇЖА ТА НАПОК/П> <ЬІ>РЕЖИМ І СЕЗОННІСТЬ ХАРЧУВАННЯ, ХАРЧОВІ ЗАБОРОНИ

/LI HREF= «LAB2-4JFR.HTM» TARGET = «FRAME2>» <LI>

ОБРЯДОВА ЇЖА </LI></A> </UL> </BODY> </HTML>


 

А также другие работы, которые могут Вас заинтересовать

43533. Проектирование автоматизированного участка цеха по производству сотового заполнителя 649 KB
  Характеристика изделий получаемых в данном технологическом процессе Технические характеристики сот Краткая характеристика линии для производства непрерывного сотового заполнителя Характеристика склада
43534. РАСЧЕТ И ПРОЕКТИРОВАНИЕ ЭЛЕМЕНТОВ МАШИН И ОСНАСТКИ 465.5 KB
  Цепной передачи одноступенчатого редуктора ременной передачи.Проектировочный и проверочный расчет цепной передачи.Проектировочный и проверочный расчет зубчатой передачи.Проектировочный и проверочный расчет ременной передачи.
43535. Бизнес-план придорожного сервиса автодороги Р351 «Тюмень-Екатеринбург» 747 KB
  Пункт придорожного сервиса представляет собой мини-кафе, строительство которого включено Управлением торговли и услуг Екатеринбургского облисполкома в план развития объектов общепита придорожного сервиса в Свердловской области. По проекту кафе будет располагаться рядом с существующим газоном
43536. НЕОБХОДИМОСТЬ КОНТРОЛЯ НАД ОСУЩЕСТВЛЕНИЕМ ОПРЕАЦИЙ НА ВАЛЮТНОМ РЫНКЕ 227.5 KB
  Объектом работы является рынок специальных услуг валютных операций покупка-продажа валюты на международных рынках. А в настоящее время вопрос об установлении стабильности национальной валюты так как стабильный уровень валюты тяжело удержать. Цель курсовой работы достигается с помощью реализации следующих задач: определение понятий и терминологии валютного рынка иностранной валюты как товара обращающегося на валютном рынке; рассмотрение субъектов валютного рынка; исследование операций на валютном рынке организации деятельности...
43537. Схематехника электронных устройств. Проектирование усилителя 360 KB
  Выбор типов пассивных компонентов усилителя Литература Задание на проектирование: Рассчитать предварительный усилитель мощности с парафазным выходом по следующим исходным данным: Коэффициент усиления не менее 30Дб; Полоса пропускания от 20 Гц до 10 КГц; Допустимая неравномерность частотной характеристики: Mн=Mв=141; Амплитуда выходного сигнала не менее 3 В; Входное сопротивление не менее 50 КОм; Сопротивление нагрузки не более 300 Ом; Ёмкость нагрузки 10 пФ;...
43538. РОЗРОБКА СТРУКТУРИ ЧАСОВИХ ЦИКЛІВ ПЕРВИННОГО ЦИФРОВОГО СИГНАЛУ І РОЗРАХУНОК ТАКТОВОЇ ЧАСТОТИ АГРЕГАТНОГО ЦИФРОВОГО СИГНАЛУ 1.12 MB
  Дискретизація це представлення аналогового сигналу в дискпеїному вигляді за допомогою АІМ перетворень. Квантування це визначення значення амплітуди кожного дискретного АІМ сигналу за допомогою шкали квантування. Приведемо спектральні діаірами АІМсигналу: Використаємо компресію що основується на 16сегментній характеристиці яка відповідає Аза кону. Звідси слідує що до тих пір поки амплітуда квантуємого гармонічного сигналуим не перевищує U0 64 де U0 напруга відповідна порогу перевантаження кодера квантування є рівномірним.
43539. Маркетинговая деятельность в ООО «Отдых в Крыму» 227 KB
  Развитие туризма как никакая другая отрасль экономики стимулирует создание рабочих мест и развитие малого бизнеса перераспределяет ресурсы между странами оказывает стимулирующее воздействие на такие секторы экономики как транспорт связь сфера услуг торговля строительство производство товаров народного потребления и составляет одно из наиболее перспективных направлений структурной перестройки экономики РФ и Дальнего Востока Важнейшим направлением деятельности фирм работающих в туристической сфере являются продвижение турпродукта на...
43540. Цифровой блок управления (ЦБУ) электроприводом для позиционирования транспортера в соответствии с заданным количеством кодовых импульсов датчика угла поворота электропривода 168 KB
  Расчет формирователя импульсов Счетчик импульсов Расчет импульсного усилителя мощности Объект разработки Разработать цифровой блок управления ЦБУ электроприводом для позиционирования транспортера в соответствии с заданным количеством кодовых импульсов датчика угла поворота электропривода. ЦБУ должен содержать фотоэлектрический импульсный датчик формирователь импульсов счетчик импульсов с предустановкой командный триггер и импульсный усилитель мощности.