Лабораторная работа №1

advertisement
Лабораторная работа №1
Создайте XHTML документ, используя тэги компоновки документа и все
следующие тэги:











<h1>
<h2>
<p>
<blockquote>
<pre>
<ul>
<ol>
<dl>
<a> (должны быть ссылки всех типов)
<img>
<table>
Документ должен содержать правильный заголовок (тэги <title>, <meta>).
Для разделения логических частей документа используйте тэг <hr>.
Лабораторная работа №2
Создайте XHTML документ в соответствии с требованиями лабораторной
работы №1. Для оформления используйте каскадные таблицы стилей (CSS):






Таблица стилей должна находиться в отдельном CSS файле
Должны быть определены стили для не менее 6 тэгов
Должны быть определены не менее 4 классов
Должен быть определен стиль псевдокласса :hover
В заголовке XHTML документа должны быть переопределены 2 стиля
В XHTML документе должен быть использован хотя бы один встроенный
стиль
Лабораторная работа №3
Создайте XHTML документ. Вставьте в документ регистрационную форму со
следующими элементами управления (минимальный список):






Строка (фамилия, имя, e-mail, ник)
Пароль
Пароль (подтверждение)
Радиокнопки (пол)
Список (год рождения)
Список с множественным выбором (области интересов)


Многострочное текстовое поле (комментарий)
Кнопки отправки и сброса
В форме используйте метод post. Переопределите стили элементов
управления в отдельном CSS файле.
Обработку данных должен производить ASP скрипт. Осуществите проверку
полноты и непротиворечивости введенных данных, и, в зависимости от результата,
повторный запрос, либо запись данных в текстовый файл.
Предусмотрите возможность просмотра текстового файла.
Итоговая работа
Создайте макет корпоративного сайта. Он должен, как минимум, содержать
следующие страницы (созданные в соответствии с требованиями лабораторных
работ №1 и №2):







Главная страница с логотипом фирмы, краткой информацией и разделом
новостей
О компании
Контактная информация (со схемами проезда)
Предлагаемые товары/услуги
Часто задаваемые вопросы
Обратная связь, с возможностью задать вопрос или оставить комментарий
(информация должна сохраняться)
Вакансии (по аналогии с формой из лабораторной работы №3).
Все страницы должны иметь ссылки друг на друга, организованные в виде
меню, расположенного вверху либо слева.
Для верстки страниц используйте таблицы и блоки <div>. Страницы должны
быть стилистически едины.
Download