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

Фреймы - просто и эффективно

Читайте также:
  1. III. Формы борьбы и эффективность действий антиглобалистов.
  2. Анализ затрат с целью их контроля и регулирования.4. Комплексная оценка эффективности хозяйственной деятельности.
  3. Анализ неэффективного использования времени
  4. Анализ состояния и эффективности использования основных фондов.
  5. Анализ эффективности использования основных средств
  6. Анализ эффективности использования трудовых ресурсов
  7. Анализ эффективности сбережения стоимости денежных средств на базе депозитных вкладов
  8. Блюз, просто блюз
  9. Бух.учет операций по договору простого товарищества. ПБУ 19/02
  10. В его глазах искрились золотые огоньки. Его просто трясло, так сильно он переживал и был одновременно рад слышать родной голос.
  11. В якому реченні присудок вживається в заперечній формі у простому минулому часі ?
  12. Влияние культуры на организационную эффективность.

Экран браузера можно разбить на части, например разделить на две половинки. При этом каждая из частей - полноценный HTML документ. Но для работы потребуется специальная (мастер) страница, которая будет управлять выводом фреймов на экран. Мастер страницу можно представить как функцию, которая определяет, что, куда и как идет.

Разберем на примере (сохраните этот файл как index.htm):

<HTML>

<HEAD>

<TITLE>Пример мастер страницы

</TITLE>

</HEAD>

<!-- Метки BODY

в мастер странице нет -->

<!--Разбиваем экран на две горизонтальные

(ROWS) строки, верхняя 100 пикселей, нижняя

- все остальное-->

<FRAMESET ROWS="100,*">

<!--Внутрь верхней части загружаем документ

3.htm-->

<FRAME SRC="3.htm">

<!--Нижнюю часть экрана делим на две колонки:

левую, шириной 180 пикселей и правую-

все остальное пространство-->

<FRAMESET COLS="180,*">

<!--В левую колонку вставляем

файл 1.htm-->

<FRAME SRC="1.htm">

<!--В правую колонку загружаем

файл 2.htm-->

<FRAME SRC="2.htm">

<!--Закрывающая метка для разбиения

по горизонтали-->

</FRAMESET>

<!--Закрывающая метка верт -->

</FRAMESET>

</HTML>

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

<HEAD>

<TITLE>

Личная страница Иванова И.

</TITLE>

</HEAD>

<BODY>

<H2>The HOME PAGE Ivanov Ivan</H2>

</BODY>

</HTML>

Сохраните его как 3.htm и создайте еще два: 2.htm и 1.htm. Исходные тексты здесь:

<HEAD>

<TITLE>

Личная страница Иванова И.

</TITLE>

</HEAD>

<BODY>

Список ресурсов (ссылки)

</BODY>

</HTML>

Сохраните как 2.htm и создайте 1.htm:

<HEAD>

<TITLE>

Личная страница Иванова И.

</TITLE>

</HEAD>

<BODY>

Документ находится в стадии разработки

</BODY>

</HTML>

Попробуйте мастер (index.htm) страницу еще раз. Как не странно все прекрасно работает. Обращаю внимание, что метка <FRAME> непарная
Кроме страниц мы можем помещать во фреймы и рисунки (изображения), замените в предидущем примере <FRAME SRC="2.htm"> на <FRAME SRC="sHarm.jpg"> и вместо странички будет показываться рисунок поисковой системы "АУ". Всегда старайтесь определить размер рисунка немного меньше, чем размер фрейма с помощью параметров WIDTH=ххх и HEIGHT=ххх так как здесь: <FRAME SRC="sHarm.jpg" WIDTH=81 HEIGHT=45>.
Теперь попробуем использовать несколько дополнительных параметров при работе с фреймами, начнем с изменения мастер-страницы:

<HTML>

<HEAD>

<TITLE>Пример2 мастер-страницы

</TITLE>

</HEAD>

<!-- выключим рамку фрейма

для всех FRAMESET -->

<FRAMESET ROWS="100,*"

FRAMEBORDER=NO>

<FRAME SRC="3.htm">

<FRAMESET COLS="180,*"

FRAMEBORDER=NO>>

<FRAME SRC="1.htm">

<FRAME SRC="2.htm">

</FRAMESET>

</FRAMESET>

</HTML>

Обязательно сохраните изменения и просмотрите index.htm в браузере (кнопка "обновить") - рамки исчезнут благодаря FRAMEBORDER=NO>.
Мы можем загружать страницы в определенное окно (фрейм), для этого сначала обозначим (назовем) фрейм, в который загружался файл 1.htm - замените строку FRAME SRC="1.htm" на FRAME SRC="1.htm" NAME="OKNO-1" данным мы сказали браузеру этот фрейм (окно) - "OKNO-1", по умолчанию поместить туда файл 1.htm. А теперь изменим наш файл со ссылками - 2.htm, введем ссылку для загрузки рисунка в окно "OKNO-1":

<HEAD>

<TITLE>

Личная страница Иванова И.

</TITLE>

</HEAD>

<BODY>

Список ресурсов (ссылки)<BR>

<A HREF="sHarm.jpg" TARGET="OKNO-1">рисунок1</A>

</BODY>

</HTML>

Сохраните изменения в файле 2.htm и обновите мастер страницу. В окне появилась ссылка, при нажатии на которую рисунок загружается в определенную нами часть экрана. Думаю такой "эффект" Вы частенько встречаете при просмотре самых разных сайтов. Замените ссылку на рисунок адресом WWW сервера и его страничка тоже "попадет" в ваше "OKNO-1".
Для загрузки обьекта в "новое" окно браузера применяйте TARGET="_blank"
Для загрузки обьекта в "полное" окно браузера применяйте TARGET="_top"
В заключении главы обращаю внимание, на то, что "_top" и "_blank" вводятся строчными буквами.
К содержанию


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |

Поиск по сайту:

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