HTML за... 30 минут!
автор © Алексей Годовник
e-mail A.G. godovnik@mail.ru
§10 Фреймы
Фреймы придают вашей страничке особый шарм,
облегчают навигацию по сайту и вашу работу, если Вы решите внести изменения
в существующие файлы.
Я считаю, что это хорошо, когда каждый мой посетитель
может в любой момент попасть в любой раздел моего сайта. Но если файлов
много, и я решил добавить еще один, мне надо будеть добавить ссылки на
него во все уже имеющиеся. Нудная работа. Гораздо проще иметь все ссылки
в одном файле и держать его постоянно перед носом посетителя. В этом случае
при добавлении нового файла достаточно добавить всего одну ссылку на него
и доступ обеспечен из любого раздела. Этого то и можно добиться с помощью
фреймов.
Ваш основной файл index.htm приобретает следующий
вид:
<html>
<head>
Тут Ваш заголовок
</head>
<body>
<frameset
framespacing='0'
frameborder='1'
border='0'
cols="20%,*">
<frame name=leftframe
src="файл - оглавление">
<frame name=mainframe
src="начальная страница">
</frameset>
</body>
</html>
Страница делится на две части, в одну загружается
файл, содержащий ссылки на все странички Вашего сайта, в другую - страничка,
которую Вы хотите показывать первой. В приведенном примере страницы будут
расположены рядом. Если написать вместо cols rows,
они
будут одна над другой.
В параметрах cols
(rows) указываются
размеры окон, отводимые под фреймы. Их можно указывать либо относительно
окна браузера в процентах, либо в пикселях.
Вместо размеров можно поставить
звездочку '*'. Это означает, что Вы разрешаете браузеру автоматически определить
размер данного фрейма.
Умные люди советуют явно
указывать размеры одного окна (любого) а второе оставлять на растерзание
браузеру. В принципе, количество открываемых фреймов не ограничено. Вы
можете создать страничку из трех-четырех фреймов, один из которых, в свою
очередь, тоже будет содержать фреймы, которые...
Вот Вы все сделали как я
сказал, и обнаружили, что нажав на ссылку в фрейме - оглавлении,
новый файл грузится вместо оглавления, и его там почти не видно.
Чтобы эту бяку победить,
в файле - оглавлении в заголовке, то есть где-нибудь между <head>
и </head>
вставляете строчку
<base target="mainframe">
Теперь, нажав на ссылку
в оглавлении, новая страничка будет грузиться в основной фрейм, что нам
и надо.
Немного о правилах хорошего
тона.
Пока Вы водите посетителя
по разным страничкам своего сайта, либо отправляете его туда, откуда он,
скорее всего, вернется, все нормально. Новые документы открываются в основном
фрейме и оглавление всегда на виду. Но если, нажав на какую-либо ссылку,
предполагается, что вернется он не скоро, то чтобы Ваше оглавление не мозолило
зря глаза, вызывая бешенство, немножко измените эти ссылки и запишите их
вот так
<a
target=_top
href="URL">
описание ссылки
</a>
Обратите внимание
- перед top
стоит знак "нижнее подчеркивание".
Теперь новые документы
будут занимать все окно браузера и никто не будет Вас яростно материть.
Два года назад, когда я
всего этого не знал, я как-то посетил одну за другой несколько некорректно
написанных страничек. В итоге получилось черт знает что и я расколошматил
свою мышку, так и не увидев ту страничку, на которую зашел последней.
Такое часто получается
при посещении сайтов, использующих службу редиректа, либо расположенных
на серверах, которые при выдаче документа добавляют к нему фрейм со своей
рекламой, где расположена эта страничка. Если Вы попадете в схожую ситуацию, чтобы
выкарабкаться, не идите по ссылкам просто так - вдруг они
Вас не спасут, а щелкните по ним правой кнопкой и скопируйте адрес, а затем
вставьте его в окно адреса браузера - и в путь. Еще нюанс.
Если Вы увидели отличную страничку и захотели добавить ее в избранное,
а она состоит из фреймов, Вы скорее всего сохраните совсем не тот адрес,
что Вам нужен.
Ну вот, теперь Вы можете
попробовать что-нибудь смастерить.
Я писал это пособие целых
5 часов почти без перекуров и надеюсь, что хоть кому-то оно поможет. Если
я плохо раскрыл какую-либо тему, либо Вы хотите узнать что-то еще, или
где-то у меня вкрались ошибки-опечатки, пишите в гостевую книгу и домой.
Может, я еще и продолжение напишу.
В заключение я скажу то,
что говорят все авторы подобных учебников.
Увидев где-то интересный
эффект на страничке, не стесняйтесь и копируйте его.
Немного освоившись, Вы захотите
понавешать себе разных фенечек. Большинство из них выполнены в виде
скриптов. Напоследок о том, как вставить скрипт в документ.
Java-скрипт, как правило,
имеет следующий вид:
<script language = "JavaScript">
<!--
тут потом много чего написано
//-->
</script>
...
<активация скрипта>
Так вот, умные люди, писавшие
спецификацию HTML, советуют все, что написано между
<script>
и
</script>, размещать внутри заголовка,
то есть где-то перед самым тегом
</head>
Если автор скрипта забыл написать
<!--,
или --> после //
, но перед </script>, не поленитесь и допишите.
Тогда те, у кого браузер не поддерживает Javascript, не получат белиберду
на экран и не будут плеваться, упорно отказываясь редактировать якобы имеющиеся
на странице ошибки.
Чтобы вставить апплет, напишите в нужном месте
что-нибудь вроде
<applet
codebase = "url"
code = "applet.class"
alt = "***"
name= "***"
width = "***"
height = "***"
align = "***"
</applet>
Здесь code
- имя файла с апплетом (*.class),
а codebase
- путь к каталогу, где он расположен. Если он хранится на вашем
сайте в том же каталоге, что и вызывающий файл, можно опустить. Остальное
по аналогии с рассказывавшимся ранее, и обращайтесь с апплетами как с обычными
картинками.
вверх
<<< Как делать таблицы?
Дополнительные сведения >>>