Проектирование web-сайта "Бойцовые собаки – кто они?"

Проектирование web-сайта "Бойцовые собаки – кто они?"

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

проектирование web-сайта «Бойцовые собаки – кто они?»

Содержание

Введение

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

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

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

2. Выбор темы

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

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

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

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

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

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

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

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

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

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

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

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

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

7. Верстка

7.1 Разработка логической и физической структуры сайта

7.2 Детализация выбранной концепции и разработка окончательного дизайн-макета сайта

8 Тестирование сайта

Заключение

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

Введение

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

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

2)  Пожалуй, единообразие материалов - это наиболее важное к ним требование. То есть, унификация содержимого сайта придает ему солидность и строгость во внешнем виде.

3)  Важно, что однородность материалов не обязательно приводит к общей «скучной информативности» сайта, - это, скорее, вопрос языка, на котором материалы написаны. Не стоит думать, что «я сделаю все одинаковым, и будет скучно», потому что будет не скучно, а упорядоченно, а чтобы сделать действительно «интересный беспорядок», нужно сначала научиться делать «порядок».

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

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

6)  Так же я должна создать сайт с использованием css - это язык стилей, определяющий отображение HTML-документов. Например, CSS работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами.

Вообще, основная функция интернет-сайта заключается в том, чтобы с его помощью донести некую информацию до определенного круга лиц, заинтересованных в этой информации. То есть сайт — это своего рода средство массовой информации, аудитория которого заметно отличается от аудитории других СМИ. Отличается хотя бы потому, что все остальные СМИ (и газеты, и теле- и радиоканалы и др.) распространяются (вещают) на определенной территории в определенное время, а интернет-сайт доступен круглосуточно из любой точки планеты, где есть доступ в интернет.

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

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

сайт макет верстка тестирование

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

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

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

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

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

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

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

Данный сайт поможет решить сразу несколько проблем:

·  нехватка информации без предвзятого отношения к бойцовым собакам (на различных сайтах о породах пишут «либо плохо», «либо хорошо»);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Данные, необходимые для анализа целевой аудитории сайта «Бойцовые породы – кто они?»:

1)  Географические

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

2)  Демографические

Я считаю, пол, национальность, профессия не имеют значения, так как человек независимо от этого может оказать предпочтение любой породе. Но, возможно, важен возраст: от 20-ти до 40-ка лет, либо старше. Так как человек должен делать выбор осознанно, иметь либо свою отдельную жилплощадь (если есть возможность), либо с ним должны быть согласны все члены семьи. Желательно, чтобы в семье дети были (как минимум) подростками, так как им хотя бы можно будет оставаться с собакой дома одним.

3)  Экономические

Данный фактор является весомым, так как большинство собак бойцовой породы стоят в среднем от 10-ти тысяч рублей. Таким образом зарплата в среднем у человека должна быть примерно 10-15 тысяч рублей. Но этот фактор не учитывается, если человек решил просто лишь получить информацию, а не купить собаку.

4)  Психологические

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

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

2 Выбор темы

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

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

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

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

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

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

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

1)Сайт «Американские стаффордширские терьеры»

Рисунок 1 - Главная страница сайта "Американские стаффордширские терьеры - клуб любителей"

Рисунок 2 - Второстепенная страница сайта "Американские стаффордширские терьеры - клуб любителей"

Рисунок 3 - Меню, на которое далее будет ссылка

1)  Индекс цитирования средний, 40% аудитории приходит с поисковых систем. Около 50%-ти процентов со ссылающихся сайтов.

2)  Быстрота доступа. Загружается страница не долго, так как не загружена графикой.

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

4)  Структура сайта слишком ассиметрична, что также мешает работе с сайтом. Создается ощущение, что на главную страницу сайта «накидана вся информация, которая может заинтересовать».

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

6)  В поисковых системах сайт находится по следующим запросам:

·  Стаффордширские терьер;

·  стаффорд;

·  бойцовые собаки;

·  как воспитать стаффордширского терьера;

·  фото Стаффорда.

7)  Ключевые слова сайта – стаффордширский терьер. Именно с этим тегом сайт в поисковиках располагается в первых 10-ти сайтах.

8)  За последний год статистика посещений упала в разы.

2)Сайт «Клуб защиты»

Рисунок 4 -Главная страница сайта "Клуб защиты"

Рисунок 5 -Внутренняя страница сайта "Клуб защиты"

1)  Слишком много пустых пассивных полей.

2)  Очень удобная структура. Помимо главного меню (в котором в каждом заголовке есть еще и подзаголовки), есть еще и дополнительное меню - уже не несущее особого потока информации, а созданное для развлечения посетителей.

3)  С легкостью можно пройти на любую второстепенную страницу и вернуться на главную, либо предыдущую. Поисковик расположен удобно.

4)  Новости на сайте постоянно пополняются, комментируются.

5)  В поисковиках в основном находится по тегам:

·  Бойцовые собаки;

·  опасные породы бойцовых собак;

·  стаффорд;

·  бультерьер;

·  питбуль;

·  амстаффорд.

Также эти слова являются ключевыми.

6)  За последние полгода статистика возросла на 0.5%

3)Сайт «Питбуль-клуб»

Рисунок 6- Главная страница сайта "Питбуль клуб"

Рисунок 7- Второстепенная страница сайта "Питбуль клуб"

1)  Индекс цитирования небольшой, всего 30%. В основном посетители находят по поисковым системам.

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

3)  Загрузка страниц проходит быстро.

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

5)  Информация на сайте актуальна для тех людей, которые интересуются данной породой собак, хотели бы знать о ней побольше.

6)  В поисковых системах сайт находится по запросам:

·  Питбуль;

·  щенки питбулей;

·  история создания бойцовых пород.

7)  За последние полгода посещаемость сайта выросла на 1.5%.

4)Сайт «Бойцовые породы собак»

Рисунок 8 -Главная страница сайта "Бойцовые породы собак"

Рисунок 9- Второстепенная страница сайта "Бойцовые породы собак"

1)  Индекс цитирования хороший, около 50-ти%. В основном сайт находится через поисковики, но много ссылок на него с других сайтов, справочников и тд.

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

3)  Страница загружается не медленнее, чем остальные сайты.

4)  Удобная навигация: нажав на нужную ссылку, попадешь туда, куда тебе и нужно. Так же легко вернуться на главную страницу.

5)  Информация является актуальной для людей, которых интересуют бойцовые породы, которые не любят эти породы, или просто хотят узнать о них побольше.

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

5)Сайт «Собака и все остальное»

Рисунок 10- Главная страница сайта "Собаки и все остальное"

Рисунок 11- Второстепенная страница сайта "Собаки и все остальное"

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

2)  Загружается сайт чуть медленнее, чем остальные.

3)  Навигация простая: с главной на второстепенные, а уже с них приходиться через поисковик снова возвращаться на главную.

4)  Структура так же не обременительная: все коротко и ясно, без каких-либо паутин ссылок.

5)  Информация актуальна для заядлых собачников, для тех, кто хочет заинтересовать своих детей воспитанием собаки.

6)  Сайт находится по запросам: собаки, сайт о собаках, четвероногие друзья, породы собак, воспитание собаки.

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

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

Существует несколько видов сайтов:

1)  Информационные веб-сайты. На таких веб-сайтах представлена информация по конкретной теме или об определенной организации. Это самые распространенные в сети Internet веб-сайты; с течением времени они зачастую перенимают некоторые черты других категорий веб-сайтов.

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

3)  Веб-сайты сообществ. На этих веб-сайтах представлена информация или средства, связанные с осуществлением операций, но упор делается на взаимодействие между посетителями. Веб-сайты, основанные на сообществах, имеют тенденцию к фокусированию на конкретной теме или человеке; они поощряют взаимодействие между сходно мыслящими личностями

4)  Развлекательные веб-сайты. Эти веб-сайты создаются для игр или некоего занимательного взаимодействия, для которого могут употребляться элементы операционного, информационного типов и веб-сайтов сообществ.

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

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

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

Сайт, который предстоит разработать мне, является информационным, так как на данном сайте будет дана информация по определенной теме – бойцовые собаки, так же эта тема будет разрабатываться и постоянно пополняться дополнительной информацией.

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

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

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

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

Таблица1-Контент:

Страницы: 1, 2