Фреймы - Урок 1


В этом учебнике нам будут необходимы несколько html документов. Запустите Notepad и скопируйте следующее для начала.

<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Дадим каждому документу имя.

<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Lisa
</BODY>
</HTML>

Создайте новую папку, где-нибудь и сохраните, это как lisa.html (пользователи Windows 3.x сохраняют это как lisa.htm).

Замечание - Мы будем делать ссылки на документы как xxxx.html. Пользователи Windows 3.x будут должны использовать расширение файла .htm при работе с документами локально. Многие программы FTP позволяют Вам изменять имя файла при передаче, если Вам необходимо.

Теперь сделайте другой html документ.

<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Terri
</BODY>
</HTML>

Сохраните его в той же самой папке как terri.html.

Теперь сделайте то же самое для Kim, Tina, Shannon, и Beth. Сохраните их точно так же как и другие. Вы теперь имеете папку, в которой содержится 6 полных автономных html документов.


Хорошо, теперь сделаем вашу Мастер Страницу. Начните с этого...

<HTML>
<HEAD>
<TITLE>My Framz Page- The Master Page</TITLE>
</HEAD>

<BODY>
</BODY>

</HTML>


Удалите метки <BODY> . Они не используются в Мастер Странице...

<HTML>
<HEAD>
<TITLE>My Framz Page- The Master Page</TITLE>
</HEAD>

</HTML>


Мастер Страница использует вместо них метки <FRAMESET>.

<HTML>
<HEAD>
<TITLE>My Framz Page- The Master Page</TITLE>
</HEAD>

<FRAMESET>
</FRAMESET>

</HTML>


Чтобы сосредоточиться на основном, мы не будем записывать метки <HTML>, <HEAD> и <TITLE>. Разумеется, Вы сохраняете их в вашем документе.

<FRAMESET>
</FRAMESET>

Теперь самое время сохранить документ. Сохраните его в вашей папке (со всеми документами с именами девушек) как index.html. Если Вы попробуете открыть его вашим браузером, то он будет пустым. Все, что Вы пока сказали - "Это - моя Мастер Страница".


Теперь давайте начнем определять вид. Сообщим браузеру разделить основное окно на 2 колонки, каждая расположена в пределах 50 % окна..

<FRAMESET COLS="50%,50%">
</FRAMESET>

Они все еще будут пустыми, мы должны выполнить еще одну операцию прежде, чем наша система станет функционировать.


Мы должны сообщить браузеру, что поместить в каждый фрейм.

<FRAMESET COLS="50%,50%">
  <FRAME SRC="lisa.html">
  <FRAME SRC="terri.html">
</FRAMESET>

Одно последнее замечание прежде, чем мы продолжим. Обратите внимание, что <FRAMESET> - метка контейнер, а <FRAME> нет. Метка контейнер имеет открывающуюся <МЕТКУ> и заключительную </МЕТКУ>.

<--ОБРАТНО        ДАЛЕЕ-->

Введение Урок 1 Урок 2 Урок 3 Урок 4 Урок 5 Урок 6 Урок 7
Таблицы, Формы и Итак, Вы хотите построить Web Страницу!