Методические указания по выполнению курсовой работы по дисциплине "web-графика и web-дизайн" для студентов специальности 050501

Вид материалаМетодические указания

Содержание


Общие положения 4
Общие положения
Содержание и объем курсовой работы
Список литературы
Порядок выполнения и защиты курсовой работы
Рекомендуемая литература
ПРИЛОЖЕНИЯ П.1. Задание на курсовую работу
П2. Титульный лист пояснительной записки
Курсовая работа
П3. Оценка web-сайта
Первое впечатление
Ваши замечания
Сумма баллов
Ваши замечания
Сумма баллов
3. Контент (содержание)
Ваши замечания
Сумма баллов
Общая сумма баллов
Подобный материал:


ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ


МУРМАНСКИЙ ГОСУДАРСТВЕННЫЙ ПЕДАГОГИЧЕСКИЙ

УНИВЕРСИТЕТ


Кафедра Технологии и дизайна


Т. В. АШУТОВА


МЕТОДИЧЕСКИЕ УКАЗАНИЯ

по выполнению курсовой работы

по дисциплине

"web-графика и web-дизайн"


для студентов специальности 050501

«Профессиональное обучение (дизайн)»


Мурманск

2008


Составитель: Ашутова Татьяна Вячеславовна, старший преподаватель кафедры Технологии и дизайна МГПУ


© Т.В. Ашутова, 2007

© Мурманский государственный педагогический университет, 2007


ОГЛАВЛЕНИЕ


ОБЩИЕ ПОЛОЖЕНИЯ 4

Содержание и объем курсовой работы 4

Порядок выполнения и защиты курсовой работы 5

Рекомендуемая литература 7

ПРИЛОЖЕНИЯ 8

П.1. Задание на курсовую работу 8

П2. Титульный лист пояснительной записки 9

П3. Оценка web-сайта 10



ОБЩИЕ ПОЛОЖЕНИЯ


Целью курсовой работы является закрепление теоретического материала по дисциплине «Web-графика и web-дизайн» и отработка практических навыков проектирования и создания web-сайта.

Содержание и объем курсовой работы


Студент должен определить цель курсовой работы и сайта, целевую аудиторию, провести планирование, реализацию и тестирование веб-сайта по заданной тематике. Контент сайта должен быть отобран, вычитан и оптимизирован.

Курсовая работа представляет собой разработанный web-проект и документацию к нему. Обязательными элементами web-проекта являются: логотип, flash-баннер, web-сайт. Web-сайт должен состоять не менее, чем из 4-х разделов и содержать текстовую и графическую информацию. При разработке web-сайта студент должен обязательно использовать технологии HTML и CSS, другие технологии по своему усмотрению.Web- редактор создания сайта может быть выбран на усмотрение студента, но согласован с руководителем. Объем курсовой работы должен быть не менее 30 страниц формата А4.


Документация курсовой работы должна содержать следующие разделы:


Введение

теоретическая часть

практическая часть. планирование и реализация веб-сайта

Заключение

СПИСОК ЛИТЕРАТУРЫ

ПриложениЯ


В разделе Введение необходимо кратко описать тематику веб-сайта, цель и задачи курсовой работы, а также объект, предмет, теоретическую и практическую значимость работы (объем введения – до 3-х страниц).

В разделе теоретическая часть подробно описывается тема веб-сайта, предметная область, которой посвящена разработка веб-сайта.

В качестве предметной области могут выступать предприятия, фирмы, объединения, организации, учебные заведения. В качестве темы для разработки веб-сайта может быть выбрана любая область знаний, которую можно представить в виде электронного веб-пособия.

В разделе практическая часть. планирование и реализация веб-сайта необходимо раскрыть поэтапную разработку веб-сайта.

В этом разделе должны быть рассмотрены следующие обязательные вопросы:

1. Планирование
  • Цель разработки веб-сайта
  • Аудитория, на которую рассчитан веб-сайт
  • Обратная связь
  • Обновление
  • Разделы (информация в наиболее общем виде)
  • Структура (физическая и логическая)

2. Реализация
  • Информация (графическая, текстовая, анимация)
  • Дизайн домашней страницы
  • Навигация (расположение панели и тип ссылок)
  • Дизайн внутренних страниц
  • Программное обеспечение, выбранное для верстки веб-сайта
  • Используемые веб-технологии


Следует отразить используемые форматы веб-графики, ее оптимизировать и вычислить объемы графических файлов, определить и показать общий объем веб-сайта.

В разделе заключение необходимо описать, что было сделано в работе и перспективы дальнейшего использования созданного веб-сайта.

Результаты проектирования и реализации, а также дизайн веб-сайта и его элементов должны быть представлены в разделе Приложения, содержащей следующие материалы:
  • физическая структура веб-сайта;
  • логическая структура веб-сайта;
  • дизайн домашней страницы;
  • дизайн одной из внутренних страниц;
  • логотип;
  • баннер.



Порядок выполнения и защиты курсовой работы


Для выполнения курсовой работы выбирается тема работы и научный руководитель, что утверждается соответствующим распоряжением заведующего кафедрой Технологии и дизайна. После чего пишется задание на курсовую работу.

Следует подчеркнуть, что основной обязанностью руководителя является определение направления работы, предостережение студента от грубых ошибок. Подпись руководителя удостоверяет, что работа выполнена самостоятельно и в соответствии с заданием.

В процессе выполнения курсовой работы студент встречается со своим научным руководителем в часы консультаций.

Не позже чем за неделю до защиты курсовой работы она отдается для прочтения научному руководителю:
  • на диске - web-проект;
  • на бумажном носителе – документация к нему.

При несвоевременном представлении работы руководителю студент считается не выполнившим график учебного процесса и не допускается к защите курсовой работы.

За один день до защиты курсовой работы веб-сайт тестируется «независимым экспертом» по заданным критериям (Приложение 3).

«Независимым экспертом» является студент группы, выполняющей курсовую работу.

Защита курсовой работы проводится в присутствии научного руководителя и преподавателей кафедры. На защите студент делает краткое сообщение о теме работы, целях и задачах работы, методике сбора материалов (до 5 минут). Затем демонстрирует веб-сайт и отвечает на вопросы членов комиссии.

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

Рекомендуемая литература


1.

Нильсен Я. Веб-дизайн. – С-Пб: Символ-Плюс, 2000. – 504 с.

2.

Кирсанов Д. Веб-дизайн. - С-Пб: Символ-Плюс, 1999. – 358 с.

3.

Дунаев В. Web- графика. – С-Пб: БХВ-Петербург, 2006. – 595 с.

4.

Дэйв Ши, Молли Е. Философия CSS-дизайна. – М: NT Press, 2005. – 303 с.

5.

Киу Дж. Раскрытие тайн " onclick="return false">

6.

Глушков С., Ломотько Д., Сурядный А. Работа в сети Internet. – Х: Фолио, 2004. – 390 с.

7.

Кожемякин А. HTML и CSS в примерах. Создание Web-страниц. – М: Альтекс-А, 2004. – 415 с.

8.

Пауэлл Т. Web-дизайн. – С-Пб: БХВ-Петербург, 2004.- 1034 с.

9.

Все о работе с цветом в Web // Пособие для дизайнеров и программистов / Под ред. И. Резько. - Минск: Харвест, 2006. – 318 с.

10.

Дунаев В. " onclick="return false">

11.

Дуванов А. Web-конструирование. HTML. – С-Пб: БХВ-Петербург, 2003. – 321 с.

12.

Смирнова И. Начала web-дизайна. - С-Пб: БХВ-Петербург, 2003. – 231 с.



ПРИЛОЖЕНИЯ

П.1. Задание на курсовую работу



ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ


КАФЕДРА ТЕХНОЛОГИИ И ДИЗАЙНА


«УТВЕРЖДАЮ»

Зав. кафедрой

к.п.н., доцент Стаценко Е.Р.


“___”_______________2007 г.


ЗАДАНИЕ

на выполнение курсовой работы

по дисциплине «Web-графика и web-дизайн»

Специальность 050501 «Профессиональное обучение (дизайн)»


Студент ___________________________________

(фамилия и инициалы)

Группа ПО4

Руководитель _____________________________________

(фамилия и инициалы)

Тема проекта «Поектирование и реализация веб-сайта ___________

______________________________________________________________

утверждена на заседании кафедры, протокол №______ от ______________


Перечень основных разделов курсовой работы:
          1. Введение
          2. Теоретическая часть
          3. Практическая часть. Планирование и реализация веб-сайта
          4. Заключение
          5. Приложения.


Дата представления студентом законченного курсового проекта ________________


Руководитель __________________________________________________

(подпись, дата)

Студент ______________________________________________________

(подпись, дата)


ПРИМЕЧАНИЕ: Студент предупрежден о том, что при несвоевременном представлении работы руководителю студент считается не выполнившим график учебного процесса и не допускается к защите курсовой работы.

П2. Титульный лист пояснительной записки



ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

МУРМАНСКИЙ ГОСУДАРСТВЕННЫЙ ПЕДАГОГИЧЕСКИЙ УНИВЕРСИТЕТ

Кафедра технологии и дизайна


КУРСОВАЯ РАБОТА

по дисциплине «Web-графика и web-дизайн»

Специальность 050501 «Профессиональное обучение (дизайн)»


___________________________________________________________

наименование темы работы

_______________________________________________________________

___________________________________________________________


Студент _________________________________________________________

ф.и.о., подпись, дата

Научный руководитель _______________________________________________

ученая степень, звание ф и о, подпись, дата


Мурманск 2007

П3. Оценка web-сайта


Имя сайта ____________________________________________________________

Оценка сделана ____________________________________________________________ фамилия имя отчество

Дата _______________



Первое впечатление

От 1 балл (плохое)

До 5 баллов (прекрасное)




БАЛЛОВ

Общие замечания






Общие характеристики сайта

1. Структура и навигация сайта

1.Организовано ли содержание логически?



Да Нет

2. Понятно ли предназначение каждой страницы?


Да Нет

3. Какова максимальная глубина страниц сайта (количество щелчков кнопкой мыши, начиная с домашней страницы)?




4. Расположена ли навигация в одном и том же месте на всех страницах?

Да Нет

5. Все ли ссылки работают верно?
6. Понятно ли куда они ведут?



Да Нет


Да Нет


7. Есть ли на сайте неработающие ссылки?

Да Нет


8. Просто ли использовать навигацию?

Да Нет

9. ВАШИ ЗАМЕЧАНИЯ (+1 балл или -1 балл)




В вопросах 1, 2, 4, 5, 6, 8 – ответ ДА оценивается 1 баллом; в вопросе 7 – ответ НЕТ оценивается 1 баллом; вопрос 3 – идеальная глубина сайта – 3 щечка.


СУММА БАЛЛОВ



БАЛЛОВ

2. Оформление и разметка (максимальное количество баллов – 6)

1. Выдержаны ли цвета, шрифты, графика в едином стиле?

Да Нет

2. Сбалансированы ли цвета дизайна страниц?


Да Нет

3. Сбалансирован ли макет страницы и не перегружена ли она информацией (особенно касается главных станиц)?

Да Нет

4. Качественна ли графика и сочетается ли она с остальными составляющими страницы?

Да Нет

5. Не мешает ли графика пользователю воспринимать информацию?

Да Нет

6. Легко ли читается текст? Не сливается ли он с фоном?


Да Нет

7. ВАШИ ЗАМЕЧАНИЯ (+1 балл или -1 балл)




В вопросах 1, 2, 3, 4, 5, 6 – ответ ДА оценивается 1 баллом


СУММА БАЛЛОВ



БАЛЛОВ




3. Контент (содержание)

1. Отражает ли содержание предназначение сайта?



Да Нет

2. Найдут ли юзеры на сайте то, что искали?
(Удовлетворит ли контент пользователя?)



Да Нет

3. Есть ли грамматические или синтаксические ошибки?



Да Нет

4. Достоверна ли информация?



Да Нет

5. ВАШИ ЗАМЕЧАНИЯ (+1 балл или -1 балл)




В вопросах 1, 2, 4 – ответ ДА оценивается 1 баллом; в вопросе 3 – ответ НЕТ оценивается 1 баллом


СУММА БАЛЛОВ



БАЛЛОВ





ОБЩАЯ СУММА БАЛЛОВ




БАЛЛОВ


Темы курсовых работ:

  1. Планирование и реализация веб-сайта политического деятеля
  2. Разработка дизайна электронного магазина товаров и услуг
  3. Создание представительского веб-сайта дизайн-студии
  4. Разработка электронного веб-пособия на тему «Баннерная реклама»
  5. Разработка дизайнерского портфолио в виде веб-сайта
  6. Создание веб-сайта «Компьютерная анимация в рекламе и Интернет»
  7. Создание веб-сайта «Трехмерная компьютерная графика в рекламе»
  8. Web- дизайн и мультимедиа.
  9. Работа с цветом в web-графике
  10. Создание графики для Web-сайта.
  11. Создание и размещение баннеров в web
  12. Разработка и внедрение web-сайта дизайн- студии
  13. Проектирование и создание web-сайта образовательного учреждения
  14. Разработка web-сайта на тему «История рекламы в лицах»
  15. Проектирование и реализация web-сайта туристической фирмы.
  16. Проектирование и реализация web-сайта спортивного клуба.
  17. Проектирование и реализация web-сайта книжного магазина.
  18. Проектирование и реализация web-сайта модельного агентства.
  19. Проектирование и реализация web-сайта экологического общества.
  20. Проектирование и реализация электронного альманаха творческих работ студентов факультета технологии и дизайна.
  21. Создание электронного web-пособия на тему «Дизайн рекламы»
  22. Создание электронного web-пособия на тему «Компьютерный коллаж»
  23. Разработка web-сайта на тему «Интерактивный дизайн»
  24. Проектирование и реализация студенческого web-портала
  25. Создание электронного web-пособия на тему «Интерактивный дизайн»
  26. Разработка web-сайта на тему «Игровой дизайн»
  27. Разработка web-сайта на тему «Эфирный дизайн»
  28. Разработка web-сайта на тему «Книжный дизайн»
  29. Разработка web-сайта на тему «Журнальный дизайн»
  30. Разработка web-сайта на тему «Дизайн фирменного стиля»