 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Фреймы и ссылки
|
|
Настало время оживить наш сайт ссылками, да вот беда, знакомая нам обыкновенная ссылка <a href="text1.html">Бобы в горшочке по-итальянски</a> откроет данный документ в том же фрейме где она и находится, в нашем случае непосредственно в фрейме с содержанием, а само содержание в момент перехода по этой ссылки уйдёт в небытие..
..
Что бы впредь такого не происходило, необходимо указывать браузеру, в каком фрейме следует открывать необходимый нам документ.
Помнится мы уже знакомились, в главе посвящённой ссылкам, с атрибутами name - имя и target - цель. Применяются они также и при работе с фреймами, механизм немного изменён, а так почти тоже самое. Первым делом фрейму, в котором мы хотели бы открывать какие либо документы, необходимо присвоить индивидуальное имя.
пишется так:
<frame src="text.html" name="osnovnoe" > имя можно придумать любое..
А теперь в документе с ссылками (в нашем случае это файл menu.html)необходимо указать цель то есть собственно определить в каком окне стоит открывать тот или иной документ
Пишется так:
<a href="text1.html" target="osnovnoe" >Бобы в горшочке по-итальянски</a>
прежде чем ссылаться на какие либо документы, их необходимо создать.. в моём случае файлы (рецепты) имеют имена text.html, text1.html, text2.html…
Посмотрите пример:
Файл index.html
<html>
<head>
<title>фреймы</title>
</head>
<frameset cols="*,800,*" border="0">
<frame src="dekor.html" scrolling="no" noresize>
<frameset rows="120,*" border="0">
<frame src="logotype.html" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frameset cols="200,600" border="0">
<frame src="menu.html" noresize>
<frame src="text.html" name="osnovnoe" marginwidth="10" marginheight="10" noresize>
</frameset>
</frameset>
<frame src="dekor.html" scrolling="no" noresize>
</frameset>
</html>
Файл menu.html
<html>
<head>
<title>фреймы</title>
</head>
<body bgcolor="#e8e8e8" background="fon1.jpg" link="#b40000" alink="#900000" vlink="#900000">
<font face="Monotype Corsiva" size="6"color="#ff0000">Меню:</font><hr>
<font face="Comic Sans MS" size="3">
<a href="text.html" target="osnovnoe" >Суп из шампиньонов</a><hr>
<a href="text1.html" target="osnovnoe" >Бобы в горшочке по-итальянски</a><hr>
<a href="text2.html" target="osnovnoe" >Австралийский летний салат</a><hr>
.........
</font>
</body>
</html>
смотреть пример
Так же как и раньше документ можно открыть в отдельном окне. Напомню, пишется так:
<a href="text1.html" target="_blank" >Бобы в горшочке по-итальянски</a>
Или же присвоив атрибуту target значение _top открыть его в этом же окне браузера, но на весь экран.. "обнулив" при этом всё что бы там не находилось.. пишется так:
<a href="text1.html" target="_top" >Бобы в горшочке по-итальянски</a>
Такой вот сайтик получился.. конечно над ним ещё работать и работать.. к тому же по моёй задумке он будет иметь несколько иную структуру в плане навигации по сайту, в нем будет ёщё целая куча страниц, красивое меню, но что касается фреймовой структуры, думаю она останется прежней..
Дата публикования: 2014-11-04; Прочитано: 223 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
