Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла

Министерство транспорта Российской Федерации

Федеральное агентство железнодорожного транспорта

Федеральное государственное бюджетное образовательное учреждение

высшего профессионального образования

«Дальневосточный государственный университет путей сообщения»

Кафедра «Вычислительная техника и компьютерная графика»

К ЗАЩИТЕ ДОПУСТИТЬ

Заведующий кафедрой

______Ю.В. Пономарчук

«_____»___________2015

САЙТ КОМПАНИИ ооо «тОКИО БАЙК» И ЕГО ПОИСКОВАЯ ОПТИМИЗАЦИЯ С ИСПОЛЬЗОВАНИЕМ seo-ТЕХНОЛОГИЙ

Выпускная квалификационная работа

ВКР 09.03.01.ИВТ.02.00.943 – ПЗ

Студент 943 гр. А.С. Гревцова

Руководитель

к.ф.-м.н, доцент Е.В. Данилова

Нормоконтролер

к.т.н, доцент Е.В. Буняева

Хабаровск 2015

Содержание

Введение 3

1 Обзор технологий, используемых для создания и продвижения web-сайтов 4

1.1 Создание web-сайтов 4

1.2 Продвижение web-сайтов 11

1.3 Выбор технологий для реализации проекта 16

2 Создание сайта 19

2.1 Проектирование сайта 19

2.2 Практическая реализация сайта 22

3 Продвижение сайта 41

4 Технико-экономическое обоснование проекта 48

4.1 Определение трудоемкости разработки приложения. 50

4.2 Расчет затрат и доходов при разработке сайта 51

Заключение 53

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

Введение

В наше время с каждым днем растёт численность интернет-аудитории, тем самым расширяя возможности поиска потенциальных клиентов. Web-сайт – отличный способ продемонстрировать открытость и создать имидж надежной и серьезной компании. К тому же, все большее число людей прибегают к поиску необходимых товаров и услуг в сети, и, если продукция не представлена в интернете, можно потерять значительную часть рынка. На web-сайте можно опубликовать всю возможную информацию о компании или продукции. Таким образом, можно избежать большого числа звонков и направить освободившееся время на развитие компании. Технологии современного web-сайта позволяют создавать удобную систему обратной связи, которая помогает изучить мнения клиентов, выявить слабые места и оперативно среагировать на изменения на рынке. Кроме того, возможность доступной связи с производителем позволяет повысить лояльность к бренду. Сайт не требует присутствия на рабочем месте. И все желающие могут получить необходимую информацию о компании или заказать продукцию в любой момент времени.

Главной целью проекта является разработка и продвижение в сети сайта компании ООО «Токио Байк». И для достижения поставленной цели необходимо:

– изучить и систематизировать материал о средствах и методах создания и продвижения сайтов;

– изучить требования заказчика, предъявляемые к сайту;

– разработать сайт компании;

– составить список рекомендаций для успешного проведения поисковой оптимизации;

– провести поисковую оптимизацию сайта.

1 Обзор технологий, используемых для создания и продвижения web-сайтов

Понятие «сайт» сейчас стало очень распространенным. Это во многом связано с развитием сети Интернет и с ее активным использованием.

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

Синонимами «сайта» стало понятие и «интернет сайт», и «веб-сайт». Чаще всего интернет-сайту соответствует одно так называемое доменное имя, именно по доменному имени сайт можно найти во Всемирной Паутине. Примерами доменных имен могут быть mail.ru, pogoda.ru, lenta.ru. Именно это имя участвует в так называемой «ссылке» на сайт.

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

Каждая страница может включать в себя текст, картинки, видео- или аудио-ролики. Можно так же увидеть так называемые ссылки на другие страницы. Это особые объекты, при щелчке на которые, Вы автоматически перейдете на другую страницу. Часто они подсвечены другим цветом, подчеркнуты, иногда в качестве ссылок могут выступать картинки [1].

1.1 Создание web-сайтов

HTML – Hyper Text Markup Language

Язык разметки гипертекста предназначен для создания web-страниц.

Под гипертекстом в этом случае понимается текст, связанный с другими текстами указателями-ссылками.

HTML представляет собой достаточно простой набор кодов, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на web-страницу подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами [2].

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

Директивы HTML называются тэгами (от английского слова tag – отметка).

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

XML – eXtensible Markup Language

Расширяемый язык разметки. Языки разметки используют для того, чтобы задать структуру документа. HTML, к примеру, используется только для определения структуры, тогда как XML может задать помимо структуры еще и содержимое web-страницы. XML не относится к прямым потомкам языка HTML. Он во многом похож на HTML и использует тот же синтаксис, однако уместнее будет сказать, что XHML был создан на основе HTML для того, чтобы переход к стандарту XML получился более плавным. Стандарт XML не допускает «вольностей», свойственных HTML, наподобие непарных тегов и нечувствительности к регистру [3].

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

CSS – Cascading Style Sheets

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

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

Стили можно задать не только для одной конкретной страницы, но и для всего сайта в целом. Также технологию CSS можно использовать практически на любом сервере без каких-либо ограничений [5].

DHTML – Dynamic Hyper Text Markup Language

Динамический язык разметки гипертекста. Это просто улучшенный и собранный воедино ряд web-технологий, расширенный набор средств. DHTML позволяет создавать более интерактивные web-страницы без увеличения загрузки сервера [6].

DHTML базируется на объектной модели документа DOM (Document Object Model), технология эта встроена во все виды браузеров и помогает осуществить доступ к любому отдельно взятому элементу web-страницы (который в дальнейшем можно видоизменить). А потому технология DHTML позволяет нам осуществлять программное управление всеми тегами и атрибутами и создавать сложные пользовательские интерфейсы. DHTML позволит программисту спроектировать такие интерактивные элементы, как движущийся фон, расположенный под статичным текстовым содержимым страницы, любые сложные объекты, выпадающие меню, мигающие при наведении курсора кнопки, анимацию, титры и многое другое.

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

Все описываемые языки программирования относятся к числу объектно-ориентированных.

Из них Perl, РНР, Python, JAVA – языки, исполняющиеся на сервере (серверные языки). JavaScript – язык, исполняющийся на браузере (клиентский). Компьютер, открывающий доступ к собственным ресурсам, носит название сервера, а получающий такой доступ – клиент.

Perl – Practical Extrifiction and Report Language

Практический язык для извлечения данных и составления отчетов, высокоуровневый интерпретируемый динамический язык программирования общего назначения. Оптимизирован для обработки большого количества текстовых файлов. Язык Perl обладает поистине ошеломляющими возможностями. Во-первых, он способен обрабатывать огромное количество документов на web-узле (сервере), во-вторых, многие серверы написаны как раз на языке Perl [7].

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

PHP – Hypertext Preprocessor

Это распространенный язык программирования общего назначения с открытым исходным кодом. Язык программирования PHP создавался специально для сети. Его код может внедряться непосредственно в HTML. PHP лучше всего охарактеризовать так: программист пишет сценарии – код, сервер, получая готовые указания, обрабатывает информацию и выводит результат на монитор пользователя [8].

PHP помогает создавать динамические web-приложения, такие как форумы, счетчики статистики, может работать с большими объемами данных – массивами. Очень хорошо язык PHP подходит для написания систем управления сайтами «движков».

Для того чтобы сайт быстрее загружался, стоит разбить страницу на отдельные элементы. Язык программирования PHP позволяет «на лету», за считанные доли секунды, объединять отдельные составляющие в цельную web-страницу.

Основное достоинство языка PHP – простота изучения. Он будет интуитивно понятен программистам, обладающим навыками в таких языках, как Perl и C, и для новичка вполне доступен.

В PHP нет поддержки ссылок на переменные, из-за чего сложно обрабатывать масштабные структуры данных, например, вложенные списки. Нет проверки типов данных передаваемых функций, что может повлечь за собой множественные ошибки [9].

Python

Python прост для освоения, а между тем этот язык программирования на уровень выше, чем PHP и C. Это достигается за счет встроенных высокоуровневых структур данных (списки, массивы, словари, тьюплы). Это язык общего назначения, на котором можно одинаково успешно разрабатывать системные приложения с графическим интерфейсом, утилиты командной строки, научные приложения, игры, приложения для web и многое другое [10].

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

Единственный недостаток Python – это некоторая «неторопливость», которая объясняется интерпретируемостью программы, написанной на данном языке.

JAVA

JAVA представлен на сегодняшний момент в двух вариантах: JavaScript и собственно JAVA.

JavaScript – лишь надстройка стандарта HTML, которая значительно расширяет возможности документа, созданного в этом формате. Часть кода, написанная на JavaScript, внедряется в документ HTML как подпрограмма и вызывается на исполнение соответствующей строкой HTML-кода. Весь сценарий JavaScript умещается в одном-единственном теге <script>. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно. JavaScript работает в большинстве браузеров, таких как Intenet Explorer, Firefox, Chrome, Opera, и Safari [11].

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

Характеристики

Тип файла документ

Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.

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

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

Список файлов ВКР