Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

dimok.ru :: дизайн, верста, оптимизация для поисковых систем


Информационный Канал Subscribe.Ru


Центрирование с помощью фреймов (FRAME) - dimok.ru :: дизайн, верстка, продвижение сайта Rambler's Top100

Центрирование с помощью фреймов (<FRAME>)

Используя фреймы можно сделать так, чтобы сайт располагался по центру экрана. Одно время у профессиональных дизайнеров была мода на такие сайты. Суть способа заключается в том, что основная страница сайта, окруженная фреймами, оказывается в центре окна браузера.

Это можно сделать так:

<frameset cols="*,620,*" border="0" framespacing="0" frameborder="NO">
<frame src="blank.html" noresize scrolling="NO" frameborder="NO" marginwidth="0" marginheight="0">
<frameset rows="*,340,*" border="0" framespacing="0" frameborder="NO">
<frame src="blank.html" snoresize crolling="NO" frameborder="NO" marginwidth="0" marginheight="0">
<frame src="main.html" frameborder="NO" noresize marginwidth="0" marginheight="0">
<frame src="blank.html" noresize marginwidth="0" marginheight="0" scrolling="NO" frameborder="NO">
</frameset>
<frame src="blank.html" noresize marginwidth="0" marginheight="0" scrolling="NO" frameborder="NO">
</frameset>

Таким образом получается следующая структура страницы:

В самом простом варианте окружающие главную страницу фреймы являются пустыми файлами с фоном нужного цвета. Я использовал для всех одну единственную страничку (blank.html) ровно следующего содержания:

<html>
<head>
<title>Официальный сайт IRC канала #lover.ru</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body bgcolor="#524918" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

</body>
</html>

Вот результат (в полном размере его можно посмотреть по адресу http://dimok.ru/notes/less02.html):

Используя этот же прием можно создавать и более сложные страницы. Например:

Основная страница имеет куда более сложную структуру:

<html>
<head>
<title>Официальный сайт IRC канала #lover.ru</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<frameset cols="*,613,*" border="0" framespacing="0" frameborder="NO">
<frame src="blank.html" scrolling="NO" frameborder="NO" marginwidth="0" marginheight="0">
<frameset rows="*,29,280,84,*" border="0" framespacing="0" frameborder="NO">
<frame src="blank.html" scrolling="NO" frameborder="NO" marginwidth="0" marginheight="0">
<frame src="top.html" frameborder="NO" scrolling="NO" noresize marginwidth="0" marginheight="0">
<frameset cols="163,449,1" border="0" framespacing="0" frameborder="NO">
<frame src="left.html" frameborder="NO" scrolling="NO" noresize marginwidth="0" marginheight="0">
<frame src="main.html" frameborder="NO" scrolling="NO" noresize marginwidth="0" marginheight="0">
<frame src="right.html" frameborder="NO" scrolling="NO" noresize marginwidth="0" marginheight="0">
</frameset>
<frame src="bottom.html" frameborder="NO" scrolling="NO" noresize marginwidth="0" marginheight="0">
<frame src="blank.html" marginwidth="0" marginheight="0" scrolling="NO" frameborder="NO">
</frameset>
<frame src="blank.html" marginwidth="0" marginheight="0" scrolling="NO" frameborder="NO">
</frameset>

<noframes><body bgcolor="#FFFFFF">
Ваш браузер не поддерживает фреймы :(
</body></noframes>

</html>

Структура фреймов такова:

Работающую страничку можно увидеть по адресу http://dimok.ru/notes/less02/

Если у вас возникнут проблемы, вы можете задать любой вопрос в форуме или по электронной почте dimok@tula.net

 

Также на сайте

Тег Meta Keywords больше уже не важен для поисковых систем. Важен ли тег Meta Description? Или стал ли он менее важен?

Как правильно создавать ImageMap (карта изображения)

Динамическая панель навигации

Раскрашиваем полосы прокрутки

Как рождается идея?

Все права принадлежат Голополосову Дмитрию. 2000-2003. http://dimok.ru    dimok@tula.net


Rambler's Top100


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное