Атрибуты для фреймов

Прежде, чем мы познакомимся с iframe, давайте разберём ещё несколько дополнительных атрибутов для фреймов.
Для тэга <frame> можно задать ещё несколько дополнительных атрибутов:

Scrolling – регулировка полосы прокрутки во фрейме. Может принимать несколько значений:
   - no — это значит совсем не будет полосы прокрутки, ни при каких обстоятельствах;
   - yes — это значит полоса прокрутки будет всегда;
   - autoполоса прокрутки появится только тогда, когда она нужна;
Noresize – запрет на изменение границ фрейма;
Border – толщина рамки вокруг фрейма;
Marginwidth — ширина полей фрейма;
Marginheight — высота полей фрейма.

Давайте вставим все эти значения в наш документ html:

<html>
<head>
<title>работа на дому</title>
</head>
<frameset rows="150, *, 100" border="1">
<frame src="ссылка на шапку сайта"
scrolling="no" noresize>
<frameset cols="20%,*">
<frame src="ссылка на меню"
scrolling="no" noresize>
<frame src="ссылка на основной контекст"
scrolling="avto" noresize>
</frameset>
<frame src="ссылка на подвал сайта"
scrolling="no" noresize>
</frameset>
</html>

посмотреть результат

Можно сказать, что шаблон страницы готов.

Теперь создаём отдельные HTML документы для каждого фрейма (как это сделать я описывал в предыдущих разделах), выбираем хостинг, закачиваем туда наши созданные HTML документы, получаем электронные адреса наших документов и вставляем эти адреса в наш шаблон. Всё довольно таки просто.

Хочу Вас также познакомить ещё с одним тэгом, относящимся к фреймовой структуре. Это плавающий или встроенный фрейм IFrame. Он даёт возможность вставлять один html-документ в другой html-документ. Код html этого тега выглядит так <iframe></iframe>. Как видите, он сделан, как и многие тэги в виде контейнера, в котором есть открывающий <iframe> тэг и закрывающий </iframe> тэг. Пример написание кода с использованием IFrame смотрите ниже:

<IFRAME src=»путь к документу html» width=»300″ height=»250″ scrolling=»auto» frameborder=»1″ align=»left»></IFRAME>

В примере видно, что у тега <iframe>, как и у фреймов есть ряд параметров:

align – выравнивание фрейма по краю. Значения те же, что и для тега img;
frameborder – указывает отображать или нет границы встроенного фрейма, возможные значения 1 (да, отображать) и 0 (нет, не отображать);
height – высота вставленного фрейма;
scrolling – способ отображения полосы прокрутки во фрейме;
vspace – вертикальный отступ от фрейма до окружающего контента;
width – ширина вставленного фрейма;
name – имя фрейма.

Пример написания кода сайта html в iframe:

<html>
<head>
<title>работа на дому</title>
</head>
</head>
<body>  
<iframe src="путь к документу html" 
width="300" height="250" scrolling="auto" 
frameborder="1" align="left"> 
</iframe>
</body>
</html>

посмотреть результат

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

На этом я заканчиваю свою эпопею о фреймах и перехожу к повествованию о создании сайта с помощью таблиц HTML.

Поделиться в соц. сетях

Атрибуты для фреймов
Атрибуты для фреймов
Атрибуты для фреймов
Атрибуты для фреймов
Атрибуты для фреймов
Атрибуты для фреймов

Оставить комментарий

http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика