ИВАНОВА  Елена Владимировна

ОБО МНЕ

КУРСЫ

НАУКА

СТАЖИРОВКИ

ССЫЛКИ

Курсовой проект

Задача

Разработайте сайт для организации, описанной в одном из вариантов задания, либо для любой реально существующей организации.

Этапы работы над курсовым проектом

1. Разработка брифа на сайт
   • Разработайте бриф на разработку дизайна сайта на основе образца [MS Word, 586 Кб].
   • Проведите анализ сайтов конкурентов. Количество исследуемых сайтов должно быть не меньше 3. Проанализируйте следующее:
     • структуру сайта, представление структуры в меню,
     • информацию, вынесенную на главную страницу,
     • верстку сайта, оправданность фиксированной/резиновой верстки, достаточное/не достаточное наличие пустого пространство,
     • цвета сайта, уместность цветовой гаммы для данной тематики,
     • графические элементы, соответствие их тематике сайта,
     • эмоциональное воздействие сайта.
     Есть ли у всех расмотренных вами сайтов общие элементы?
   • Утвердите бриф у преподавателя.
2. Выполните задания по изучению основ Microsoft Expression Design.
3. Разработайте фирменный стиль компании в соответствии с вариантом вашего задания. Фирменный стиль должен включать в себя следующие элементы:
   • Логотип. Логотип представить в векторном формате в трех вариантах: фирменный знак с текстом внизу, фирменный знак с текстом справа, логотип в ахроматических цветах. Логотип должен быть масштабируемым, компактным и иллюстративным.
   • Шрифты. Подобрать три вида шрифтов: наборные (для основного текста), заголовочные, акцидентные (шрифты для текста, требующего к себе особого внимания, например, слоган или рекламная надпись).
   • Цвета. Выбрать базовые цвета в соответствие с некоторой цветовой гармонией (например, монохромной, аналоговой, комплементарной и др.). При выполнении задания используйте знания, полученные вами на лекции по соответствующей теме.
   • Пример фирменного стиля [MS Expression Design, 410 Кб; JPG, 187 Кб]
   • Онлайн приложение для подбора цветовых сочетаний
4. Разработайте лейаут страниц(ы) сайта, согласно брифу и примеру.
5. Нарисуйте эскиз страниц(ы) сайта, согласно брифу, фирменному стилю и примеру.
6. Выполните html-верстку шаблона страниц сайта, согласно брифу и эскизам:
   • создайте отдельные папки для изображений, CSS-стилей, файлов JavaScript (например, images, styles, js);
   • вынесите все оформление html-страниц в CSS-файл;
   • давайте осмысленные имена классам и идентификаторам.
7. Проведите тестирование ваших html-страниц. Для этого в каждом из браузеров, в которых согласно брифу должна корректно отображаться ваша html-страница, проделайте следующее и убедитесь, что html-страницы отображаются корректно:
   • увеличьте-уменьшите размер окна браузера;
   • увеличьте-уменьшите размер шрифта в браузере;
   • измените в настройках браузера цвет фона окна браузера, шрифта, и ссылок, а также размер шрифта (например, в Mozila Firefox: Инструменты -> Настройки -> Содержимое, панель Шрифты и цвета);
8. Проведите юзабилити-тестирование ваших html-страниц, используя один из методов "Мысли вслух", "Качество восприятия" или "Проверка посредством наблюдения":
   • для тестирования используйте 3-5 пользователей;
   • разработайте не менее 10 заданий для тестирования;
   • по результатам тестирования оформите отчет в соответствии с образцом [DOC-формат, 195 Кб].
9. Перенесите ваш сайт на систему WordPress (см. Создание шаблона для WordPress)