создай свой первый сайтСайт создан на сервисе Яндекс.НародСайт создан на сервисе Sites.GoogleСайт создан на сервисе ucozСайт создан на html/css


Создание веб-страницы на html (табличный дизайн)

Для создания данной страницы мы будем использовать многое из пройденных уроков.
Основой послужит урок по работе с таблицами, так как страница на них и будет построена.
Разметка страницы будет следующей:
- верхняя часть (шапка)
- навигация с блоком ссылок
- содержание
- нижняя часть (футер)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Первая веб-страница</title>
<META content="Страница, созданная на html" name=Description>
<META content="html, веб-страница, таблица" name=Keywords>
</head>

<body>
<table width="950" border="0" align="center" bgcolor="#FFFFFF">
<tr>
<td><img src="shapka_stranicy.jpg" alt="логотип" width="950" height="115"></td>
</tr>
<tr>
<td>
<table width="950" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" valign="top" bgcolor="#E2E2E2">
<a href="http://1sait.com">Главная</a><br>
<a href="http://1sait.com/pages/1_narod_registraciya_saita.php">Cайт на Яндекс.Народ</a><br>
<a href="http://1sait.com/pages/2_sites_google_sozdanie_saita.php">Cайт на Sites.Google</a><br>
<a href="http://1sait.com/pages/3_ucoz_sozdanie_saita.php">Cайт на Ucoz</a><br>
<a href="http://1sait.com/uchebnik_html/uchebnik_html.php">Учебник html (основы)</a></td>
<td width="750">Добро пожаловать на сайт <a href="http://1sait.com">1sait.com</a>!<br>
<br>
Если вы заглянули сюда в поисках информации по созданию сайта, то вы зашли по адресу. На этом сайте вы найдете различные материалы по созданию своего сайта.<br>
<br>
Свой первый <strong>сайт можно создать совершенно бесплатно</strong> на различных интернет-сервисах. Рассмотрим три наиболее популярных:<br>
1) <a href="http://1sait.com/pages/3_ucoz_sozdanie_saita.php">Ucoz</a>, <br>
2) <a href="http://1sait.com/pages/1_narod_registraciya_saita.php">Яндекс.Народ</a>, <br>
3) <a href="http://1sait.com/pages/2_sites_google_sozdanie_saita.php">Sites.Google.</a> <br>
Все они довольно просты в освоении и позволяют сделать несложный сайт в кратчайшие сроки.<br>
<br>
</td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><div align="center">Все права защищены. Только попробуйте скопировать!</div></td>
</tr>
</table>

</body>
</html>

Таблица шириной 950 пикселей, 3 строки (шапка, основная часть, футер) 1 столбец.
Таблица выровнена по центру, цвет фона - белый, границы не обозначены.
В шапке помещено изображение shapka_stranicy.jpg.

Во второй строке таблицы создана еще одна таблица с 2 столбцами (для блока ссылок и содержания) и одной строкой - все отступы, границы равны нулю.

Ширина для блока ссылок - 200 пикселей (цвет фона светло-серый, ячейка с выравниванием по верхнему краю), содержания - 750 пикселей (с отступами в 5 пикселей).

Футер сайта с серым фоном

Использовались абсолютные гиперссылки.

Источник урока: 1sait.com