МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИИ Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования «МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ ГУМАНИТАРНЫЙ УНИВЕРСИТЕТ имени М.А.Шолохова» (МГГУ имени М.А. Шолохова) ВЫПУСКНАЯ КВАЛИФИКАЦИОНАЯ РАБОТА _ПУЩИН ФЕДОР ВАДИМОВИЧ «РАЗРАБОТКА САЙТОВ» Направление «Художественное образование» Профиль «Дизайн и компьютерная графика» квалификация (степень) «Бакалавр художественного образования» Москва 2012

Основные понятия и проблемы при подготовке дизайна сайта. Отвлеченные классификации Для начала определитесь с тем, ориентирован ли сайт на получение информации или на выполнение задачи. Иногда мы можем характеризовать это разграничение как различие между документо-ориентированным и проблемно-ориентированным сайтами. а) Документо-ориентированные, или информационные сайты предоставляют пользователям информацию, но при этом обеспечивают очень ограниченный уровень интерактивности (кроме наделения пользователя возможностями просмотра, поиска или сортировки представленной информации). б) Прикладные, или проблемно-ориентированные сайты позволяют пользователю взаимодействовать с информацией или выполнять какую- либо задачу. Например, перевод денежных средств с банковского счета или покупка нового телефона. На гибридных сайтах есть понемногу от обеих функций; по мере того как разделительная черта между информацией и прикладной задачей размывается, этот тип сайтов становится все более распространенным. 1.1 Классификация сайтов.

Общая классификация Информационные Операционные Сайты сообществ. На этих сайтах представлена информация или средства, связанные с осуществлением операций, но упор делается на взаимодействие между посетителями. Сайты, основанные на сообществах, имеют тенденцию к фокусированию на конкретной теме или человеке; они поощряют взаимодействие между сходно мыслящими личностями. Развлекательные сайты. Эти сайты создаются для игр или некоего занимательного взаимодействия, для которого могут употребляться элементы операционного, информационного типов и сайтов сообществ. Прочие сайты. В эту категорию входят художественные или экспериментальные сайты, личные Web-пространства, такие как Web-журналы (также называемые blogs), а также сайты, которые могут не следовать общепринятым Web- соглашениям или не иметь четко определенного экономического назначения. Основные понятия и проблемы при подготовке дизайна сайта. 1.1 Классификация сайтов.

Рекламный баннер Логотип Текстовое поле Информация о разработчиках сайта и адрес электронной почты Счетчик посещений Основные понятия и проблемы при подготовке дизайна сайта. 1.2 Содержание сайта. Стандартные элементы.

Тщательное обдумывание, каким Вы хотите видеть дизайн Вашего сайта, очень важный момент. Почти каждый художник, перед тем как создать свой шедевр, переносит свои мысли на бумагу, делая зарисовки и эскизы. Так же и дизайнеру сайтов лучше всего нарисовать будущий дизайн на бумаге, поэкспериментировав с различными вариантами и только потом начинать работу в графическом редакторе. Конструктивные особенности при создании дизайна сайта. Как правильно оформить сайт. 1) Какое содержание будет на сайте ? 2) Для какой аудитории рассчитан сайт ? Эскиз от руки Диалоговое окно графического пакета Adobe Phohtoshop.

Выбор шаблона. Шаблон Joomla

Выбор и расположение иллюстраций и текста сайта. Подготовка изображений.

Подборка цвета фоновых областей.

Создание шапки сайта. Логотип

Оформление и декорирование сайта. Adobe Phohtoshop.

Наполнение сайта графикой. Плагины. Плагин для слайд-шоу

Сайт для фирмы, предоставляющей услуги по разработке чертежей.

Сайт-форум по рукоделию и творчеству.

Сайт, направленный на оказание художественных услуг.

Важно понимать, что при создании Web-страницы, наравне с любым другим искусством, в основе, должна лежать композиция, ориентированная на визуальное восприятие. Любая композиция состоит из отдельных элементов, которые связаны между собой соотношениями. Эти соотношения выражены визуальными различиями по цвету, по форме, по размеру по расположению. На уровне интуиции зритель воспринимает соотношения элементов композиции и даёт оценку композиции. Современные компьютерные технологии позволяют создавать сайты, используя те же принципы построения композиций, которые применяют все художники. Основанные на поиске соотношений элементов дизайна, эти принципы могут привести к очень интересным и высокохудожественным результатам. Используя при этом современные виртуальные инструменты. Заключение