Пример создания Web – страницы
Введите в текстовом редакторе Блокнот (Notepad) основные теги, определяющие структуру любых HTML – файлов.
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
На основе, полученной заготовки создадим Web-страницу г.Казани
<html>
<head>
<title>Web-страница г.Казани</title>
</head>
<body bgcolor=blue text =yellow >
<h1 align=center>Добро пожаловать на нашу страничку</h1>
<center><a href=”spisok.html”><img src=logo.gif border=1></a></center>
<p style=”font-weigt: bold; font-style: italic; font-size: 150%; text:align: center”> Здесь Вы узнаете<a href=”spisok.html”> о нашем городе </a></p>
</body>
</html>
Созданный файл сохраните под именем Kazan.html
Создадим список наших возможностей
<html>
<head>
<title>Каков наш город</title>
</head>
<body bgcolor=aqua text=navy>
<h1 align=center>Город Казань</h1>
<ul>
<li> Это красивый город на берегу Волги
<li>Городу исполнилось 1000 лет
<li>Богатая история: Толстой, Пушкин, Лобачевский, Бутлеров, Тукай
<li>В городе развита промышленность: авиационная, машиностроительная, химическая, легкая
<li>Город вузов: КГУ, КГТУ-КАИ, КГТУ-КХТИ, КИСИ, ЭУ, Сельхоз-академия и др.
</ul>
<p align=center>Если у Вас есть вопросы или предложения, напишите нам:</p>
<form action=”mailto: kazan@narod.ru” metod=post>
<center><texarea rows=5 cols=40 name=Comments></texarea></center>
<p><center><input type=submit value=”Отправить”></center></p>
<p><center><a href=”kazan.html”>На первую страницу</a></center>
</form>
</body>
</html>
Сохраните данный файл под именем Spisok.html
4.Создадим меню в виде таблицы
<html>
<head>
<title>Меню</title>
</head>
<body bgcolor=silver>
<table border=1 width=140>
<tr><th><a href=”Kazan.html” target=”kadr”>Главная страница</th></tr>
<tr><th><a href=”Spisok.html” target=”kadr”> История города</th></tr>
<tr><th>Промышленность города</th></tr>
<tr><th>Учебные центры</th></tr>
<tr><th>Культурная и спортивная жизнь</th></tr>
</table>
</body>
</html>
Сохраните под именем Menu.html.
В данном файле только две ссылки на Kazan.html и Spisok.html.
Остальные ссылки и соответствующие файлы разработайте самостоятельно.
Значительно улучшить внешний вид и функции сайта можно, используя фреймы. Для создания фреймов вместо тегов <body> используется пара тегов <frameset></frameset> с атрибутами rows или cols.
<html>
<head>
<title>Город Казань</title>
</head>
<frameset cols=160,*>
<frame src=”Menu.html”>
<frame src=”Kazan.html” name=”frame”>
</frameset>
</html>
Сохраним под именем index.html, данный файл является исходным
Чтобы убрать полосу прокрутки можно добавить
<frame src=”Menu.html” scrolling=no>