Использование фреймов
Идея использований фреймов, создание уникального интерфейса Web-сервера. Создание и настройка фреймов и документов фреймовой структуры. Разделение страницы на части, каждая из которых обновляется отдельно, создание для них различных элементов интерфейса.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | лекция |
| Язык | русский |
| Дата добавления | 03.04.2019 |
| Размер файла | 12,7 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Размещено на http://www.allbest.ru/
Лекция
Использование фреймов
План
1. Идея использований фреймов
2. Создание фреймов
3. Загрузка страниц в фреймы
4. Настройка фреймов
1. Идея использований фреймов
В сущности, фреймы - это еще один способ создания уникального интерфейса Web-сервера. Разделив страницу на части, каждая из которых обновляется отдельно, можно создавать для них различные элементы интерфейса. Даже самая простая спецификация фрейма позволяет зафиксировать в нужном месте страницы графическое изображение или логотип фирмы, в то время как остальную часть страницы можно будет прокрутить.
Фреймы прекрасно подходят для оформления следующих элементов
ь Оглавление. Если вы поместите на Web-страницу оглавление в виде вертикального столбца, то пользователи смогут обратиться к нему в любой момент, и им не нужно будет постоянно щелкать на кнопке возврата к предыдущей странице.
ь Неподвижные элементы интерфейса. Как уже упоминалось, можно "закрепить" на экране графику, логотипы и другие элементы, в то время как остальная часть страницы будет прокручиваться в другом фрейме.
ь Формы и результаты. Вы можете создать форму в одном фрейме, а в другом отобразить результаты запроса.
фрейм интерфейс страница сервер
2. Создание фреймов
Чтобы получить страницу, содержащую фреймы, нужно сначала создать несколько документов: во-первых, те, которые будут помещаться в фреймы, а во-вторых, документ, определяющий общую структуру страницы. Его обычно называют документом фреймовой структуры, или просто структурным документом.
Для создания структурного документа используется контейнер FRAMESET. Дескрипторная пара <FRAMESET></FRAMESET> полностью заменяет в структурном документе пару <BODY></BODY>.
В дескрипторе FRAMESET используются два атрибута: ROWS и COLS. Оба они принимают числовые значения (в пикселях или в процентах). Значение * говорит о том, что конкретная строка или столбец будет занимать всю остальную часть страницы. Создавая фреймы, вы должны решить, как будет разделена страница: по вертикали или по горизонтали.
Для этих атрибутов используется следующий формат:
<FRAMESET ROWS="числа, проценты, *">
<FRAMESET COLS="числа, проценты, *">
В отдельном дескрипторе <FRAMESET> может использоваться только один из атрибутов ROWS или COLS. Это означает, что фреймовая структура может состоять или только из строк, или только из столбцов. Чтобы создать строки внутри столбцов (или наоборот), вам потребуются вложенные дескрипторы <FRAMESET>. Например, с помощью кода, приведенного в следующем листинге, создается структура из двух столбцов, каждый из которых содержит по две строки.
<FRAMESET COLS="25%, 75%">
<FRAMESET ROWS="50%, 50%">
</FRAMESET>
<FRAMESET ROWS="10%, 90%">
</FRAMESET>
</FRAMESET>
3. Загрузка страниц в фреймы
С помощью дескриптора <FRAME>, помещенного в контейнер <FRAMESET>, можно определить, что именно должно отображаться в конкретном фрейме. Каждый дескриптор <FRAME> является одиночным. С его помощью можно указать URL или имя, связанное с конкретным фреймом. Для этого используется следующий формат:
<FRAMESET ROWS="50%, 50%">
<FRAME SRC="banner.html">
</FRAMESET>
4. Настройка фреймов
Помимо SRC, в дескрипторе <FRAME> могут использоваться NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE и другие атрибуты, связанные с рамками.
Атрибуты MARGINWIDTH, MARGINHEIGHT используются для определения правого/левого и верхнего/нижнего полей текста и графики внутри фрейма соответственно. Оба эти атрибута принимают числовые значения в пикселях. Например, в следующем коде между содержимым файла и границами фрейма определяется поле шириной 5 пикселей:
<FRAME SRC="text.html" MARGINWIDTH=5 MARGINHEIGHT=5>
Атрибут SCROLLING может принимать значения yes, no, auto. Он позволяет определить присутствуют ли в окне фрейма полосы прокрутки. По умолчанию принимается значения auto, и в большинстве случаев это лучшее решение.
Атрибут NORESIZE не принимает никаких значений; он используется для того, чтобы не позволить пользователю изменить размеры окна фрейма. Фактически, атрибут делает границы фрейма "жестко закрепленными". Причем фиксируются размеры всех фреймов, имеющих с закрепленным общую границу.
Определение границ фреймов
На внешний вид фрейма влияют также атрибуты FRAMEBORDER, BORDER, BORDERCOLOR.
Атрибут FRAMEBORDER можно использовать в дескрипторе <FRAMESET> либо <FRAME>. Он может принимать значения yes (принимается по умолчанию) и no (означает отсутствие границ). С помощью атрибута BORDER можно определить ширину рамки в пикселях.
Если установить значения FRAMEBORDER="no", a BORDER="0", то границы фреймов на вашей странице будут невидимыми.
В дескрипторах <FRAMESET> и <FRAME> можно использовать атрибут BORDERCOLOR. С его помощью определяется цвет рамок (т.е. границ фреймов). При определении можно использовать как его название, так и числовой эквивалент.
Размещено на Allbest.ru
...Подобные документы
Описание пакета прикладной программы Net Beans 8.1. Разработка пользовательского интерфейса апплета. Создание рамочных окон на базе фреймов библиотеки java.swing. Изменение цвета текстовых данных. Проектирование и создание инфологической модели апплета.
контрольная работа [1,8 M], добавлен 11.07.2016Создание электронного учебника, его предназначение, структура, логотип, начальная и главная страницы, разделы. Разработка стандартных фреймов, анимации с элементами мультимедиа и их внедрение в учебник. Руководство для пользователя электронным учебником.
курсовая работа [3,4 M], добавлен 15.01.2010Настройка интерфейса в MOODLE. Создание и настройка профилей, управление курсами. Форматы представления, создание и настройка ресурсов курса. Организация коллективной работы. Установка и настройка необходимого программного обеспечения. Создание ролей.
дипломная работа [378,5 K], добавлен 20.11.2013Знакомство с текстовыми редакторами Windows. Настройка редактора Microsoft Word. Разработка документа MS Excel. Создание Web-страниц в среде MS Word. Построение фреймов. Управление параметрами шрифта. Построение графиков в математическом пакете MathCad.
методичка [4,4 M], добавлен 29.06.2013Hyper Text Markup Language (html) как стандартный язык для создания гипертекстовых документов в среде web. Тэги списков, гипертекстовые ссылки, графика внутри документа, специальные тэги html и таблицы. Планирование фреймов. Этапы создания сайтов.
контрольная работа [126,9 K], добавлен 18.11.2010Особенности разработки Web-страницы, с использованием Microsoft Word. Алгоритм работы: сохранение документа Word, как веб-страницы; просмотр веб-страницы, создание гиперссылок. Настройка и проверка Web-страницы с помощью программы Internet Explorer.
контрольная работа [2,4 M], добавлен 03.04.2010Ознакомление с краткими теоретическими сведениями о создании Web-документов на основе HTML, форматировании текста, создании списков, таблиц, форм, фреймов и встраивании различных объектов. Использование средств интерактивного общения с пользователем.
методичка [716,3 K], добавлен 27.10.2010Особенности работы с SQL-базами данных. Установка и настройка локального сервера СУБД Interbase. Создание приложения "Торговая фирма", состоящее из серверной части и клиентской. Разработка спецификаций и описание интерфейса пользователя программы.
курсовая работа [634,5 K], добавлен 14.07.2012Физическая структура сайта. Шаблон оформления страницы. Исходный текст шаблона главной HTML-страницы (верстка с использованием фреймов). Фрагмент кода, содержащий карту сайта. Каскадные таблицы стилей. Программное обеспечение, использованное при работе.
курсовая работа [1,3 M], добавлен 02.07.2014Разработка структуры базы данных сайта. Установка и настройка требуемого программного обеспечения. Анализ интерфейса программы. Создание формы обратной связи. Формирование дизайна, соответствующего требованиям заказчика. Выбор методики тестирования.
дипломная работа [2,0 M], добавлен 22.03.2018Создание тестирующих и игровых программ. Степень сложности и художественного оформления интерфейса пользователя. Создание справочной системы. Корректное отображение символов. Создание системы управления базами данных в среде Delphi и таблиц базы данных.
методичка [1,0 M], добавлен 24.10.2012Фреймовые модели представления знаний. Разработка структуры фреймов для реализации экспертной системы. Разработка экспертной системы с фреймовой моделью представления знаний. Редактирование базы фактов кандидатов и описание режима консультации.
курсовая работа [1,3 M], добавлен 13.10.2012Описание разрабатываемой программы с точки зрения пользователя и программиста. Поэтапная разработка программной системы. Создание базы данных в Access. Разработка структуры классов. Создание структуры для хранения данных. Проектирование интерфейса.
курсовая работа [1,4 M], добавлен 07.08.2013Создание Web-документов (от простейших статических до документов на основе динамического HTML): форматирование текста, создание списков, таблиц, встраивание различных объектов, использование средств интерактивного общения с пользователем.
методичка [45,5 K], добавлен 27.10.2010Личная подборка Internet-ресурсов учебного назначения. Язык гипертекстовой разметки страниц HTML. Текстовое оформление страниц. Вставка изображений. Нумерованные, маркированные списки. Оформление таблиц. Создание фреймов. Границы и рамки. Стили CSS.
лабораторная работа [177,3 K], добавлен 23.06.2013Создание логической модели данных. Назначение кнопок Erwin Toolbox. Создание БД в СУБД InterBase. Использование утилиты WISQL. Создание Script-файла. Перенос структуры данных с одного сервера на другой. Синхронизация каталога БД и текущей модели.
курсовая работа [4,6 M], добавлен 26.11.2011Создание виртуальной машины для гостевой операционной системы Microsoft Windows Server 2003. Первоначальная настройка установленной операционной системы. Создание DHCP-сервера с диапазоном рабочих адресов. Настройка доменного имени для IP-адреса сервера.
лабораторная работа [3,2 M], добавлен 20.12.2012Язык манипуляции данными. Процесс отбора данных. Использование агрегатных функций и специальных операторов в условиях отбора. Создание и использование представлений и хранимых процедур. Использование триггеров, разработка интерфейса пользователя.
лабораторная работа [70,6 K], добавлен 13.02.2013Возможности использования Word для создания web-страницы. Использование таблицы и шаблонов оформления документа. Создание гиперссылок и закладок в Word. Обзор визуальных и текстовых редакторов для верстки веб-страниц. Веб-презентация в PowerPoint.
реферат [312,6 K], добавлен 06.04.2010Разработка графического интерфейса для ввода начальных значений, отображения результатов и тестирования методов собственного класса на языке программирования С++. Подсветка цветом выбранных операндов в процессе их инициализации и вывода на дисплей.
курсовая работа [234,6 K], добавлен 27.12.2014
