КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Удаление рамок между фреймами
|
|
|
|
Фреймы
Фреймы позволяют открыть в окне браузера - не один, а сразу несколько документов. Допустим,
- документ menu.html содержит меню,
- logo.html содержит логотип и шапку страницы,
- content.html – документ с непосредственным содержанием сайта.
Для того чтобы браузер показал одновременно несколько документов, надо создать специальный фрейм-документ.
Создадим документ index.html.
Фрейм-документ не содержит тэга body, обязательного в других случаях:
<html>
<head>
<title> Страница с фреймами </title>
<frameset></frameset>
</head>
</html>
| logo |
| content |
| menu |
| logo | |
| menu | content |
Существует несколько вариантов расположения WEB-документов в окне браузера:
| logo | menu | content |
| logo | content |
| menu |
| logo |
| content |
| menu |
<html>
<head>
<title> Страница с фреймами </title>
<frameset rows="100,*,150" >
<frame src="logo.html">
<frame src="content.html">
<frame src="menu.html">
</frameset>
</head>
</html>
Параметр 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:
| logo | menu | content |
<html>
<head>
<title> Страница с фреймами </title>
<frameset cols ="100,150,*">
<frame src="logo.html">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</head>
</html>
Параметр cols делит окно браузера не на ряды, а на колонки. Первая колонка имеет ширину 100 пикселов, вторая – 150, а третья занимает все оставшееся место".
Ширина и высота могут задаваться не только в пикселях, но и в процентах от общей ширины (высоты) окна:
Следующий вариант расположения. В первом ряду будет располагаться logo.html, а второй ряд мы поделим на две колонки, в которых будут располагаться документы menu.html и content.html.
| logo | |
| menu | content |
<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>
С помощью параметра cols тега <frameset></frameset> мы делим второй ряд на две колонки (первая шириной 150 пикселей, вторая по ширине занимает все оставшееся пространство).
Следующий вариант расположения.
Будем делить окно на колонки. Вторая колонка будет содержать документ content.html, а первую колонку разобьем на два ряда и поместим в них документы logo.html и menu.html.
| logo | content |
| menu |
<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>
Удаление полосы прокрутки (скроллинга) во фрейме с logo.html.
<html>
<head>
<title> Страница с фреймами </title>
<frameset cols="100,*">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no" >
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</head>
</html>
Scrolling – параметр тега <frame>. Он может принимать несколько значений:
- no – не будет полосы прокрутки;
- yes – полоса прокрутки будет всегда;
- auto – полоса прокрутки появиться только тогда, когда она нужна.
Для этого используем параметр border ="0".
<html>
<head>
<title> Страница с фреймами </title>
<frameset cols="100,*" border="0" >
<frameset rows="100,*">
<frame src="logo.html" scrolling="no">
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</head>
</html>
|
|
|
|
|
Дата добавления: 2014-12-27; Просмотров: 370; Нарушение авторских прав?; Мы поможем в написании вашей работы!