Проектирование web-сайта

Министерство культуры и образования 

Казанский государственный  университет культуры и искусств

 

 

 

 

 

 

 

 

 

 

 

 

 

Проектирование web-сайта

 

Курсовая работа.

 

 

 

 

 

 

 

 

 

 

Казань,2012 год

Министерство культуры и образования 
Казанский государственный университет культуры и искусств 
Факультет информационно-документных коммуникаций 
Кафедра информатики и медиатехнологий

 

 

 

 

 

 

 

 

 

 

 

 

  “Кошки”: 
Проектирование web-сайта. 

Курсовая работа. 

 

 

 

 

 

 

Исполнитель 
Ананьева Эвелина Александровна 
студентка группы №195

Научный руководитель 
Храмченков Эдуард Максимович

                                                                          Подпись:                                                                         
                                                                                                                     Заведующая кафедрой 
                                                                                                           Ключенко Тамара Ивановна 
                                                                                      Профессор, доктор педагогических наук

                                                                           Подпись:

 

 

 

 

Казань, 2012год

Содержание

 

Введение                                                                                                                 4                         

1.Выявление целей создания сайта и постановка проблемы, решаемой с созданием сайта                                                                                                6   

           1.1 Определение целей создания сайта                                                  6                          

           1.2 Определение целевого сегмента потребителей                             6      

           1.3.Аудитория сайта                                                                              10

2. Выбор темы                                                                                                   13      

           2.1.Анализ аналогов сайтов                                                                   13

           2.2 Обоснование типа разрабатываемого web–узла                             20                          

3. Создание наброска сайта                                                                             25                 

          3.1 Перечень требований по содержимому и функциям Web-сайта    25                         

          3.2 Создание рабочего наброска сайта                                                   26                            

4. Разработка набора макетов страниц                                                        28                           

          4.1 Определение функциональных зон страниц сайта                           28                     

          4.2 Нахождение идеи пластического решения, определение колорита страниц                                                                                                                 30

         4.3 Разработка композиционного решения страниц сайта                     32                      

         4.4 Нахождение идеи решения основных зон страниц сайта                 33                             

5. Декомпозиция макета на структурные блоки и модули                       37                          

         5.1 Разработка модульной сетки на основе утвержденного макета      37          

         5.2.Разработка руководства по стилю                                                       39      

6. Оптимизация контента сайта                                                                      43                   

Заключение                                                                                                          45

Приложение 1                                                                                                       47

Список использованных источников                                                            48               

 

 

 

 

 

Введение

Мир не стоит на месте, он находится в постоянном развитии. Вместе с ним развиваются и общество, и наука, и технологии с техникой. Появляются новые явления, которые всё теснее и теснее вторгаются в нашу жизнь и становятся неотъемлемыми элементами её. 
Недавно такой составляющей нашего существования стал Web-сайт. Сейчас мы всё чаще и чаще обращаемся к нему за различными интересующими нас вопросами: выбираем наиболее подходящую турфирму для отдыха, заказываем подарки из широкого ассортимента или узнаём что-то новое из области музыки, литературы, искусства и многое другое. Web-сайт стал для нас не просто очередным явлением общества, а стал чем-то вроде помощника, советника.

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

Просторы Интернета стремительно расширяются - сейчас веб-ресурсов великое множество и каждый из них стремится заинтересовать посетителя, привлечь внимание. Способов для «покорения» пользовательских сердец немало – разработка экстраординарного дизайна, применение флеш-анимации, различных баннеров, звуковых и других спецэффектов. Однако сайт - это, прежде всего, источник информации и поэтому прямая задача владельца ресурса сделать свои странички удобными для извлечения искомого контента. Именно поэтому так важна интуитивно понятная навигация сайта.

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1.Выявление целей создания  сайта и постановка проблемы, решаемой с созданием сайта 

1.1. Определение целей создания сайта

Создание сайта нужно начинать с анализа по нескольким причинам:

·  во-первых, понять, для каких  целей сайт создается;

·  во-вторых, нужно заранее знать, какую информацию надо подобрать  по теме: статьи, иллюстрации, данные;

·  в-третьих, чтобы знать, в каком стиле создавать сайт: цветовые сочетания, текста и т.п.;

·  в-четвертых, с анализа нужно  начинать для того, чтобы еще на начальных этапах понять – потяните ли вы создание данного проекта или  нет.

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

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

·  нехватка информации об отдельных менее популярных породах  кошек;

·  информация, размещенная  на сайте, поможет правильно ухаживать  за кошками той или иной породы, так как владелец будет информирован об особенностях породы;

·  также сайт поможет  расширить кругозор любителям кошек.

 

1.2. Определение целевого сегмента потребителей

Сегмент - группа покупателей, обладающая похожими потребностями, желаниями и возможностями. Разделение рынка на различные сегменты и их последующее изучение позволяет компаниям сконцентрировать свое внимание на наиболее перспективных, с точки зрения прибыльности, сегментах (целевых).

Сегментация может быть произведена как на потребительском, так и на промышленном рынке (рынке  организаций).

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

В России сегментацию  по географическому признаку можно  провести следующим образом: регион – Сибирь, Урал; область – Ленинградская, Московская, Нижегородская; район – Коломенский, Воскресенский; размер города – с населением менее 5 тысяч человек, 5-20 тысяч, 20-50 тысяч и т.д; плотность – города, пригороды, сельская местность; климат – северный, южный.

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

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

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

В соответствии с рекомендациями Т. Бонома и Б. Шапиро сегментирование рынка организаций чаще всего проводится по следующим признакам: демографическому, операционному, закупочному, ситуационному, личностному (особенности заказчика).

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

Сегментирование в соответствии с операционным признаком выделяет такие переменные как: технология (какие  технологии заказчиков должны приняты  ко вниманию); статус пользователя (какие  потребители будут выбраны компанией  – с низкой, средней или высокой степенью потребления); объем требуемых товаров/услуг (каких заказчиков стоит выбрать – предпочитающих большие или малые партии товаров).

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

Сегментирование по ситуационному  признаку выделяет переменные: срочность (следует ли компании-поставщику обслуживать заказчиков, которым может понадобиться срочная и непредвиденная поставка); область применения (на использовании товаров по прямому назначению или на всех вариантах использования стоит сосредоточить внимание); размер заказа (большие или малые партии будут поставляться заказчикам).