Главная страница
Навигация по странице:


  • Верхний Фрейм

  • FRAME

  • Работа с фреймами

  • практическая №5. Практическая №5. Практическая работа 5 Теги html применяемые для создания фреймов


    Скачать 391.88 Kb.
    НазваниеПрактическая работа 5 Теги html применяемые для создания фреймов
    Анкорпрактическая №5
    Дата04.11.2021
    Размер391.88 Kb.
    Формат файлаpdf
    Имя файлаПрактическая №5.pdf
    ТипПрактическая работа
    #263075

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

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

    и

    , а в контейнере









    Полученный вариант:
    Как видно из данного примера, контейнер с атрибутом rows вначале создает два горизонтальных фрейма, но вместо второго фрейма подставляется еще один , который повторяет уже известную вам структуру из примера Чтобы не появилась вертикальная полоса прокрутки, и пользователь не мог самостоятельно изменить размер верхнего фрейма, добавлены атрибуты scrolling="no" и noresize.
    Пример 2. Создадим три HTML-документа header.html, menu.html и info.html, каждый из которых будет отображаться в отдельном фрейме
    Верхний Фрейм
    Меню
    Содержание

    Листинг документа header.html:


    Использование фреймов в HTML



    • Тег FRAMESET
    • Тег FRAME



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



    • Тег FRAMESET
    • Тег FRAME


    Листинг документа frame.html:


    Атрибуты тега FRAME


    Атрибуты тега FRAMESET










    <br>Ваш браузер не показывает фреймы.

    Изменим описание ссылок в документе menu.html:
  • TARGET="information">Тег
    FRAMESET

  • Тег FRAME
    Значением атрибута TARGET может быть одно из неявных имен фреймов. В HTML зарезервированы четыре неявных имени, начинающихся с символа подчеркивания (табл.3).
    Таблица 3.
    Не явное имя
    Назначение
    _blank
    Загружает документ в новое окно
    _self
    Загружает документ в текущее окно (по умолчанию)
    _parent
    Загружает документ в окно родительской фреймовой структуры
    _top
    Загружает документ в окно фреймовой структуры верхнего уровня по отношению к данному фрейму

  • Задание:
    1.
    Создайте документ Lab5.html с фреймовой структурой, представленной на рис. 1.
    Работа с фреймами
    30%
    Здесь будет выводиться текст
    50%
    Ссылка 1
    Ссылка 2
    Ссылка 3
    Ссылка 4 60 %
    50%
    10%
    Работа с фреймами
    Рисунок 1. – фреймовая структура документа
    2. Создайте документ new.html (рис. 6.5), который будет загружаться:
    - при выборе Ссылки 1 в правый фрейм;
    - при выборе Ссылки 2 в текущий фрейм;
    - при выборе Ссылки 3 в новое окно;
    - при выборе Ссылки 4 в текущее окно браузера, заменяя фреймовую структуру.
    3. Установите ширину и цвет рамок фреймов.
    4. Установите ширину полей нижнего фрейма.
    5. Установите значение атрибута FRAMEBORDER, равным YES.
    6. Добавьте полосы прокрутки для правого фрейма.
    7. Измените размеры фреймов путем перетаскивания их границ.
    8. Установите запрет на изменение размеров фреймов.
    Заархивируйте папку и сдайте на проверку.


    написать администратору сайта