Web / !!!_Задание для студентов ЗФ__

ЗАДАНИЕ

Проектирование и разработка Web-сайта

Цель работы: освоить основные понятия, получить навыки проектирования и создания Web-сайта.

Задание.

Спроектировать Web-сайт в соответствии с вариантом (таблица 1).

Таблица 1

Вид сайта	Вариант
Сайт-презентация	1, 5, 9, 13, 17, 21, 25, 29
Корпоративный сайт	2, 6, 10, 14, 18, 22, 26, 30
Информационные ресурсы	3, 7, 11, 15, 19, 23, 27
Электронные магазины	4, 8, 12, 16, 20, 24, 28

Сайт должен отражать информацию о предприятии (школе, техникуме, вузе), на котором работает (учится, учился) студент. Сайт должен содержать не менее 6-ти web-страниц, включая главную и страницу автора-разработчика.

Макет сайта оформить в соответствии с вариантом (таблица 2) с использованием языка HTML и CSS.

Таблица 2 – Варианты макетов страниц

Логотип Заголовок
Панель навигации	Основной документ
ссылка 1
ссылка 2
. . . . . . . . .
ссылка N

Вариант 1, 17

Логотип	Заголовок
Панель навигации
ссылка 1	Основной документ
ссылка 2
. . . . . . . . .
ссылка N

Вариант 2, 18

Логотип	Заголовок
Панель навигации
Основной документ		ссылка 1
		ссылка 2
		. . . . . . . .
		ссылка N

Вариант 3, 19

Логотип	Заголовок
Панель навигации	Основной документ	ссылка 1
		ссылка 2
		. . . . . . . .
		ссылка N

Вариант 4, 20

Логотип	Заголовок
Панель навигации	Основной документ
ссылка 1	. . . . .	ссылка N

Вариант 5, 21

Логотип	Заголовок
Панель навигации
Основной документ
ссылка 1	. . . . .	ссылка N

Вариант 6, 22

Логотип	Заголовок
Панель навигации
ссылка 1	. . . . .	ссылка N
Основной документ

Вариант 7, 23

Логотип	Заголовок
Панель навигации
Основной документ
ссылка 1	. . . . .	ссылка N

Вариант 8, 24

Логотип	Заголовок
Панель навигации	Основной документ
ссылка 1
ссылка 2
. . . . . . . . .
ссылка N

Вариант 9, 25

Логотип	Заголовок
Панель навигации
ссылка 1	Основной документ
ссылка 2
. . . . . . . . .
ссылка N

Вариант 10, 26

Логотип	Заголовок
Панель навигации
Основной документ		ссылка 1
		ссылка 2
		. . . . . .
		ссылка N

Вариант 11, 27

Логотип	Заголовок
Панель навигации	Основной документ	ссылка 1 ссылка 2 . . . . ссылка N

Вариант 12, 28

Логотип	Заголовок
Панель навигации	Основной документ
ссылка 1	. . . . .	ссылка N

Вариант 13, 29

Логотип	Заголовок
Панель навигации
Основной документ
ссылка 1	. . . . .	ссылка N

Вариант 14, 30

Логотип	Заголовок
Панель навигации
ссылка 1	. . . . .	ссылка N
Основной документ

Вариант 15, 31

Логотип	Заголовок
ссылка 1	Основной документ	Панель навигации
ссылка 2
. . . . . .
ссылка N

Вариант 16

Обязательно наличие следующих элементов:

• Заголовок с названием • Таблицы • Списки • Комментарии • Изображения • Фоновое изображение • Гиперссылки

Дополнительные требования к оформлению страниц:

1. Макет сайта задается панелями, с использованием абсолютного позиционирования;

2. Для внутренних элементов применяется относительное позиционирование.

3. Для задания меню использовать стилевые таблицы;

4. Оформить содержимое страниц с использование стилевых таблиц. Применить различные способы форматирования текста, абзацев, рисунков, списков и таблиц.

По тематике сайта создать HTML-форму, включающую в себя некоторые элементы:

• Поле (поля) для ввода одной строки текста

• Поле для ввода пароля

• Поле (поля) для ввода текста произвольной длины (textarea)

• Поля-флажки

• Поля-радиокнопки

• Раскрывающийся список произвольной длины

• Скрытые поля (<input type=”hidden” name=”имя” value=”значение”/>)

• Кнопка для очистки формы

• Кнопка для отправки формы

Электронный отчет должен содержать

1. Титульный лист

2. Название работы

3. Цель

4. Задание

5. Обоснование логический структуры, оформления и содержания

6. Схему структуры сайта

7. Текст программы с комментариями

8. Экранные копии вида страниц сайта в браузере

9. Содержательный вывод (копия цели выводом не является).