-Рубрики

 -Всегда под рукой

Поиск по блогу
Яндекс

 -Приложения

  • Перейти к приложению Скачать музыку с LiveInternet.ru Скачать музыку с LiveInternet.ruПростая скачивалка песен по заданным урлам
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.01.2012
Записей:
Комментариев:
Написано: 440


Ступенька 36-ая.

Вторник, 07 Февраля 2012 г. 11:53 + в цитатник

Учебник по Html для чайников. Фреймы.

Ступенька 36-ая.

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

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



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

Т.к. документы, которые мы размещаем во фреймах независимые, то соответственно каждый документ может содержать в себе что угодно (и текст, и картинки, и таблицы). Почему я особо оговариваю этот момент: некоторые неразумные читатели почему-то воображают, что фреймы – это альтернатива таблицам. ЭТО НЕ ВЕРНО!

Итак, сначала создадим такой вариант (предварительно не забудьте создать обычные *.html документы с логотипом, меню и основным содержанием):



 

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

</frameset>
</html> (посмотреть)


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

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

 



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

</frameset>
</html> (посмотреть)


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

 



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


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

 
Рубрики:  Учебник по Html для чайников
Ступенька 1 - "Основной инструментарий, учимся работать руками". Ступенька 2 - "Что такое тэги?". Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?" Главная / Html / Оглавление учебника по Html Учебник по Html для чайников - Оглавление Инструментарий. Основные понятия. Ступенька 1 - "Основной инструментарий, учимся работать руками". Ступенька 2 - "Что такое тэги?". Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?" Простейшие. Ступенька 4 - "Раскрась сам. Изменяем цвет текста". Ступенька 5 - "Как изменять цвет фона страницы. Немного об этике цветов". Ступенька 6 - "Параграфы и DIV. Учимся выравнивать текст". Ступенька 7 - "Что такое заголовки и как задавать размер буковок". Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие". Ступенька 9 - "Стандартные шрифты. Как прописать свой шрифт". Ступенька 10 - "Что такое путь? Как вставлять картинки". Ступенька 11 - "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.". Ступенька 12 - "О любителе сосисок и принудительном прерывании обтекания текстом картинки". Ступенька 13 - "Ссылка и как с нею бороться". Ступенька 14 - "Ссылка на е-майл. Подсказка к текстовой ссылке". Ступенька 15 - "Может ли картинка быть ссылкой". Ступенька 16 - "Куда податься, на что ссылаться. Новое окно при нажатии на ссылку". Ступенька 17 - "Карты. Как часть картинки сделать ссылкой". Ступенька 18 - "Карты. Как часть картинки сделать ссылкой 2". Ступенька 19 - "Карты. Как часть картинки сделать ссылкой 3". Ступенька 20 - "Закладка. Как сделать ссылку внутри документа". Таблицы. Ступенька 21 - "Учимся создавать таблицы". Ступенька 22 - "Учимся создавать таблицы" продолжение. Ступенька 23 - "Таблицы, вертикальное выравнивание (valign)". Ступенька 24 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)". Ступенька 24-2 - "Дополнительная глава. Ответы на домашнее задание". Ступенька 25 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством". Ступенька 26 - "Вложенные таблицы и некоторые нюансы". Ступенька 27 - "О рамках таблиц, и брюзжание о таблицах напоследок". Ступенька 28 - "Создаем простой сайт с таблицами". Дополнительные. Ступенька 29 - "Спецсимволы, или головная боль". Ступенька 30 - "О линиях. Просто и полезно". Ступенька 31 - "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight". Ступенька 32 - "О списках. Неупорядоченные списки". Ступенька 33 - "Упорядоченные списки. Ремарка: что такое спецификация и консорциум". Ступенька 34 - "Cпецифические тэги, бегущая строка текста". Фреймы. Ступенька 35 - "Вступление. Зачем они (фреймы) нужны." Ступенька 36 - "Учимся создавать фреймы". Ступенька 37 - "Учимся создавать фреймы" продолжение. Ступенька 38 - "Учимся создавать фреймы" продолжение. Ступенька 39 - "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма". Ступенька 40 - "При нажатии на ссылку документ открывается в другом фрейме, в полное окно". Ступенька 41 - "Последняя глава о фреймах. Что такое IFrame". Объекты, скрипты и другие средства, чтобы оживить наш документ. Ступенька 42 - "Немного об объектах. Вставка объектов в наш документ при помощи тэга OBJECT". Ступенька 43 - "Вставка объектов в наш документ при помощи тэга EMBED. Разница между OBJECT и EMBED". Ступенька 44 - "Что такое таблицы стилей и для чего они нужны (CSS - Cascading Style Sheets)". Ступенька 45 - "Как внедрять таблицы стилей (CSS) в наш документ". Ступенька 46 - "Что такое скрипты. Как внедрять скрипты в html-документы". Формы. Ступенька 47 - "Формы. Введение в тему". Ступенька 48 - "Элементы формы. Создание простой формы". Ступенька 49 - "Элементы формы. Создание формы поиска". Ступенька 50 - "Элементы формы. Создание опроса".
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку