GVMproject.info-бесплатные программы, скрипты, шаблоны
Руководство по html

Фреймы

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

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

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

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

< html >
< head >
< title > Хождение по фреймам < /title >
< /head >
< /html >

На первый взгляд - вполне стандартное начало, только вот... опа! нет тэга body! И это не ошибка, фрейм-документ не содержит тэга body, такого обязательного в других случаях.

Что ж, не будем грустить о тэге body, и найдем ему вполне достойного заместителя:

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset > < /frameset >
< /head >
< /html >

Здравствуйте Frameset, какое красивое имя, говорят, что вы решили изменить кое-что в жизни нашего сайта и ввести фреймы :), очень приятно, мы всегда рады новым и практичным решениям.

Теперь надо найти frameset достойных помощников и задать ему некоторые жизнено необходимые параметры.

Прежде, чем что-нибудь предпринимать дальше, надо решить по какому принципу мы будем размещать наши документы, и вообще, какие документы мы будем показывать посетителю одновременно. Предлагаю классический вариант - logo.html, menu.html, content.html - о котором я упоминала в предыдущей главе.

Расположить мы можем это по разному, вот для примера четыре варианта из множества возможных:



Итак, сначала создадим такой вариант:

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset rows="100,*,150" >
< frame src="logo.html" >
< frame src="content.html" >
< frame src="menu.html" >

< /frameset >
< /head >
< /html >

Теперь мне следует объясниться...

Начнем с параметра rows - в нашем примере это выглядит так: rows="100,150,*" - а если перевести, то мы получим следующее - "... наш документ делиться на несколько рядов (строк). Высота первого ряда - 100 пикселов, третьего - 150, а второй занимает все оставшееся пространство", - полагаю, здесь должно быть все ясно.

Тэг frame сообщает броузеру какие же документы у нас будут в каждом ряду (строке). В нашем случае: первый ряд - logo.html (документ с логотипом), второй ряд - займет документ с непосредственным содержанием (content.html), а третий - меню. Если вы хотите, чтобы меню было во втором ряду, то вам следует поменять его местами с content.html

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset rows="100,*,150" >
< frame src="logo.html" >
< frame src="menu.html" >
< frame src="content.html" >

< /frameset >
< /head >
< /html >

Посмотрите что у нас получилось. Опаньки... Поменять-то мы их местами - поменяли, а вот теперь надо задать новые значения параметру rows, чтобы меню у нас снова занимало только 150 пикселов по высоте, а содержание - все остальное:

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset rows="100,150,*" >
< frame src="logo.html" >
< frame src="menu.html" >
< frame src="content.html" >
< /frameset >
< /head >
< /html >

Вот теперь другое дело:) Все-таки от перемены мест слагаемых кое-что меняется...

Эту главу мы начнем с небольшого фокуса: замените параметр rows, на cols -

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset cols="100,150,*" >
< frame src="logo.html" >
< frame src="menu.html" >
< frame src="content.html" >
< /frameset >
< /head >
< /html >

Ну-ка, посмотрите наш пример. Ловкость рук и никакого мошенства :)

Параметр cols делит окно нашего броузера не на ряды, а на колонки. Давайте переведем это - cols="100,150,*": "...наш документ теперь делится на колонки. Первая колонка имеет ширину - 100 пикселов, вторая - 150, а третья занимает все оставшееся место".

Кстати, мы получили еще один из четырех вариантов, которые собирались сделать:



Итак, подведем итоги. Мы можем делить окно нашего броузера либо на ряды, либо на колонки, с помошью параметров тэга < frameset > Cols и Rows. Другого способа деления не существует. Одновременно эти параметры использовать нельзя.

При помощи rows мы разбиваем окно на ряды и задаем какую высоту будет иметь каждый ряд, при помощи cols разбиваем окно на колонки и задаем какую ширину будет иметь каждая колонка.

Кстати, ширина и высота могут задаваться не только в пикселях, но и в процентах от общей ширины (высоты) окна:

< frameset cols="10%,15%,75%" >

Помните, что в сумме это все должно равняться 100%. А то бывают же умники...

Разберемся, как расположить документы в окне следующим образом:

или

В предыдущей главе я сказала, что мы можем делить окно только на ряды или колонки. Тогда как же расположить наши документы в окне так, как указано на рисунках? А разве я говорила, что ряд в свою очередь нельзя разбить на несколько колонок, а колонку на несколько рядов? Нет, не говорила :Ъ.

Начнем с первого рисунка:



Каким образом мы будем делить окно? - На ряды. В первом ряду у нас будет располагаться logo.html, а второй ряд мы поделим на две колонки, в которых будут располагаться документы menu.html и content.html.

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset rows="100,*" >
< frame src="logo.html" >
< ??? >
< /frameset >
< /head >
< /html >

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

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset rows="100,*" >

< frame src="logo.html" >
< frameset cols="150,*" >
< frame src="menu.html" >
< frame src="content.html" >
< /frameset >


< /frameset >
< /head >
< /html >

Для тех, кто не уследил за движениями моих рук, поясняю. Первый ряд мы оформили как положено, при помощи тэга frame. Во втором ряду на сцену выгодит тэг < frameset > < /frameset > .

С помощью параметра cols тэга < frameset > < /frameset > мы делим второй ряд на две колонки (первая шириной 150 пикселов, вторая по ширине занимает все оставшееся пространство). А тэги < frame > , которые содержит < frameset > < /frameset > определяют какие документы будут показаны в колонках (menu.html и content.html).

Теперь разберем вариант, изображенный на втором рисунке:



Здесь мы будем делить окно на колонки. Вторая колонка будет содержать в себе документ content.html (содержание), а первую колонку мы разобьем на два ряда, и поместим в них документы logo.html и menu.html.

< html >
< head >
< title > Хождение по фреймам < /title >
< frameset cols="100,*" >

< frameset rows="100,*" >
< frame src="logo.html" >
< frame src="menu.html" >
< /frameset >
< frame src="content.html" >

< /frameset >
< /head >
< /html >

Вот так. Ничего сложного здесь нет:)

-----------------------------


Страниц : # « 12 13 14 15 16 17 18 19 20 » #
TEXT +   TEXT -   Печать Опубликовано : 20.12.09 | Просмотров : 49960 | Ваша оценка

Введите слово для поиска :
Популярные файлы
- скрипт форума phpBB2
- Скрипт MLM пирамиды
- Nvu 1.0 визуальный редактор
- Java скрипты
- auto URL submit программа для регистрации сайта в каталогах
- PHP скрипт обменного пункта
 
Популярные статьи
- учебник вебмастеру
- Руководство по html
- Cascading Style Sheets (Таблицы Каскадных Стилей)
- Дорвеи и поисковые системы.
- Клоакинг
 
Реклама

##
##
##
 
Услуги
 
статистика
Поздравления с Новым годом

Яндекс.Метрика
 
RSS

 
В начало страницы © 2018 www.gvmproject.info CMS Danneo (некоммерческий продукт) - это бесплатная, c открытым исходным кодом система управления сайтами. Разработана на языке программирования PHP и может работать почти на любой платформе(хостинг площадке), используя в качестве базы данных MySQL. Поддерживает SEO-frendly, RSS 2.0 - каналы и Yandex-news, Google SiteMap, экспорт контента с помощью JavaScript и многое другое. А базовая комплектация позволяет построить сайт почти любой сложности и дизайна и эффективно им управлять.Распространяется в соответствии с GNU General Public 2