- •1.6.3. Вложенные списки
- •1.7. Графика
- •1.7.1. Вставляем изображение в Web-страницу
- •1.8.3. Гиперссылки на адрес электронной почты
- •1.9. Таблицы
- •1.9.1. Вставляем таблицу в документ
- •1.9.2. Выводим заголовок таблицы
- •1.9.3. Описываем строку таблицы
- •1.9.4. Описываем каждую ячейку таблицы
- •1.9.5. Форматируем Web-страницу при помощи таблиц
- •1.10. Фреймы
- •1.10.1. Делим окно Web-браузера на несколько областей
- •1.10.2. Структура html-документа содержащего фреймы
- •1.10.3. Описываем фреймовую структуру
- •1.10.4. Описываем отдельную область
- •1.10.6. Загружаем документ в определенный фрейм
- •1.11. Карты-изображения
- •1.11.1. Создаем панель навигации при помощи карт-изображений
- •1.11.2. Структура карт-изображений
- •1.11.4. Описываем активную область на карте-изображении
- •1.12. Формы
- •1.12.1. Создаем форму для регистрации сайта
- •1.12.2. Структура документа с формами
- •1.12.3. Вставляем форму в документ
- •1.13.2. Создаем панель навигации
- •1.13.3. Создаем формы для ввода данных
1.13.2. Создаем панель навигации
<!-- Панель навигации Начало -->
<TABLE align="center" width="760" height="21" border="0" cellpadding="0" cellspacing="0">
<TR bgcolor="#43568E" align="center" valign="middle"><TD>
<A href="index.php">
<FONT color="#FFFFFF"><B>На главную</B></FONT></A>
</TD><TD>
<A href="user/add.php">
<FONT color="#FFFFFF"><B>Добавить сайт</B></FONT></A>
</TD><TD>
<A href="gbook.php">
<FONT color="#FFFFFF"><B>Гостевая книга</B></FONT></A>
</TD><TD>
<A href="contact.php">
<FONT color="#FFFFFF"><B>Обратная связь</B></FONT></A>
</TD><TD>
<A href="">
<FONT color="#FFFFFF"><B>Добавить в Избранное</B></FONT></A>
</TD><TD>
<A href="">
<FONT color="#FFFFFF"><B>Сделать стартовой</B></FONT></A>
</TD></TR>
</TABLE>
<!-- Панель навигации Конец -->
<STYLE type="text/css">
.menu-table {
font-size: 12px;
text-align: center;
vertical-align: middle;
background-color: #43568E
}
A.menu:link {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
font-size: 11px;
font-family: "Verdana", "Tahoma", sans-serif
}
A.menu:visited {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
font-size: 11px;
font-family: "Verdana", "Tahoma", sans-serif
}
A.menu:hover {
text-decoration: underline;
font-weight: bold;
color: #FFFFFF;
font-size: 11px;
font-family: "Verdana", "Tahoma", sans-serif
}
</STYLE>
<!-- Панель навигации Начало -->
<TABLE align="center" width="760" height="21" border="0" cellpadding="0" cellspacing="0">
<TR class="menu-table"><TD>
<A href="index.php" class="menu">На главную</A>
</TD><TD>
<A href="user/add.php" class="menu">Добавить сайт</A>
</TD><TD>
<A href="gbook.php" class="menu">Гостевая книга</A>
</TD><TD>
<A href="contact.php" class="menu">Обратная связь</A>
</TD><TD>
<A href="" class="menu">Добавить в Избранное</A>
</TD><TD>
<A href="" class="menu">Сделать стартовой</A>
</TD></TR>
</TABLE>
<!-- Панель навигации Конец -->
1.13.3. Создаем формы для ввода данных
<!-- Поисковая форма Начало -->
<TABLE width="760" align="center" border="0" cellspacing="0" cellpadding="0">
<TR><TD align="center">
<FORM action="search.php">
<B>Поиск по каталогу: </B>
<INPUT type="text" name="search" size="70">
<INPUT type="submit" value="Найти">
</FORM>
</TD></TR></TABLE>
<!-- Поисковая форма Конец -->
<TABLE width="100%" border="0" cellpadding="1" align="center">
<FORM method="POST">
<TR><TD align="right" width="50%">
<B>E-mail: </B>
</TD><TD>
<INPUT type="text" name="login" maxlength="50" size="23">
</TD></TR>
<TR><TD align="right">
<B>Пароль: </B>
</TD><TD>
<INPUT type="password" name="passw" maxlength="16" size="23">
</TD></TR>
<TR><TD align="right">.:
</TD><TD>
<INPUT type="submit" value="Вход">
</TD></TR>
</FORM>
</TABLE>
<FORM method="POST">
<TABLE width="100%" border="0" cellpadding="1" align="center">
<TR><TD align="right" width="40%">
<B>URL: </B>
</TD><TD>
<INPUT type="text" name="urls" size="40" value="http://">
</TD></TR>
<TR><TD align="right">
<B>Рубрика: </B>
</TD><TD>
<SELECT name="rubr">
<OPTION value="0">Выберите рубрику</OPTION>
<OPTION value="6">Автомобили</OPTION>
<OPTION value="14">Безопасность</OPTION>
<OPTION value="16">Бытовая техника</OPTION>
</SELECT>
</TD></TR>
<TR><TD align="right">
<B>Название ресурса: </B>
</TD><TD>
<INPUT type="text" name="titles" size="40" maxlength="70">
</TD></TR>
<TR><TD align="right">
<B>Описание ресурса:<BR> (до 500 символов)</B>
</TD><TD>
<TEXTAREA name="deskr" cols="31" rows="10"></TEXTAREA>
</TD></TR>
<TR><TD align="right">.:</TD><TD>
<INPUT type="submit" value="Добавить сайт">
</TD></TR>
</TABLE>
</FORM>