Техническое задание к Областной олимпиады по Web-дизайну среди обучающихся профессиональных образовательных учреждений Саратовской области


Министерство образования и науки Российской Федерации
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«САРАТОВСКИЙ НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ИМЕНИ Н.Г.ЧЕРНЫШЕВСКОГО»
Колледж радиоэлектроники имени П.Н.Яблочкова







[ Cкачайте файл, чтобы посмотреть ссылку ]




Разработал преподаватель: М.В. Хамутова








Саратов, 2016г.
Техническое задание
1. Выполнение данного задания подразумевает разработку сайта, состоящего из 3 web-страниц (главная, страница 1 и станица 2). Главная и страница 1 должны быть выполнены по образцу (см. рис. 1-6). Макет для каждой из трех страниц должен быть одинаковым, различие заключается лишь в содержимом левого и правых блоков макета каждой страницы:
Сверстать макет (резиновый или жесткий) веб-страниц по образцу (рис. 1), с применением верстки блоками (слоями).
Добавьте в верхний блок меню, обеспечивающее навигацию по страницам сайта (или ниспадающее меню), пример на рис. 2.
Заполнить контентом (содержимым) левый и правые блоки для главной и страницы 1.
Отформатировать содержимое левого и правых блоков главной страницы и страницы 1 согласно образцу на рис. 3, 4 и рис. 5, 6 соответственно.
Заполнить контентом (содержимое) левый и правые блоки для страницы 2 и отформатировать на свой вкус.
Добавить динамические эффекты, реагирующие на события.
Нижний блок заполнить информацией об авторе сайта.
2. Динамические эффекты реализуются скриптами, с помощью любого клиентского языка (например, JavaScript), которые разрабатывается конкурсантом самостоятельно. Библиотеками пользоваться воспрещается! Скрипт может реализовывать работу с системным временем, массивами, обрабатывать содержимое формы и т.д. От сложности разрабатываемого скрипта зависит итоговый бал.
3. Страницу 2 оформите по своему усмотрению, при этом нужно учитывать общий стиль страниц сайта. Для заполнения страницы 2 вы можете воспользоваться содержимым папки «олимпиада».
4. В нижний блок добавляется информация о конкурсанте: ФИО разработчика, курс обучения и учебное заведение, которое он представляет.
5. Разработка сайта производится посредством материалов, предоставленных в папке «олимпиада», без использования дополнительных источников, с учётом знаний конкурсантов и времени на выполнение задания.
6. К сайту подключайте стили и скрипты на внешних файлах. Не используйте теги и атрибуты, которые можно заменить стилевыми свойствами.
Макет должен состоять из верхнего, левого, двух правых и нижнего блоков (см. рис. 1). Фоновую заливку, цвет текста можно подобрать самостоятельно, учитывая цветовую гармонию и общий стиль дизайна.












Рисунок 1
Меню, обеспечивающее навигацию по страницам сайта, может быть создано при помощи блоков, таблиц или списков. Обязательно поместите меню в верхний блок. На рис. 2 приведена структура ниспадающего меню, не обязательно следовать этой структуре, вы можете разработать свою структуру.

Рисунок 2

Содержимое (текст, картинки) для заполнения страниц находится в папке «олимпиада». В текстовом файле «контент.doc» находится содержимое для заполнения сайта. На рис. 3-6 находятся образцы, по которым нужно отредактировать текст, списки, таблицы и добавить картинки.

Рисунок 3


Рисунок 4

Рисунок 5


Рисунок 6
Нижний блок




Правые блоки


Левый блок


Верхний блок



15

Приложенные файлы

  • doc Rabota3
    Размер файла: 2 MB Загрузок: 31