Значение слова фрейм. "Волшебные" целевые фреймы. Создание структуры на основе Frameset и его атрибутов Cols и Rows

1. Минимальное описание некоего явления, факта или объекта, обладающее свойством целостности: удаление из этого описания любой составляющей приводит к тому, что данное явление перестает правильно опознаваться (классифицироваться).

2. Эталон, с коим сравниваются изображения, подлежащие классификации - фрейм-классификатор.

Создатель теории фреймов - американский ученый в области интеллекта искусственного М. Минский. По его мнению, процессы мышления базируются на хранящихся в памяти многочисленных структурах данных - фреймов, с помощью коих человек:

1) осознает образы зрительные - фреймы восприятия визуального;

2) понимает слова - фреймы семантические;

3) понимает рассуждения, действия - фреймы-сценарии;

4) понимает повествования - фреймы-рассказы.

Фрейм - это "идеальный" образ реального предмета или явления, удобное упрощение действительности. Его можно представить как сеть, состоящую из узлов и связей между ними. В конкретной социально-психологической ситуации узлы могут представлять собой отдельных людей или группы, а связи могут характеризовать те или иные отношения либо воздействия. С помощью фреймов описывается поведение людей, характеризуются отдельные поступки и пр. Группа фреймов может объединяться в систему. Результаты характерных действий отражаются с помощью трансформации между фреймами системы.

Фреймы применяются в психологии социальной, психологии восприятия, теории распознания образов, при создании интеллекта искусственного, в программировании.

ФРЕЙМ

В теории искусственного интеллекта – набор фиксированных элементов, которые определяют ("рамки") ситуации. Например, элементами Фрейма комнаты могут быть стены, потолок, пол, дверные проемы и т.д. Это использование связано с работами американского теоретика Марвина Мински. 2. В социальной психологии этот термин используется подобным образом, но более свободно. Любая социальная ситуация может быть "определена" в соответствии с основными принципами, которые будут влиять на способы, которыми люди входят в эту ситуацию и переживают ее. Эти "определения" и являются фреймами. Обратите внимание, что этот термин используется здесь в основном для обозначения воспринимаемой и переживаемой организации, согласующейся с фреймом, в котором люди функционируют. Он не используется для обозначения какого-либо необходимого утверждения относительно объективной социальной действительности. Впервые в этом значении термин использовался Бейтсоном, но прежде всего связан с работами социолога Эрвина Гоффмана.

ФРЕЙМ

frame) – термин, широко распространенный не только в исследованиях ИИ, но и в социологии, психологии и лингвистике. В самом общем виде фрейм – это способ организации представлений, хранимых в памяти. Он соответствует таким понятиям, как схема в когнитивной психологии, ассоциативные связи, семантическое поле. «Фрейм» также фигурирует как общее родовое обозначение набора понятий типа: схема, сценарий, когнитивная модель. В социологической концепции Э.Гоффмана (где понимание термина берется у психолога Г.Бейтсона) фрейм ассоциирован с английским словом frame-work (каркас) и указывает на «аналитические леса» - подпорки, с помощью которых мы постигаем свой собственный опыт. В этой концепции, лежащей далеко за пределами искусственного интеллекта, фреймы подчинены организующим принципам, «генерирующим» те или иные события, среди них, социальные события. Эти же принципы регулируют и наше субъективное участие в событиях. Фрейм – это единица знаний, организованная вокруг некоторого понятия и содержащая данные о существенном, типичном и возможном для этого понятия. Фрейм конкретизирует, что в данной культуре характерно и типично, а что - нет. Особенно важно это по отношению к определенным эпизодам социального взаимодействия - поход в кино, поездка на поезде - и вообще по отношению к рутинным эпизодам. Фреймы организуют наше понимание мира в целом, а тем самым и обыденное поведение (скажем, когда мы платим за дорогу или покупаем билет привычным для нас образом). Фрейм при таком подходе - структура данных для представления стереотипной ситуации (типа: нахождение в комнате, ритуал детского дня рождения). Фрейм повествования - скелетные формы типичных рассказов, объяснений и доказательств, позволяющие слушающему сконструировать полный тематический фрейм. Такой фрейм содержит конвенции о том, как может меняться фокус внимания, о главных действующих лицах, о формах сюжета, о развитии действия и т.п. С каждым фреймом связано несколько видов информации: об его использовании и о том, что следует ожидать затем, что делать, если ожидания не подтвердятся. Термин «сценарий» близок к термину «фрейм». Сценарий вырабатывается в результате интерпретации текста, когда ключевые слова и идеи текста создают тематические («сценарные») структуры, извлекаемые из памяти на основе стандартных, стереотипных значений.

ФРЕЙМ

от англ. frame - рама, скелет) - иерархически упорядоченная структура минимально необходимых данных для описания стереотипных ситуаций для данного класса объектов. Понятие введено Р. Минским (США) для структурного представления знаний посредством специальных описаний - Ф. Графически Ф..имеет вид сети, нетерминальные (не концевые) вершины которой представляют общие сведения, всегда справедливые для рассматриваемого класса объектов (ситуаций), а терминальные вершины заполняются конкретными, частными сведениями об описываемом объекте или ситуации. В инженерно-психологических исследованиях Ф. используются как средство, позволяющее давать структурное описание поступка. Более конкретно Ф. используются для описания ошибочных действий операторов с целью их анализа и классификации посредством ЭВМ, для создания баз данных об этих ошибках и для разработки экспертных систем, облегчающих диагностирование причин отдельных ошибок операторов. Данный подход реализован в действующей автоматизированной системе анализа управляющих действий (АСАУД). Анализ ошибок в ней осуществляется специально подготовленными экспертами, а АСАУД является средством повышения эффективности их труда. Поэтому данный подход заключается в автоматизированном (а не в автоматическом) анализе ошибок управления и предлагает активное участие экспертов не только в сборе и вводе в ЭВМ необходимой информации, но и в ее обсуждении на последующих этапах анализа вплоть до интерпретации ее машинной обработки и разработки путей предупреждения повторного появления подобных ошибок (А. М. Емельянов).

Несмотря на то, что сайты с фреймами встречаются все реже, изучение HTML было бы неполным без рассмотрения темы о фреймах. К тому же фреймы в каком-то смысле заняли свою нишу и применяются для систем администрирования и справки. Там, где недостатки фреймов не имеют особого значения, а преимущества наоборот, активно востребованы.

Для создания фрейма используется тег , который заменяет тег в документе и применяется для разделения экрана на области. Внутри данного тега находятся теги , которые указывают на HTML-документ, предназначенный для загрузки в область (рис. 13.1).

Рис. 13.1. Пример разделения окна браузера на два фрейма

При использовании фреймов необходимо как минимум три HTML-файла: первый определяет фреймовую структуру и делит окно браузера на две части, а оставшиеся два документа загружаются в заданные окна. Количество фреймов не обязательно равно двум, может быть и больше, но никак не меньше двух, иначе вообще теряется смысл применения фреймов.

Рассмотрим этапы создания фреймов на основе страницы, продемонстрированной на рис. 13.1. Нам понадобится три файла: index.html — определяет структуру документа, menu.html — загружается в левый фрейм и content.html — загружается в правый фрейм. Из них только index.html отличается по структуре своего кода от других файлов (пример 13.1).

Пример 13.1. Файл index.html

Фреймы

В случае использования фреймов в первой строке кода пишется следующий тип документа.

Данный указывает браузеру, что он имеет дело с фреймами, эта строка кода является обязательной. Контейнер содержит типовую информацию вроде кодировки страницы и заголовка документа. Вот только учтите, что заголовок остается неизменным, пока HTML-файлы открываются внутри фреймов.

В данном примере окно браузера разбивается на две колонки с помощью атрибута cols , левая колонка занимает 100 пикселов, а правая — оставшееся пространство, заданное символом звездочки. Ширину или высоту фреймов можно также задавать в процентном отношении, наподобие таблиц.

В теге задается имя HTML-файла, загружаемого в указанную область с помощью атрибута src . В левое окно будет загружен файл, названный menu.html (пример 13.2), а в правое — content.html (пример 13.3). Каждому фрейму желательно задать его уникальное имя, чтобы документы можно было загружать в указанное окно с помощью атрибута name .

Пример 13.2. Файл menu.html

Навигация по сайту

В данном примере серый фон на странице задается с помощью стилей, о которых речь пойдет далее.

Пример 13.3. Файл content.html

Содержание сайта

СОДЕРЖАНИЕ

Рассмотрим более сложный пример уже с тремя фреймами (рис. 13.2).

Рис. 13.2. Разделение страницы на три фрейма

В данном случае опять используется тег , но два раза, причем один тег вкладывается в другой. Горизонтальное разбиение создается через атрибут rows , где для разнообразия применяется процентная запись (пример 13.4).

Пример 13.4. Три фрейма

Фреймы

Как видно из данного примера, контейнер с атрибутом rows вначале создает два горизонтальных фрейма, но вместо второго фрейма подставляется еще один , который повторяет уже известную вам структуру из примера 13.1. Чтобы не появилась вертикальная полоса прокрутки, и пользователь не мог самостоятельно изменить размер верхнего фрейма, добавлены атрибуты scrolling="no" и noresize .

Фрейм - это область на сайте (окно), в которой видно другую веб-страницу. Веб-мастера используют такую возможность, чтобы продемонстрировать главную страницу сайта своих друзей или партнеров. Тот же прием используется, чтобы отображать в окошках форму поиска и рядом его результат, и т. д.

Создание фреймов в конструкторе сайтов

В некоторых конструкторах сайтов предусмотрена автоматическая генерация подобного кода. Обычно кнопка добавления фрейма находится в основном меню программы. Сначала необходимо установить курсор в нужном месте на странице, затем нажать кнопку, откроется окно (как показано на скриншоте). В нем можно задать адрес страницы, которая будет открываться во фрейме, и отрегулировать размеры: ширину и высоту.

Но в основном фреймы используются в создании крупных веб-порталов, где требуется немалое количество пунктов меню и подменю. О таких обычно говорят: "сайт на фреймах". Для создания подобного ресурса требуется хорошее знание HTML-языка.

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

Фреймы в CMS

Во многих программах для создания сайтов предусмотрена возможность установки соответствующего модуля. Например, для Joomla фрейм - это модуль "Обёртка (Wrapper)".

Его можно найти и создать в панели управления CMS Джумла: "Расширения" - "Менеджер модулей" - "Создать" (круглая кнопка оранжевого цвета с плюсиком внутри). Во в списке, вы увидите модуль "Обёртка".

Если его здесь не будет, значит, он не включен. Чтобы воспользоваться ним, сначала нужно его активировать здесь: вкладка "Расширения", далее "Менеджер расширений", далее вкладка "Управление". И ищем в открывшемся списке, можно для быстрого поиска в поле "Фильтр" ввести слово: Wrapper. Напротив данного модуля должен стоять значок зелёного цвета с галочкой внутри. Красный кружок с точкой внутри будет означать, что данный плагин выключен.

После этой процедуры можно вернуться в "Менеджер модулей", создать фрейм и установить его параметры.

Как видно на картинке, модуль позволяет установить: заголовок над фреймом, позицию модуля, выбрать страницы сайта, на которых он будет отображаться. А также настроить ширину, высоту; добавить рамку и собственно ссылку на веб-страницу. Если во фрейме вы хотите отобразить главную страницу какого-либо сайта во всю ширину, то 100%, установленных по умолчанию, будет недостаточно. Можно сразу смело ставить 400%. Высоты 200 обычно хватает, чтобы отобразить верхнее меню страницы. Весь остальной контент будет виден, если пользователь (посетитель сайта) воспользуется полосой прокрутки.

Вот пример того, что такое фрейм в Джумле.

Модуль Джумла для создания фрейма очень удобен и прост в применении. Однако его возможности ограничены, как и возможности конструктора.

История и реалии

В практике создания сайтов из фреймов этот тег (его применение) уже давно отошел на второй план. Их смогли заменить модули, настройки в программах-конструкторах, генерирующие код для веб-страницы без участия сайтостроителя. Однако в некоторых случаях этого бывает недостаточно. Например, когда фрейм - это целостная сложная структура из областей, отображаемых в браузере. Так видят его владельцы сложноструктурированных сайтов. На её создание идут только в крайних случаях, поскольку фреймовские сайты создаются исключительно при помощи специализированных тегов.

Сложноструктурированные сайты

Для них создание нескольких взаимосвязанных фреймов является оптимальным решением организации контента на страницах ресурса. Это, как правило, крупные порталы, разрастающиеся с каждым годом все сильнее.

Как добиться такого же результата? Как создается структура фрейма?

Как вписать фрейм в код страницы

Фреймы в HTML добавляют при помощи тегов:

  • frame (для отдельного окна);
  • frameset (при помощи него создается целая структура);
  • iframe ("плавающий" фрейм);
  • noframes (на случай неотображения фрейма в браузере пользователя).

Первый указанный тег всегда вписывается в паре и . Причем она заменяет и . А при помощи соответствующих атрибутов можно корректировать характеристики каждого элемента: название (name=), размер (cols= и rows=), наличие рамки (border), вид полосы прокрутки и, конечно, ссылку на веб-страницу для отображения.

Вариации оформления

Всю страницу сайта можно разбить на области. Например, так:

Верхний фрейм

Такую структуру (её называют вложенной) можно получить, прописав внутри тега атрибут cols, означающий расположение фрейма по горизонтали, и rows - по вертикали. Следом ставится знак = и прописываются размеры. Например, 60%, 40% - процентное соотношение (одно окно займет 60% пространства браузера, другое, соответственно, 40%). Или 100, 200 - соотношение размеров в пикселях. Размеры одного из фреймов можно вообще не задавать (установится по умолчанию). Для этого после или перед запятой нужно указать символ *.

Внутри этой пары frameset прописывает каждый фрейм с параметрами: src=, далее в кавычках дается ссылка на веб-страницу и name= с заголовком (например, Фрейм 1).

Вложенность каждой новой области обозначается новым frameset.

Пример кода:

Заметьте, в нашем примере для фреймов второго и третьего размеры прописываются только один раз.

Множество задумок позволяют выполнить фреймы. Примеры их расположения в окне браузера можно приводить бесконечно (меняя код соответствующим образом). Однако практического применения эти сведения не находят уже давно. Фреймы, если и используются сегодня при создании сайтов, то только в виде модулей в бесплатных CMS или в виде iframe.

Плавающий фрейм

Странно, почему он получил такое название, здесь больше подходит слово "встроенный". Этот фрейм создан для отображения содержимого файла. Вы загружаете в базу какой-либо документ или файл, при помощи тегов айфрейма прописываете путь к нему - и посетители увидят текст файла (видео или изображение). К сожалению, браузеры не всегда отображают содержимое. Для этого веб-строители вписывают между открывающим и закрывающим тегом фразу: "Ваш браузер не отображает содержимое".

Например, Seopult.ru - известный сервис у мастеров по продвижению. Только не его основной сайт, а зеркало I.seopult.pro, созданное для клиентов портала. Код айфрейма здесь прописан так:

  • Инструкция
  • . Где тег
  • создан для определения элемента списка. Поддерживается всеми браузерами.

    На самой странице зеркала можно увидеть слово "Инструкция" в виде кнопки. При нажатии на неё в центре окна браузера открывается презентация.

    Все крупные сайты для просмотра фильмов и сериалов созданы при помощи айфреймов (например, "Имхонет"), так же как и социальные сети. Даже главная страница "Яндекса" содержит этот тег, и не одну пару.

    Как прописать iframe

    Закачать на сайт документ в виде окошка с полосой прокрутки можно в любое место. Обычно теги располагают внутри body. Помимо стандартного , как было показано на примере выше, может использоваться и тег списка -

  • .

    В айфрейм добавляются атрибуты:

    • ширины (width) и высоты (height=);
    • выравнивания по краю align;
    • отступов, которые можно и не прописывать: по умолчанию задается значение 6 - этого вполне достаточно;
    • при помощи allowtransparency можно задать прозрачность области фрейма, чтобы было видно фон страницы;
    • плюс уже знакомые scr, name, scrolling, border.

    Навигация при помощи айфрейма

    Самое интересное умение в области создания фреймов - это написание кода, позволяющего открывать в окне контент по ссылке, - то, что сделали создатели зеркала Seopult, только сразу с несколькими ссылками (одновременно доступными пользователю на одной странице).

    Для этого берется айфрейм, в нем дополнительно прописывается имя через name=. Например, zagolovok. Далее перед ним в тегах и прописываются ссылки через a HREF = с обязательным указанием после них атрибута target=zagolovok. Перед тем как использовать закрывающий тег а, указывается надпись, которая будет служить ссылкой-кнопкой. Теги "а" открывающие и закрывающие заключаются в тег p.

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

    Код будет выглядет так:

    Как это будет выглядеть на сайте:

    Как вставить iframe в сайт Джумла

    Стандартно в панели управления Джумла есть включенный (т. е. готовый к использованию) модуль "HTML-код". При помощи него можно вставить любой код в любое место на сайте. Однако код с тегом айфрем он упорно игнорирует. Поэтому будем использовать специальный модуль Jumi.

    Прежде всего его нужно скачать из интернета и установить к себе через административную панель Джумла: "Расширения" - "Менеджер расширений" - "Выбрать файл". Укажите путь к скачанному архиву и нажмите "Загрузить".

    После удачной установки заходим в "Менеджер модулей" и создаем новый. Выберите тип Jumi. В открывшемся окне, в поле "Произвольный код", введите подготовленный айфрем, как было показано в предыдущем абзаце статьи. Дайте модулю заголовок, укажите позицию размещения и страницы сайта. Нажмите сохранить и проверьте, что получилось.

    Браузеры и фреймы

    Все популярные браузеры хорошо отображают содержимое окон frame: Chrome, Safari, Firefox, Android, iOS. Особенно высокий показатель в этом отношении у Internet Explorer и Opera. И всё же нет гарантии, что посетитель вашего сайта увидит содержимое всех окон. На этот случай следует оставить сообщение при помощи тега noframe (открывающего и закрывающего). В него можно вписать следующее: "Ваш браузер устарел. Для отображения содержимого сайта обновите версию". Если браузер пользователя правильно отображает фреймы, то это сообщение он не увидит.

    Итак, фрейм - это область или окно сайта, которое имеет собственный URL-адрес. Используется для отображения в одном поле браузера сразу нескольких веб-страниц или независимых документов, также имеющих свой URL. Несмотря на то что фреймы позволяют хорошо организовать сложноструктурированный сайт, их уже давно не используют, кроме iframe. Применение этого тега по-прежнему актуально для загрузки в определенном окне презентаций, видеоплеера, текстовых документов. Его активно используют крупные и известные в сети веб-ресурсы.

    Фреймы — это HTML-элементы, позволяющие разделить окно веб-браузера на несколько независимых окон, в каждое из которых можно загрузить отдельный HTML-документ. Каждое такое окно (фрейм) может иметь собственные полосы прокрутки и функционировать независимо от других независимых окон либо наоборот управлять их содержанием. Они могут применяться для организации постоянно находящегося в одном окне меню, в то время как в другом окне располагается непосредственно сама информация. Пользователи могут обращаться к меню в любой момент, и им не нужно возвращаться к предыдущей странице, чтобы выбрать другой пункт меню. Применение фреймов позволит вам «закрепить» в окне браузера изображения или другие неподвижные по замыслу элементы интерфейса, в то время как остальная часть страницы будет прокручиваться во фрейме.
    Однако, стоит отметить, что в наши дни фреймы считаются устаревшим средством, а сайты с фреймами теперь считаются несолидными, так как профессиональные веб-мастера никогда не используют фреймы в своих проектах. С фреймами связан целый ряд печально известных проблем. Они, например, сбивают с толку поисковые машины, поскольку на страницах, которые содержат контент, нет ссылок на другие документы. Если вы хотите получать посетителей с поисковых систем, забудьте о фреймах. Понравившуюся страницу пользователю невозможно поместить в раздел закладки браузера, так как фреймы скрывают адрес страницы, на которой он находится, и всегда показывают только адрес веб-сайта. По этой причине они создают проблемы для браузеров при отслеживании хронологии и еще они не слишком приспособлены для разных размеров экранов и мобильных устройств.
    Несмотря на то, что проекты с фреймами встречаются во всемирной паутине все реже, изучение HTML было бы неполным без рассмотрения темы о фреймах. У фреймов наряду с недостатками есть и некоторые достоинства, которые не позволяют отбросить эту технологию как бесперспективную.

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

    Структура HTML-документа с фреймами внешне очень напоминает формат обычного HTML-документа. Как и в обычном HTML-документе, весь код помещен между парными тегами и , а в контейнере располагаются заголовки. Основное отличие документа с фреймами от обычного HTML-документа — у документа с фреймами вместо тега применяется парный тег (от англ. frame set – набор фреймов).
    В следующем примере приведена структура HTML-документа с фреймами:

    Пример: Структура HTML-документа с фреймами

    • Попробуй сам »
    frame_top
    frame_left frame_right



    Документ с фреймами

    В приведенном примере страница содержит три области, в каждую из которых первоначально загружаются HTML-документы frame_top.html, frame_left.html и frame_right.html. Помимо HTML-документов, фрейм может содержать и графику. Для этого необходимо указать адрес соответствующего изображения в атрибуте src , например src="image.gif" . Обратите внимание, что элемент используется без закрывающего тега.
    Внутри контейнера могут содержаться только теги или другой набор фреймов, охваченный тегами и .
    Тег имеет следующие атрибуты:

    • rows — описывает разбиение страницы на строки:
    • cols — описывает разбиение страницы на столбцы:
    Области, полученные в результате такого разбиения страницы, и будут являться фреймами. Отсутствие этих атрибутов определяет один фрейм, который займет все окно браузера.

    В значении атрибутов rows и cols необходимо указывать не количество строк или столбцов, а значение ширины и высоты фреймов. Все значения в списке разделяются запятыми. Размеры могут быть указаны в абсолютных единицах (в пикселах) или в процентах:

    • cols="20%, 80%" — окно браузера разбивается на две колонки с помощью атрибута cols , левая колонка занимает 20%, а правая 80% окна браузера.
    • rows="100, *" окно браузера разбивается на два горизонтальных окна с помощью атрибута rows , верхнее окно занимает 100 пикселов, а нижнее — оставшееся пространство, заданное символом звездочки.

    Как видно из данного примера, контейнер с атрибутом rows вначале создает два горизонтальных фрейма, а вместо второго фрейма подставляется еще один , который разбивает нижний горизонтальный фрейм на две колонки с помощью атрибута cols , левая колонка занимает занимает 20%, а правая 80% окна браузера.
    Если браузер не поддерживает фреймы, то в окне будет отображен текст, расположенный между тегами </b> и <b> . Все, что находится между тегами </b> и <b> , игнорируется браузерами, поддерживающими фреймы. Таким образом разработчику нужно написать код, дублирующий содержимое фреймов другими средствами, и поместить этот код в контейнер </b> , тогда все пользователи смогут увидеть его веб-страницу.<br> Как уже отмечалось, для вставки в документ отдельного фрейма служит <a href="/chto-vy-nazyvaete-tegami-kotorye-ne-nuzhdayutsya-v-konechnom-tege-chem/">непарный тег</a> <b><frame> </b> . Атрибут <b>src </b> задает документ, который должен отображаться внутри данного фрейма, например: <frame src="frame_top.html">. Если атрибут <b>src </b> отсутствует, отображается пустой фрейм.</p> <h2>Границы или пространство между фреймами</h2> <p>По умолчанию, браузер отображает серую и, как правило, в виде трехмерной линии границу между фреймами, с помощью которой посетители могут регулировать размер фрейма.<br> Границей фрейма можно управлять, как и любыми другими элементами фрейма. Для этого существует несколько атрибутов элемента <b><frameset> </b> , позволяющих настраивать границы фреймов. Толщина линии границы определяется атрибутом <b>border </b>. По умолчанию значение толщины границы равно пяти.<br> Чтобы скрыть границу фрейма, необходимо либо указать значение ширины границы <a href="/mozhet-li-rang-matricy-byt-ravnym-nulyu-rang-matricy-i-bazisnyi-minor-matricy/">равным нулю</a>, либо присвоить значение «no» или «0» атрибуту <b>frameborder </b>. Атрибут <b>frameborder </b> может принимать только два противоположных значения. Если значение атрибута <b>frameborder </b> равно «yes» или «1», то граница фреймов будет отображаться, а если «0» или «no», то нет. Учтите, что значения атрибута <b>frameborder </b> различаются для <a href="/v-vashem-brauzere-otklyucheny-kuki-kak-vklyuchit-cookies-v-raznyh/">разных браузеров</a>. Чтобы решить эту проблему используйте дважды атрибут <b>frameborder </b>, а для некоторых браузеров требуется еще добавить атрибут <b>framespacing </b> со значением «0»:</p><p> <frameset frameborder="0" framespacing="0" frameborder="no" border="0"> </p><p>В следующем примере убираем границу между фреймами:</p> <h3>Пример: Убираем границу между фреймами</h3> <ul><li>Попробуй сам »</li> </ul><table><tr><td style="width: 10px;background-color:green;color: white;"> frame_left </td> <td style="width: 90%;background-color:lime;color: white;"> frame_right </td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Фреймы без границ</title> </head> <frameset cols="100,*" frameborder="0" framespacing="0" frameborder="no" border="0"> <frame src="frame_left.html" name=" frame_left" > <frame src="frame_right.html" name="frame_right" > </frameset> </html></p> <p>Если вы удалите границу между фреймами, посетители не смогут изменять размер фрейма в браузере. Вы можете также не допустить изменения размера фрейма, сохранив границы, используя атрибут <b>noresize </b>:</p><p> <frame src="frame_left.html" noresize> </p><p>С помощью атрибута <b>bordercolor </b> можно изменить цвет границы фрейма, необходимо только указать код или соответствующее <a href="/zarezervirovannye-imena-imena-i-zarezervirovannye-slova-v/">зарезервированное имя</a> цвета.<br> Ниже приведен пример html-страницы, которая содержит описанные выше атрибуты управления границей фрейма: цвет границы — красный, изменять размер верхнего фрейма нельзя:</p> <h3>Пример: Управление границей фреймов</h3> <ul><li>Попробуй сам »</li> </ul><table style="border-collapse:collapse;"><tr><td style="border-bottom: 4px solid red;background-color:blue;color: white;" colspan="2">frame_top</td> </tr><tr><td style="border-right: 4px solid red;width: 20%;background-color:green;color: white;">frame_left</td> <td style="width: 80%;background-color:lime;color: white;">frame_right</td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Управление границей фреймов</title> </head> <frameset rows="150, *" border="10" bordercolor="red" frameborder="1" frameborder="yes"> <frame src="frame_top.html" noresize> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html"> </frameset> </frameset> </html></p> <p>Если вы хотите расположить страницу, отображаемую внутри фрейма, ближе к его границам, или, наоборот, отодвинуть дальше, измените атрибуты <b>marginheight </b> и <b>marginwidth </b> тэга <b><frame> </b> . Атрибут <b>marginheight </b> определяет отступ между содержимым фрейма и его верхней и нижней границами. Синтаксис:</p><p> <frame marginheight="число"> </p><p>Атрибут <b>marginwidth </b> определяет отступ между содержимым фрейма и его правой и левой границами. Синтаксис:</p><p> <frame marginwidth="число"> </p><p>Данная <a href="/vstavit-begushchuyu-stroku-v-html-kak-sdelat-begushchuyu-stroku-v/">строка html</a>, например, располагает отображаемую страницу вплотную к границе фрейма:</p> <p>Если страница отображает нежелательную для вас полосу прокрутки, вы можете решить эту проблему, указав атрибут <b>scrolling </b>="no" в тэге <b><frame> </b> . Но учтите, что если фрейм будет недостаточно большим, чтобы отобразить все содержимое страницы, то у посетителя не будет никакой возможности прокрутить отображаемую страницу.</p> <h2>Ссылки внутри фреймов</h2> <p>Переход по ссылке в обычном HTML-документе осуществляется следующим образом: нажимаете ссылку и <a href="/kak-razblokirovat-dokumenty-ot-virusa-tekushchie-plaginy-i/">текущий документ</a> заменяется новым в текущем либо в новом окне браузера. При использовании фреймов схема загрузки html-документов отличается от обычной и главное отличие — это возможность загружать html-документ в один фрейм из другого фрейма.<br> Для загрузки документа в определенный фрейм используется атрибут <b>target </b> тега <b><a> </b> . В качестве значения атрибута <b>target </b> используется имя фрейма, в который будет загружаться документ, указанный атрибутом <b>name </b> тега <b><frame> </b> . Стоит также отметить, что имя фрейма должно начинаться либо с цифры либо с латинской буквы. Следующие имена используются в качестве зарезервированных:</p> <p>Для внешних ссылок следует задавать в качестве значения для атрибута target либо _top , либо _blank , для того, чтобы сторонние проекты отображались не в ваших фреймах, а занимали полное окно браузера.</p> <p>В следующем примере изображен HTML-документ, в правый фрейм которого загружается страница по ссылке, помещенной в верхний фрейм. Ссылка на документ, который откроется в правом фрейме:</p><p> <a href="http://www.google.com" target="frame_right">Google</a> </p><p>Правому фрейму присваивается имя <i>frame_right </i>:</p><p> <frame src="frame_right.html" name="frame_right"> </p><p>Чтобы документ загружался в указанный фрейм, используется конструкция <i>target="frame_right" </i>, как показано в примере:</p> <h3>Пример: Ссылка на другой фрейм</h3> <ul><li>Попробуй сам »</li> </ul><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Ссылка на другой фрейм</title> </head> <frameset rows="100, *"> <frame src="frame_topic.html"> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html" name="frame_right"> </frameset> <noframes> <p>Ваш браузер не отображает фреймы</p>

    Плавающие фреймы

    Элемент

    Простому пользователю Интернета хочется, чтобы страницы сайтов были понятными и удобными к прочтению. Редко кто – то задумывается, как происходит структурирование данных. Этим вопросом озабочены веб – дизайнеры, что создают то изображение, которое в итоге пользователь видит на своем экране. Помощниками в этом деле выступают фреймы.

    Предназначение фреймов

    В буквальном понимании фрейм – это рамка вокруг изображения, окошко, граница. С помощью такого инструмента можно разграничить область страницы сайта на отдельные зоны, чтобы пользователю было легче просматривать информацию.

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

    Основная цель такого инструмента веб – дизайнера состоит в том, чтобы правильно рассчитать и разделить пространство страницы сайта на секции. Но в этом есть и свой минус. Когда использование фреймов переходит рациональные границы, то можно забрать слишком много пространства и сайт станет менее интересным и удобным.

    Принципы работы фреймов

    Чтобы легче было понять, как создаются и внедряются фреймы, их можно представить в виде ячеек таблицы. Содержимое каждой ячейки представляет собой отдельную полноценную веб – страницу. Особенностью такого метода является то, что располагаться эта страница может и отдельно (на другом сервере, каталоге и т.п.).

    Структура должна быть построена так, чтобы было понятно, где находится “начинка” каждого фрейма. Чтобы точно определить адрес каждого из них, присваивается индивидуальный URL.


    Алгоритм создания фреймовой структуры

    В зависимости от того, какую нагрузку будет нести сайт, особенности построения его страниц и степени сложности структуры, будет меняться и алгоритм создания фреймов.

    Существует стандартный перечень, который позволит более подробно разобраться, как же выстраивается эта структура:

    1. Сперва нужно определить, какой вид будет иметь страница, какой размер будет у фреймов.
    2. Обдумать их содержание.
    3. Разработать код с использованием тагов, которые будут нести определенную смысловую нагрузку. От них будет зависеть, сколько окон будет на экране, какой процент будет занимать каждое из них и т.д.
    4. Нужно заполнить пустые фреймы содержимым.

    Это лаконичное определение этапов. Каждый же уровень сопровождается большой совокупностью кодов и тегов, с которыми под силу совладать только веб – дизайнеру.


    Таги и атрибуты – важные составляющие фреймов

    Фреймовая структура невозможна без использования тагов и атрибутов. Вот некоторые из них, которые чаще всего используются в процессе:

    1. Таги для обрамления текста и компоновки фреймов. С их помощью вписывается информация о количестве, размерах и ориентации фреймов. Они имеют два атрибута. Первый позволяет установить число и размер строк на странице. Также указываются размеры в пикселях и процент от высоты экрана. Второй используется для построения столбцов.
    2. Таг, созданный для определения внешнего вида. Он имеет 6 атрибутов.

    Также существуют целевые фреймы, которые применяются в исключительных случаях. К таким можно отнести:

    1. Фрейм “blank”, который позволит документу загружаться в новом пустом окне.
    2. Инструмент “self” укажет на то, что документ будет размещен в том фрейме, где активирована ссылка.
    3. Фрейм “tор” разрешает документу появляться в другом окне вне фрейма.


    Для тех, кому чужд язык программирования, фреймы представляют собой нечто непонятное и труднодоступное. Но для веб – дизайнеров такой инструмент является базовым при создании привлекательных интернет – страниц. Если немного вникнуть в определение и функции этих помощников, то построение фреймовой структуры кажется уже не таким сложным делом.