Вы уже умеете создавать простые фреймы. Теперь пришло время показать вам как создать более сложный фрейм. Выглядеть это будет так:
А код будет выглядеть так:
Напишите этот код в блокноте. Сохраните в index.html.
<html>
<head>
<title>Создание простого фрейма.</title>
<frameset rows="100,*">
тут мы разбили на строки. Фрейм будет размером в 100 пикселей.
<frame name="logo" target="main"src="mlogo.html">
сразу устанавливаем страничку для этого фрейма
<frameset cols="100,*">
тут мы на другой строке делаем еще фрейм, но только делаем теперь 2 ячейки
<frame name="menu" target="main" src="menu.html">
<frame name="main" src="main.html">
тут мы устанавливаем для ячеек странички
</frameset>
</frameset>
</head>
</html>
Создайте main.html и напишите там все что душе угодно.
Создайте logo.html и напишите там следующий код:
<html>
<head>
<title>Меню</title>
</head>
<body bgcolor="#000000" link="white" vlink="yellow" alink="green">
<a href="ссылка" target="main">Урок 1</a> <a href="ссылка" target="main">Урок 2</a> 
<a href="ссылка" target="main">Урок 3</a> <a href="ссылка" target="main">Урок 4</a> 
<a href="ссылка" target="main">Урок 5</a>
</body>
</html>
Создайте menu.html и напишите там следующий код:
<html>
<head>
<title>Меню</title>
</head>
<body bgcolor="#000000" link="white" vlink="yellow" alink="green">
<a href="ссылка" target="main">Урок 1</a><br><a href="ссылка" target="main">Урок 2</a><br>
<a href="ссылка" target="main">Урок 3</a><br><a href="ссылка" target="main">Урок 4</a><br>
<a href="ссылка" target="main">Урок 5</a>
</body>
</html>
Сохраните все странички в папку с index.html. Посмотреть пример.
А теперь попробуйте сами написать код вот к такому расположению .
Те, кто не смог, нажмите сюда.
| <html> <head> <title>Создание простого фрейма.</title>
<frameset cols="100,*">
<frameset rows="100,*"><frame name="logo" target="main"src="mlogo.html">
<frame name="menu" target="main" src="menu.html"> </frameset>
<frame name="main" src="main.html">
</frameset>
</head> </html>
|
Остался последний урок. И наверное из уроков по фреймам самый легкий