- •Программные средства разработки
- •Санкт-Петербург
- •Вычислительных систем и программирования
- •Требования к содержанию web-узла
- •Требования к оформлению контрольной работы
- •КоНтрольные задания
- •Пример выполнения контрольной работы
- •Список рекомендуеМой литератуРы
- •Основы языка разметки html Принципы построения html документа
- •Тэги физического форматирования текста
- •Организация связей
- •Вставка изображений
- •Технология создания web-узла в ms frontpage 2003
- •Технология создания web-узла в ms word 2003
- •Содержание дисциплины (извлечение из рабочей программы дисциплины)
- •Пример оформления титульного листа контрольной работы
- •Выбор контрольных заданий
Требования к содержанию web-узла
-
Web-узел должен содержать 3-4 основные страницы согласно варианту задания. Обязательными страницами узла являются: главная страница, страница с формами и страница, содержащая мини-реферат. Файл стартовой (домашней) страницы web-узла должен называться index.htm (или index.html).
-
Если страницы узла создаются с помощью текстового редактора MS Word, они должны быть сохранены в формате «Веб-страница с фильтром».
-
Главная страница узла должна содержать следующую информацию:
-
название дисциплины,
-
ФИО, номер группы, шифр зачетной книжки студента,
-
№ варианта задания,
-
список всех созданных в ходе выполнения задания файлов и папок с необходимыми пояснениями.
Фамилия студента должна быть выделена жирным курсивом, а номер варианта – жирным шрифтом.
Пример содержания главной страницы:
ИНСТРУМЕНТАЛЬНЫЕ СРЕДСТВА СОЗДАНИЯ WEB-СТРАНИЦ |
|
Фамилия, Имя, Отчество |
Смирнов Василий Иванович |
Шифр зачетной книжки |
12455/99 |
Группа |
2135 |
Специальность |
060400 |
№ варианта |
25 |
Дата выполнения работы |
12.12.2001 |
Список файлов и папок, созданных в ходе выполнения контрольной работы: |
|
index.htm – главная страница; form.htm – страница с формой; tags_format.htm – страница мини-реферата; images – папка с рисунками; im001.gif, img002.gif, img003.gif – рисунки графической панели навигации; logo.jpg – рисунок-эмблема. |
-
Конкретный вид формы и тема мини-реферата определяются вариантом задания.
В варианты задания включены формы трех видов: «Заявка», «Регистрация» и «Опрос». Данные форм должны отсылаться на существующий адрес электронной почты.
Примеры форм
Форма «Заявка» (рис.1) содержит следующие элементы: выключатель (флажок) для указания требования подписаться (по умолчанию включен) и выключатель для исключения из списка рассылки (по умолчанию выключен); текстовые поля для ввода ФИО, адреса электронной почты, регистрационного номера рассылки; выпадающий список для выбора темы рассылки; кнопки для очистки содержимого формы и отправки данных формы на электронный адрес. Форма также содержит поясняющий текст и горизонтальную линию – разграничитель двух логических разделов формы (подписка, отказ от подписки).
Рис.1. Внешний вид формы «Заявка»
Форма «Опрос» (рис.2) содержит: текстовое поле для ввода ФИО, переключатель для указания пола (м/ж), выпадающий список для указания возрастной категории, набор выключателей для указания интересов пользователя, поясняющий текст и кнопки для очистки и отправки данных формы на электронный адрес.
Форма «Регистрация» (рис.3) содержит следующие элементы управления: текстовые поля для ввода ФИО, адреса электронной почты, страны и города проживания пользователя (по умолчанию установлена страна Россия); переключатель для указания пола (м/ж); выпадающий список для указания возрастной категории (аналогично форме «Опрос») и кнопки для очистки содержимого формы и отправки данных формы на электронный адрес. Кроме того, форма содержит поясняющий текст и разделитель в виде горизонтальной линии.
Рис.2. Внешний вид формы «Опрос»
Рис.3. Внешний вид формы «Регистрация»
-
Мини-реферат должен иметь объем 2-3 машинописные страницы и разбит на разделы, снабженные заголовками. Заголовки должны быть выделены жирным шрифтом большего по сравнению с остальным текстом размера.
В начале страницы с мини-рефератом требуется размещено его оглавление, содержащее ссылки на заголовки разделов (для быстрого перехода к интересующему разделу).
Содержание мини-реферата должно показывать, что студент в достаточной мере изучил и усвоил материал данной темы.
-
Все страницы узла должные иметь единое стилевое оформление, включая оформление текста и гиперссылок, фона страниц, а также их структуру. Варианты задания контрольной работы предусматривают два основных структурных типа страниц: вертикальный и горизонтальный.
Структура страниц узла может быть реализована с помощью таблиц или фреймовых структур (Рамки в MS FrontPage, MS Word).
Вертикальный тип структуры страницы: |
|
Горизонтальный тип структуры страницы: |
|
|
ЗАГОЛОВОК |
|
ЗАГОЛОВОК |
Ссылка1 |
|
|
Ссылка1 Ссылка2 Ссылка3 |
Ссылка2 Ссылка3 |
содержимое страницы
|
|
содержимое страницы |
|
контактные сведения |
|
контактные сведения |
Рис.4. Основные типы структур страниц
-
В конце содержимого каждой страницы должна быть помещена ссылка на ее начало (для быстрого возврата в начало просмотренной страницы).
-
Контактные сведения должны содержать ссылку, выполняющую запуск почтовой программы для отправки письма на существующий адрес электронной почты.