1

Постановка задачи 4

2. Анализ задачи 6

2.1. Анализ существующей базы 6

2.2. Анализ целевой аудитории 7

2.3. Цветовое оформление 8

3. Средства реализации 10

3.1. Средства для разработки дизайна 10

3.2. Обработка фотографий 11

3.3. Верстка сайта 13

3.3.1. HTML 14

3.3.2. CSS 15

3.3.3. jQuery 16

5.Реализация 18

5.1. Разработка макета 18

5.2. Разработка дизайна 20

5.3. Верстка макета 27

5.4. Работа с файлами CSS 31

Заключение 33

Список литературы 34

Приложение 1. Листинг файла StyleIndex.css 35

Приложение 2. Листинг файла StyleIndexMain.css 37

Приложение 3. Листинг файла Style.css 38

Приложение 4. Листинг файла index.html 39

Приложение 5. Листинг файла indexMain.html 40

Приложение 2. Листинг файла AboutTheMuseum.html 41

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

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

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

Постановка задачи

Задачей данной квалификационной работы является создание web‑сайта для Воронежского областного художественного музея им. И. Н. Крамского. При этом заказчиком были выдвинуты требования:

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

• сайт должен иметь интуитивно понятный интерфейс;

• на нем обязана быть представлена вся необходимая информация;

• дизайн разрабатывается вследствие рассмотрения предложений и поправок, но при этом должен соответствовать направленности учреждения и иметь отличительные особенности в отношении сайтов других музеев;

• изображения и тексты должны быть представлены гармонично и удобно для просмотра и прочтения;

• на главной странице сайта должно присутствовать интерактивное меню, иллюстрирующее основные разделы в экспозиции музея;

• обязательна настройка кроссбраузерности.

2. Анализ задачи

2.1. Анализ существующей базы

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

Рис. 2.1.1 Страница уже существующего сайта

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

2.2. Анализ целевой аудитории

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

Различают три основные группы целевой аудитории сайта:

• посетители, заинтересованные в получении информации;

• посетители, заинтересованные в выборе товара или услуги;

• посетители, заинтересованные в приобретении товара или услуги.

Для сайта музея им. И. Н. Крамского была определена характерной первая группа.

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

2.3. Цветовое оформление

Цвет – один из самых мощных инструментов воздействия на человеческую психику. От того, насколько правильно подобрана цветовая гамма оформления сайта, напрямую зависит его успех среди посетителей. Поэтому при создании web-дизайна необходимо учитывать психологические и физиологические особенности его пользователей.

Методы сочетания цветов:

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

2. Метод контрастности. в этом случае используются противоположные цвета. Такой приём часто встречается в рекламе и дизайне интерьеров.

3. Метод сочетания природных цветов. Достаточно просто посмотреть вокруг и увидеть множество естественных и гармоничных цветовых комбинаций, созданных природой.

4. Метод использования цвета разной насыщенности. При этом методе применяется один и тот же цвет, но разных оттенков. Такой приём позволяет сделать аккуратные акценты и создаёт ощущение лёгкости.

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