ПЗ (1212777)
Текст из файла
Министерство транспорта Российской Федерации
Федеральное агентство железнодорожного транспорта
Федеральное государственное бюджетное образовательное учреждение
высшего образования
«Дальневосточный государственный университет путей сообщения»
Кафедра «Вычислительная техника и компьютерная графика»
К ЗАЩИТЕ ДОПУСТИТЬ
Заведующий кафедрой
______Ю.В. Пономарчук
«___» ____________ 2017
САЙТ ДЛЯ ОБЪЕКТА КГБОУДО ХКСДЮШОР
ск «энергия» И ЕГО ПОИСКОВАЯ ОПТИМИЗАЦИЯ
Выпускная квалификационная работа
ВКР 09.03.01.ИВТ.12-ИВТ(Б)-039 – ПЗ
Студент _________________________________________В. С. Шаныгина
Руководитель
доцент__________________________________________ Е.В. Данилова
Нормоконтроль
доцент, к.т.н. _____________________________________ Е.В. Буняева
Хабаровск 2017
СОДЕРЖАНИЕ
Введение 4
1 Теоретические аспекты создания и продвижения сайтов 5
1.1 Общие сведения о сайтах… 5
1.1.1 Виды web-сайтов 7
1.1.2 Структура сайта 11
1.1.3 Инструменты создания сайтов 12
1.2 Оптимизация сайта 18
1.2.1 Размещение сайта в сети «ИНТЕРНЕТ» 18
1.2.2 Виды оптимизации сайта 20
1.2.3 Внутренняя оптимизация сайта 21
1.2.4 Внешняя оптимизация сайта 23
2 Постановка задачи 25
2.1 Характеристика КГБОУДО ХКСДЮШОР 25
2.2 Формулировка требований к сайту 29
2.3 Выбор и настройка инструментов для создания сайта 31
2.3.1 Требования к аппаратным компонентам 31
2.3.2 Программные инструменты 31
3 Разработка web-сайта 41
3.1 Создание сайта 41
3.1.1 Изменение шаблона 41
3.1.2 Создание структуры меню и модулей 43
3.1.3 Создание категорий и наполнение сайта 45
3.1.4 Создание уникальной «иконки» для вкладки сайта 49
3.2 Оптимизация сайта …50
3.3 Технико-экономическое обоснование разработки web-сайта 53
Заключение 55
Список использованных источников 56
ВВЕДЕНИЕ
На сегодняшний день существует множество способов продвижения брендов, товаров и услуг. Однако с течением времени и технического прогресса некоторые виды рекламы устаревают, снижают свою эффективность, на смену им приходят новые, более приспособленные к современным нуждам виды. Одним из них является использование в качестве площадки для продвижения своих товаров или услуг глобальной сети «Интернет» [1].
Организации в рекламных целях создают различные сайты: сайты-визитки, интернет-витрины, интернет-магазины, корпоративные сайты. Данная выпускная квалификационная работа (ВКР) посвящена разработке сайта для спортивного комплекса (СК) «Энергия», являющегося полноценным продуктом, выполняющим рекламные функции деятельности данной организации в сети «Интернет». Основанием для разработки сайта послужила необходимость привлечения новых клиентов и партнеров для СК «Энергия».
Целью ВКР является создание web-сайта для СК «Энергия», облегчающего коммуникации с действующими и потенциальными партнерами, формирование положительного имиджа компании как предприятия, использующего современные технологии.
Для достижения поставленной цели необходимо решить следующие задачи:
-
провести анализ предметной области;
-
спроектировать web-интерфейс сайта, осуществить анализ и выбор инструментальных средств разработки;
-
выбрать средства разработки программного продукта.
Актуальность работы определяется значительной ролью информации в процессе работы предприятий различного рода деятельности, а также необходимостью поиска новых каналов привлечения клиентов с целью обеспечения рентабельности заказчика.
В процессе написания ВКР использовались следующие методы: изучение литературы, метод системного анализа, рассуждение и др.
Пояснительная записка состоит из введения, трёх глав, заключения и списка использованной литературы, насчитывающего 30 наименований. Работа включает 59 страницы, 40 рисунков и 1 таблицу.
В первой главе произведен анализ информационных технологий, используемых при создании сайтов, анализ языков web-программирования, анализ систем управления содержимым сайта.
Во второй главе дана краткая характеристика организации СК «Энергия», определены требования к создаваемому сайту, выбраны инструментальные средства, с помощью которых реализован сайт.
В третьей главе описан процесс создания сайта для СК «Энергия», спроектирована его структура и система навигации, создано содержимое сайта. Разработан дизайн сайта, рассмотрены вопросы оптимизации и безопасности сайта.
-
Теоретические аспекты создания и продвижения
сайтов
-
Общие сведения о сайтах
Web-сайт (от английского site – это местонахождение, положение; позиция) – совокупность электронных документов, находящихся в компьютерной сети, объединённых под одним доменным именем или IP-адресом.
Web-сайт в сети «Интернет» – это структурированная информация, которая размещается на сервере (выделенный компьютер из группы персональных компьютеров, для обработки web-данных) и открытая пользователям этой сети для свободного (авторизируемого или ограниченного) доступа.
Самый первый web-сайт в мире был создан в августе 1991 года. Его автор – Тим Бернерс-Ли, который разместил на нем описание новой технологии World Wide Web.
Все web-сайты в совокупности составляют Всемирную паутину, где коммуникация объединяет сегменты информации мирового сообщества в единое целое – «базу данных» планетарного масштаба. Изначально web-сайты представляли собой совокупность статичных документов. По мере развития коммуникаций они стали выполнять не только роль справки, аннотации, но и функционального офиса, новостного или медийного центра. В настоящее время большинству из них свойственна динамичность и интерактивность [2].
В разработке web-сайтов крупнейших организаций над созданием сайта трудится множество специалистов, таких как: web-дизайнеры (работа над дизайном web-сайта где учитывается цель создания и предполагаемая аудитория), верстальщики (работает с готовым дизайном web-сайта оптимизируя его под web-браузеры), программисты (создает структуру web-сайта помощью языка программирования) [3].
С момента основания сети «Интернет» количество ее пользователей увеличивается быстрыми темпами – в среднем на 10 – 15% в год. На данный момент в России сетью «Интернет» пользуются более 80 миллионов человек. Согласно статистики основная масса пользователей – это активное население страны в возрасте от 16 до 45 лет [4].
Сегодня нет практически ни одной организации, которая бы не имела своего web-сайта. Web-сайт нужен для продвижения компании. Наличие web-сайта говорит о стабильности компании, о серьезности намерений на рынке, о планах на дальнейшую перспективу и о том, что фирма заботится о своих клиентах, развивается и растет большими темпами.
Основная задача web-сайта – предоставлять информацию пользователям и потенциальным клиентам. В наше время более 70 % населения России пользуются сетью «Интернет», используют поисковые системы для нахождения необходимых товаров и услуг, а если продукция или услуга в отличие от конкурентов не представлена в сети «Интернет», то фирма можете потерять значительную часть рынка [5].
Достоинства web-сайт как инструмента для рекламы:
-
непрерывное воздействие на целевую аудиторию;
-
размещение большего количества информации по сравнению с листовкой, журналом или газетой;
-
отсутствие необходимости в постоянном обслуживании, возможность удаленной работы с ним (создание или удаление разделов, расширение ассортиментов товаров и услуг, добавление новых функций и сервисов);
-
снижение затрат на документооборот и разгрузка телефонных линии.
Реальную экономическую выгоду сайт приносит сразу после публикации в сети «Интернет». Эта выгода заключается в сокращении расходов на телефонные переговоры и высвобождения времени сотрудников фирмы для более важных дел.
Web-сайт выполняет следующие функции:
-
информационная функция – предоставление информации о товарах или услугах, которые предлагает компания;
-
рекламная функция – возможность позиционирования предложений для потенциальной аудитории;
-
имиджевая функция – участие в формировании фирменного стиля компании;
-
маркетинговая функция – возможность продавать товары и услуги компании и получать постоянную прибыль [6].
-
Виды web-сайтов
На сегодняшнее время в сети «Интернет» содержится множество различных web-сайтов. Все они отличаются друг от друга по различным параметрам.
Принято выделять следующие виды web-сайтов по классификационным признакам, представленным ниже.
По цели создания:
-
коммерческие;
-
некоммерческие.
По размеру аудитории:
-
простые (сайты-визитки, домашние web-страницы);
-
тематические, узконаправленные;
-
многофункциональные, Интернет-порталы.
По доступности:
-
открытые (доступны для любых посетителей);
-
полуоткрытые (необходима регистрация);
-
закрытые (доступны для узкого круга людей).
По особенностям представления информации и категориям решаемых задач:
-
Интернет-представительства организаций;
-
информационные ресурсы;
-
web-сервисы (web-сайты, на которых предоставляются услуги для выполнения определенных задач);
-
социальные сети (комбинированные web-сервисы).
По стилю оформления и функциональности:
-
статические;
-
динамические;
-
флэш-сайты.
Краткие характеристики некоторых видов сайтов представлены ниже.
По стилю оформления и функциональности:
-
статические web-сайты – это сайты, сделанные по стандартной технологии html. Статическими они называются потому, что, набирая определённый адрес (URL), соответствующий web-сайту вы всегда будете видеть одно и то же содержание. Такие сайты очень просты в создания и неприхотливы к аппаратным ресурсам, т.е. они не требуют поддержки скриптов и баз данных и могут размещаться на совершенно любом хостинге, и они не создают практически никакой нагрузки на сервер;
-
динамические web-сайты – полная противоположность статическим web т.к. динамические сайты не существуют в неизменном виде на сервере, а формируются при помощи скриптов. Содержание и вид динамической web-страницы с одним адресом может быть совершенно различным в зависимости от введённого запроса пользователем, от конкретного пользователя и даже в любой момент времени;
-
Flash-сайты – на сегодня это самый популярных вид web-сайтов. Параллельно с текстом, они позволяют размещать и видеоролики. Flash-сайты очень развиты в графике и представляют собой хороший способ Интернет-маркетинга, так как люди воспринимают видеоролики лучше, чем текстовую рекламу [7].
Виды web-сайтов по назначению:
-
сайт-визитка самый легкий из всех видов. Он обычно состоит из нескольких страниц и имеет уникальный, но простой и функциональный дизайн. На нем содержится основная информация о компании, контактные данные, место расположения, сфера деятельности, предлагаемые продукты и услуги. В основном такие сайты заказывают компании с не большим оборотом и частные лица;
-
корпоративные сайты характерны для компаний среднего и большого бизнеса. Сайт представляет подробную информацию о компании. Его задачей является продвижение бизнеса компании и автоматизация её деятельности. Он многофункционален, одновременно может включать в себя элементы Интернет-магазина, сайта-визитки и информационного ресурса. Обновление такого сайта происходит по мере надобности;
-
сайт-каталог – каталог с подробным описанием товаров или услуг, на нём нельзя оформить покупку, можно только ознакомиться с описаниями предоставляемых услуг и товаров;
-
Интернет-магазин. Сайт такого вида содержит каталоги с иллюстрациями и подробными описаниями товара или услуги, прайс-лист и систему, позволяющую клиентам совершать покупки (функция корзины для совершения более одной покупки за один раз, функция калькулятора, позволяющая рассчитать стоимость заказа, различные системы расчетов);
-
промо-сайт создается специально для продвижения какого-либо товара либо услуги или основного сайта компании.
Виды информационных сайтов:
-
тематический сайт (представляющий информацию по определенной теме). Сайты этого вида могут быть довольно объемными и подробно описывать какой-либо вопрос, предоставляя пользователям сети «Интернет», заинтересованным определённой темой, возможность получить по ней подробную информацию. Такие Интернет-странички являются одними из самых полезных и востребованных в сети «Интернет»;
-
тематический портал (крупнейший web-сайт, объединяющий в себе несколько универсальных сервисов). Портал – это ресурс, содержащий большое количество информации разных направлений. Он объединяет в себе множество видов тематических сайтов. Целью такого сайта является предоставление пользователям самой разнообразной информации. На страницах портала кроме информации находятся чаты, форумы, голосования и многое другое. Создавать, поддерживать и обеспечивать работу такого вида сайта очень непросто, но зато он привлекает пользователей практически всех категорий и каждому может быть полезным и интересным.
Виды web-сервисов:
-
новостные порталы. Новостные web-сайты позволяют людям со всего мира иметь доступ к последним новостям. Такие сайты очень удобны для большинства людей, потому как могут собирать в себе новости из множества источников разных направлений;
-
форумы. Форум может быть, как самостоятельным сайтом, так и его разделом. Чаще всего этот вид web-сайтов делается на «поддомене» основного web-сайта и предназначен для организации общения посетителей сайта между собой и с администратором сайта;
-
блог – это сайт, представляющий собой Интернет-дневник или журнал, который ведется наподобие новостной ленты. Блог часто используется для общения людей, объединенных какими-либо общими интересами и в этом чем-то, напоминает форум;
-
файлообменные сервисы (сайты, позволяющие обмениваться данными через сеть «Интернет»);
-
датахостинговые сервисы (сайты, предназначенные для хранения данных;
-
«датаэдиторинговые» сервисы (сайты, предназначенные для редактирования данных);
-
видео-сервисы (сервисы для хранения видео, RuTube, YouTube);
-
социальные медиа;
-
доски объявлений (сайты, на которых пользователи имеют возможность публиковать объявления);
-
каталоги сайтов (ресурсы, на которых представлена информация о разных сайтах, с подразделением на категории);
-
поисковые сервисы (например, Google, Яндекс);
-
почтовые сервисы (например, Mail.Ru, Яндекс).
Виды сайтов по возможностям, предоставляемым пользователям:
-
онлайн-сервисы (социальные закладки, сервисы, предоставляющие хостинг, поисковые сервисы, сервисы бесплатной электронной почты, онлайн-переводчики);
-
сайты электронной коммерции (Интернет-магазины, сайты, предоставляющие платные услуги, сайты, дающие возможность играть на Форексе, сайты систем электронных платежей, сайты банков);
-
сайты для онлайн-общения (форумы, чаты, доски объявлений, службы знакомств, icq, skype и другие);
-
контент-проекты – это web-сайты предоставляющие материалы для скачивания (энциклопедии, Интернет-библиотеки, справочники, статьи, собрания текстов) [8].
-
Структура сайта
Структура сайта – древовидное иерархическое представление всех элементов, включая информационные разделы и их подразделы.
Характеристики
Тип файла документ
Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.
Будьте внимательны на мобильных устройствах, так как там используются упрощённый функционал даже в официальном приложении от Microsoft, поэтому для просмотра скачивайте PDF-версию. А если нужно редактировать файл, то используйте оригинальный файл.
Файлы такого типа обычно разбиты на страницы, а текст может быть форматированным (жирный, курсив, выбор шрифта, таблицы и т.п.), а также в него можно добавлять изображения. Формат идеально подходит для рефератов, докладов и РПЗ курсовых проектов, которые необходимо распечатать. Кстати перед печатью также сохраняйте файл в PDF, так как принтер может начудить со шрифтами.