Форма «Опрос» (рис.2) содержит: текстовое поле для ввода ФИО, переключатель для указания пола (м/ж), выпадающий список для указания возрастной категории, набор выключателей для указания интересов пользователя, поясняющий текст и кнопки для очистки и отправки данных формы на электронный адрес.
Форма «Регистрация» (рис.3) содержит следующие элементы управления: текстовые поля для ввода ФИО, адреса электронной почты, страны и города проживания пользователя (по умолчанию установлена страна Россия); переключатель для указания пола (м/ж); выпадающий список для указания возрастной категории (аналогично форме «Опрос») и кнопки для очистки содержимого формы и отправки данных формы на электронный адрес. Кроме того, форма содержит поясняющий текст и разделитель в виде горизонтальной линии.
Рис.2. Внешний вид формы «Опрос»
Рис.3. Внешний вид формы «Регистрация»
5. Мини-реферат должен иметь объем 2-3 машинописные страницы и разбит на разделы, снабженные заголовками. Заголовки должны быть выделены жирным шрифтом большего по сравнению с остальным текстом размера.
В начале страницы с мини-рефератом требуется разместить его оглавление, содержащее ссылки на заголовки разделов (для быстрого перехода к интересующему разделу).
Содержание мини-реферата должно показывать, что студент в достаточной мере изучил и усвоил материал данной темы.
6. Все страницы узла должные иметь единое стилевое оформление, включая оформление текста и гиперссылок, фона страниц, а также их структуру. Варианты задания контрольной работы предусматривают два основных структурных типа страниц: вертикальный и горизонтальный.
Структура страниц узла может быть реализована с помощью таблиц или фреймовых структур (Рамки в MS FrontPage, MS Word).
Вертикальный тип структуры страницы: | Горизонтальный тип структуры страницы: | ||
ЗАГОЛОВОК | ЗАГОЛОВОК | ||
Ссылка1 | Ссылка1 Ссылка2 Ссылка3 | ||
Ссылка2 Ссылка3 | содержимое страницы | содержимое страницы | |
контактные сведения | контактные сведения |
Рис.4. Основные типы структур страниц
7. В конце содержимого каждой страницы должна быть помещена ссылка на ее начало (для быстрого возврата в начало просмотренной страницы).
8. Контактные сведения должны содержать ссылку, выполняющую запуск почтовой программы для отправки письма на существующий адрес электронной почты.
Требования к оформлению контрольной
работы
Контрольная работа выполняется на отдельной дискете формата 3,5” и емкостью 1.44 Мб. Этикетка дискеты должна содержать название дисциплины, фамилию студента и номер группы.
В результате выполнения контрольной работы на дискете должны быть созданы:
· файл index.htm, содержащий стартовую страницу web-узла;
· файлы, содержащие остальные web-страницы;
· каталог, содержащий файлы рисунков, использованных для оформления страниц узла.
Если файлы и папки не помешаются на дискету, то они должны быть заархивированы в один файл программой-архиватором WinZip.
К дискете должны быть приложены распечатка титульного листа контрольной работы (Приложение 5) и распечатки информации, находящейся на дискете. Для каждой страницы узла, начиная с главной страницы, приводится распечатка, содержащая:
· название web-страницы, ее заголовок (TITLE) и имя файла страницы;
· внешний вид страницы;
· полный HTML-код страницы.
Дискета и распечатки должны быть помещены в конверт и представлены на кафедру вычислительных систем и программирования. На конверте должны быть написаны фамилия и инициалы студента, номер группы, дата сдачи, название дисциплины и фамилия преподавателя. При наличии замечаний преподавателя студенты обязаны внести дополнения и изменения в свои работы и повторно передать их на кафедру. К зачету по дисциплине допускаются студенты, контрольные работы которых получили положительную оценку преподавателя.
Вариант 1.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Организация гиперссылок средствами HTML». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 2.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Спецификации HTML. Браузеры Netscape Navigator и Internet Explorer». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 3.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Электронная почта и web-страницы (вызов почтового клиента с web-страницы, отправка данных формы на электронный адрес)». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 4.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Создание таблиц средствами HTML и их использование на web-страницах». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 5.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Использование форм на web-страницах». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь горизонтальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 6.
Создать 3-х страничный web-узел, включающий главную страницу, страницу с формой «Заявка» и страницу мини-реферата на тему «Использование фреймовых структур». В низу главной страницы разместить графические ссылки (в виде рисунков) на остальные страницы узла. Страницы узла должны иметь вертикальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 7.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Структура HTML-документа» и страницу с ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3-х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь горизонтальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.
Вариант 8.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Использование списков HTML» и страницу с ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3-х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь вертикальную структуру, фон оформлен в сине-голубых тонах, текст – светло-серый или другого светлого оттенка, цвет ссылок – белый, цвет активных ссылок – ярко-желтый.
Вариант 9.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Логическое и физическое форматирование текста HTML-документа» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3‑х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь горизонтальную структуру, для оформления фона использовать фоновый рисунок, цвет текста – черный, цвет ссылок – темно-синий, цвет активных ссылок – ярко-синий.
Вариант 10.
Создать 4-х страничный web-узел, включающий главную страницу, страницу с формой «Регистрация», страницу мини-реферата на тему «Тэги физического форматирования текста» и страницу со ссылками на другие ресурсы WWW. Последняя страница должна содержать не менее 3-х графических (т.е. оформленных в виде рисунков) ссылок. Рядом с рисунками расположить поясняющий текст. Страницы узла должны иметь вертикальную структуру, фон оформлен в бежево-зеленых тонах, текст – черный или другого темного оттенка, цвет ссылок – малиновый, цвет активных ссылок – ярко-красный.