Иногда возникает необходимость создать страницу с несколькими окнами,расположив в одном окне ссылки,а во втором окне содержание этих ссылок.Тогда нам пригодятся фреймы,это те же окна в теле документа.Расположив два а то и три разнофункциональных фрейма в браузере,можно значительно увеличить разную информацию в пределах страницы.
И все же часть вебдизайнеров отказываются от их применения,так как у них есть некоторые недостатки.Главный недостаток в том,что некоторые поисковые системы отказываются их регистрировать в своих каталогах,а так же то что в некоторых браузерах нет инструмента обрабатывающего фреймы,и вы можете ничего не увидеть на экране.
Но самые распространенные браузеры умеют с ними обращаться и обращаются поэтому мы рассмотрим на примерах как они создаются.Перед собой вы видите типичную страницу с двумя вертикальными фреймами.Что бы сделать страницу с горизонтальным расположением фреймов введите вместо атрибута "cols" атрибут "rows"
Запишем код этой страницы
| <html> <head> <title>Страница с двумя вертикальными фреймами</title> </head> <frameset cols=20%,80% frameborder="yes" framespasing="2"> <frame name="MenuFrame"src="MainMenu.html"> <frame name="MainFrame"src="Text1.html"> </frameset> |
и сохраним ее под именем frame.html Окно браузера разделено на две части.При открытии страницы будет загружаться файл HTML,который вы укажете в теге <frame name src="?">
Изменяемые атрибуты тега <frameset>
cols= вертикальное расположение фреймов
rows= горизонтальное расположение фреймов
frameborder= отображение рамки "yes"-да, "no"-нет
border= ширина рамки между фреймами
framespasing= расстояние между фреймами
bordecolor= цвет рамки между фреймами
Страница не содержит текста,здесь находятся ссылки на HTML файлы,которые загружаются при открытии страницы. Теперь необходимо создать второй HTML документ для отображения ссылок из первого фрейма
Вот код этой страницы.
| <html> <head> <base target=MainFrame> <title></title> </head> <body> <center><h3>Первый Frame</h3></center> <p> <a href="Text1.html">Первая страница второго фрейма</a></p> <p> <a href="Text2.html">Вторая страница второго фрейма</a></p> </body> </html> |
Сохраняем под именем MainMenu.html
Далее запишем файл text1.html.
| <html> <head> <title>Второй Frame</title> </head> <body> <center><h3>Второй Frame</h3></center> <p>Первая страница второго фрейма</p> </body> </html> |
Теперь напишем файл text2.html.Для наглядности при открытии второго документа сделаем цветную страницу
| <html> <head> <title>Второй Frame</title> </head> <body bgcolor="#FFFF7D"> <center><h3>Второй Frame</h3></center> <p>Вторая страница второго фрейма </p> </body> </html> |
Теперь посмотрим результаты нашей работы
Так же можно разбить страницу на 3 и на 4 фрейма
Данный пример сделан с помощью тегов HTML.Можно также сделать фреймы с помощью скриптового языка JavaScript. Посмотрите этот пример.
