Интернет-магазин с функцией форума по продаже товаров для художников

Тип работы:
Дипломная
Предмет:
Программирование


Узнать стоимость

Детальная информация о работе

Выдержка из работы

Министерство образования и науки Российской Федерации

ФГБОУ ВПО «Сибирский государственный индустриальный университет»

Институт дополнительного профессионального образования

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

к выпускной квалификационной работе:

Интернет-магазин с функцией форума

по продаже товаров для художников

Слушатель

Кутукова Ю.В.

Руководитель зав. сектора НТБ

Койнов Р. С.

Директор ИДПОк.э.н. доцент

Шарафутдинов Р.Я.

Новокузнецк

2013 г.

Пояснительная записка 38 стр. 10 рис.

САЙТ, ИНТЕРНЕТ — МАГАЗИН, HTML, CSS, PHP, MYSQL, SEO, ДИЗАЙН, ИНТЕРФЕЙС.

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

Объектом работы является специфика проектирования сайта интернет-магазина

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

Содержание

Введение

1. Теоретическая часть

1.1 Классификация сайтов

1.2 Базовые Интернет-технологии для создания интернет-магазина

1.2.1 Языки разметки и таблицы стилей

1.2.2 Web-сервер

1.2.3 Языки сценариев и программирования

1.2.4 Базы данных и СУБД для web-приложений

1.2.5 Архитектура баз данных для web-приложений

1.2.6 Поддержка, обслуживание и продвижение сайтов

1.3. SEO -оптимизация сайта

1.3.1 Как работают поисковые машины Интернета

1.3.2 Этапы составления индекса и поиска по нему

2. Разработка интернет-магазина

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

2.2 Программно-технические средства

2.3 База данных

2.4 Создание схемы главной страницы сайта

2.5 Верстка страниц

2.6 Публикация данных

Заключение

Список используемых источников

приложение сайт поиск продажа

Определения, обозначения и сокращения

В настоящей ВКР применяют следующие термины с соответствующими определениями:

1. HTML — hypertext mark-up language — язык разметки гипертекста. Система кодов для разметки документов. Применяется для документов, циркулирующих в среде World Wide Web. Основная задача HTML — определить структуру документов и семейств документов так, чтобы они могли быть легко и быстро доставлены пользователю по сетям и отображены на самых разных дисплеях.

2. Сайт (от англ. website: web -- «паутина, сеть» и site -- «место», буквально «место, сегмент, часть в сети») -- совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединенных под одним адресом (доменным именем или IP-адресом).

3. URL — Uniform Resource Location — унифицированный адрес ресурса. Стандартная форма обозначения имен файлов в Интернете и в World Wide Web, описывающая тип сетевой службы, абонентское имя компьютера и имя файла на данном компьютере, включая полный путь поиска файла.

4. MySQL — свободная реляционная система управления базами данных.

5. БД — база данных MySQL.

Введение

В настоящее время в области информационных технологий и, в частности, методах программирования просматривается тенденция отхода от корпоративных (уровня предприятия) в сторону интернет — технологий.

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

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

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

За последние несколько лет интернет вообще и браузеры в частности кардинально изменились. Теперь браузеры больше не являются статичными инструментами для вывода текста и изображений. Они превратились в платформы для приложений.

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

HTML5 — новая технология, которая позволит обеспечить полную совместимость между разными браузерами.

Разработка HTML5 началась в новой рабочей группе W3C в 2007 году.

В недалеком будущем (3−5 лет) ведущие специалисты по разработке веб-браузеров предсказывают бурный рост их функциональности. Их возможности будут приближаться к возможностям операционных систем.

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

Объектом исследования данной работы является совокупность методов и средств, применяемых на сегодняшний день при создании динамичных интерактивных сайтов.

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

Описаны технические составляющие сайта и способы его публикации во Всемирной паутине.

1. Теоретическая часть

1.1 Классификация сайтов

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

визитка;

витрина;

интернет-магазин;

корпоративное представительство;

промо-сайт;

информационный проект;

портал.

Визитка — рекламный буклет в Интернете

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

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

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

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

Корпоративное представительство — информация для посетителей и рабочий инструмент для сотрудников фирмы.

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

Промо-сайт — все для рекламы

Главной задачей промо-сайта является продвижение на рынке товаров определенной марки. В этом случае информация о компании отодвигается на «задний план». Общие черты промо-сайтов: яркие, очень динамичные с дизайном,

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

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

Информационный проект — прекрасный маркетинговый и имиджевый инструмент.

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

Портал — сайт «все в одном»

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

Тема данной дипломной работы по указанной классификации относится к интернет- магазину.

1.2 Базовые Интернет-технологии для создания интернет-магазина

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

1.2.1 Языки разметки и таблицы стилей

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

HTML (HyperText Markup Language, язык гипертекстовой разметки) является первостепенной важности технологией разметки, применяемой на web-страницах. Традиционный HTML определяется шаблоном DTD (Document Type Definition, описание типа документа) стандартного обобщенного языка разметки (Standardized General Markup Language, SGML) и существует в трех основных версиях (HTML 2, HTML 3.2 и HTML 4). Есть три разновидности HTML 4: переходная, строгая и набор фреймов, причем большинство авторов документов пользуются переходным вариантом. HTML 4. 01 является наиболее современной и окончательной версией HTML.

Хотя многие теги и правила HTML довольно хорошо определены, большинство производителей браузеров предоставляют расширения к этому языку, выходящие за рамки описания стандартного обобщенного языка разметки. Более того, сами браузеры мало способствуют укреплению норм языка разметки, что приводит к небрежному применению этой технологии. К тому же, в то время, как HTML следует использовать прежде всего для структурирования документа, многие разработчики также употребляют его для форматирования документа для его демонстрации. Функции HTML, связанные с форматированием, в конечном итоге будут полностью вытеснены каскадными таблицами стилей (Cascading Style Sheets, CSS). Впрочем, даже при наличии достаточной поддержки таблиц стилей в браузерах, многие разработчики продолжают употреблять таблицы HTML и характерные HTML-теги в дизайне своих страниц.

XHTML — это новая редакция HTML, выполненная с помощью XML (eXtensible Markup Language, расширяемый язык разметки), а не SGML. XHTML разрешает две основные проблемы, связанные с HTML. Во-первых, XHTML, уделяя большое внимание применению таблиц стилей, продолжает оказывать давление на дизайнеров, с тем чтобы они отделяли внешний вид документа от его структуры. Во-вторых, XHTML привносит намного более строгое требование о соблюдении правил разметки web-страниц. К примеру, в документах XHTML должны содержаться только теги в нижнем регистре, атрибуты должны быть обязательно обрамлены кавычками, и, в основном, все правила в том виде, как они определены в спецификации, должны соблюдаться.

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

Расширяемый язык разметки (Extensible Markup Language, XML) многими расхваливается как революционная технология разметки, которая изменит облик web-страниц. Тем не менее, несмотря на эту рекламу, лишь немногие в точности понимают, что на самом деле такое XML. Вкратце, XML является разновидностью

SGML, модифицированной для Web; таким образом, он позволяет разработчикам задавать их собственный язык разметки. Значит, с помощью XML можно изобрести YML (Your Markup Language, Ваш язык разметки).

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

Таким образом, все еще актуально для разметки web-страниц пользоваться языком HTML.

1.2.2 Web-сервер

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

Одним из самых популярных серверов Интернет является Apache. Его популярность обусловлена прежде всего тем, что он является бесплатным и достаточно быстрым. Основными достоинствами Apache считаются надёжность и гибкость конфигурации. Он позволяет подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках и т. д.

Несмотря на то, что первоначально данный сервер разрабатывался для операционных систем UNIX, сейчас он адаптирован под операционную систему Windows. Web-сервер Apache — своего рода стандарт сервера в сети Интернет.

1.2.3 Языки сценариев и программирования

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

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

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

Вспомогательные приложения

Программы программного интерфейса приложения (API) браузера:

сменные модули Netscape,

элементы управления ActiveX,

апплеты Java;

Языки сценариев:

JavaScript,

VBScript.

Варианты web-программирования на стороне сервера:

Сценарии и программы CGI;

Программы программного интерфейса приложения (API) сервера:

модули Apache,

расширения и фильтры ISAPI,

сервлеты Java;

Сценарии на стороне сервера:

Active Server Pages (ASP/ASP. NET),

ColdFusion,

PHP.

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

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

PHP представляет собой язык с открытым исходным кодом для выполнения на сервере сценариев, создающих динамические web-страницы. Помимо независимости от браузеров он предлагает простое и универсальное, независимое от платформы решение для электронной коммерции и сложных web-приложений, в том числе управляемых базами данных. PHP подходит для программирования баз данных. Он поддерживает большинство имеющихся сегодня СУБД, включая MySQL, Oracle, MSSQL, Sybase и DB2.

1.2.4 Базы данных и СУБД для web-приложений

Сегодня наиболее распространенным подходом для организации информационной базы web-приложений являются реляционные базы данных.

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

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

Функционирование БД обеспечивается совокупностью языковых и программных средств, называемых системой управления базами данных (СУБД).

Основная задача СУБД — предоставить пользователю БД возможность работать с ней, не вникая в детали на уровне аппаратного обеспечения. Иными словами, СУБД позволяет конечному пользователю рассматривать БД как объект более высокого уровня по сравнению с аппаратным обеспечением, а также предоставляет в его распоряжение набор операций, выраженный в терминах языка манипулирования данными высокого уровня (например, набор операций, которые можно выполнять с помощью языка SQL).

Сложные управляемые данными web-приложения по ряду причин используют СУБД. Во-первых, с помощью SQL web-программист может переложить большинство задач хранения и управления данными на СУБД. Во-вторых, СУБД лучше человека справляются с управлением большими объемами данных. В-третьих, БД хранят данные постоянно, в то время, как переменные и их данные в сценариях PHP обычно существуют лишь на протяжении запроса данной страницы. Благодаря этому постоянству СУБД могут принимать более разумные решения по поводу того, что относится к производительности работы с диском и кэшированию памяти.

Хранение информации в БД также позволяет разработчику PHP писать меньший объем кода (благодаря тому, что задачи обработки данных передаются СУБД) и рассматривать отвлеченно всю систему управления данными.

СУБД обычно дают следующие преимущества:

— высокая целостность данных (не гарантируемая файлами);

— улучшенная непротиворечивость данных при множественном доступе;

— улучшенная защита;

— стандартная защита;

— различные представления, основанные на одних и тех же структурах;

— независимость от файловых структур;

— устранение избыточности информации;

— отображение в объекты;

— экономия дискового пространства благодаря объединению таблиц без потерь.

1.2.5 Архитектура баз данных для web-приложений

Рассмотрим внешнее построение системы web-баз данных. Основная операция web-сервера проиллюстрирована на рисунке 1.1. Эта система состоит из двух объектов: web-браузера и web-сервера. Между ними должен существовать канал связи. Web-браузер посылает запрос на сервер, сервер отсылает обратно ответ. Для сервера, отсылающего обычные статические страницы, такая архитектура подходит. Архитектура же сайта, который включает в себя базу данных, несколько сложнее.

Web-браузер пользователя отправляет HTTP-запрос определенной web-страницы. Например, поиск статьи на сайте, используя HTML-форму. Допустим, страница с результатами поиска называется results. php.

Web-сервер принимает запрос на results. php, получает файл и передает его механизму РНР на обработку.

Механизм РНР начинает синтаксический анализ сценария. В сценарии присутствует команда подключения к базе данных и выполнения запроса в ней (поиск статьи). РНР открывает соединение с сервером MySQL и отправляет необходимый запрос.

Сервер MySQL принимает запрос в базу данных, обрабатывает его, а затем отправляет результаты -- в данном случае, список статей -- обратно в механизм РНР.

Механизм РНР завершает выполнение сценария, форматируя результаты запроса в виде HTML, после чего отправляет результаты в HTML-формате Web-серверу.

Web-сервер пересылает HTML в браузер, с помощью которого пользователь просматривает список необходимых статей.

Процесс этот, как правило, протекает вне зависимости от того, какой сценарный механизм и какой сервер баз данных используется. Зачастую программное обеспечение web-сервера, механизм РНР и сервер баз данных находятся на одной машине. Правда, не менее часто сервер базы данных работает на другой машине. Это делается из соображений безопасности, увеличения объема или разделения потока. С точки зрения перспектив развития, в работе оба варианта одинаковы, однако в плане производительности второй вариант может оказаться более предпочтительным.

MySQL — очень быстрая, надежная система управления реляционными базами данных (СУРБД). База данных позволяет эффективно хранить, искать, сортировать и получать данные. Сервер MySQL управляет доступом к данным, позволяя работать с ними одновременно нескольким пользователям, обеспечивает быстрый доступ к данным и гарантирует предоставление доступа только имеющим на это право пользователям. Следовательно, MySQL является многопользовательским, многопотоковым сервером. Он применяет SQL, используемый по всему миру стандартный язык запросов для баз данных.

MySQL составляет все более значительную конкуренцию таким дорогостоящим гигантам как Oracle и MS SQL Server. Немаловажным фактором является то, что СУБД MySQL распространяется совершенно бесплатно. В настоящее время пакет MySQL доступен как программное обеспечение с открытым исходным кодом.

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

1.2.6 Поддержка, обслуживание и продвижение сайтов

Само по себе создание сайта — это отправная точка его жизни. Чтобы он давал какой-то эффект от своего существования, необходимо продумать этап его продвижения, а также заняться его поддержкой и обновлениями. Отсутствие таковых часто сводит на нет все преимущества даже отлично сделанного сайта.

Сайт должен постоянно обновляться, он должен быть так же динамичен, как и ваш бизнес, а ещё лучше, если его динамика гораздо выше. Это покажет клиентам, что вы постоянно находитесь в работе и никуда не пропадаете.

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

Продвижение сайта стоит намного дешевле в расчёте на целевого клиента, чем реклама на радио, ТВ и печатных изданиях..

Способы рекламы сайта:

— реклама по целевым запросам: контекстная реклама (Яндекс. Директ, Бегун (begun. ru) и Google. Adwords);

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

— отсутствие той информации, которую он хочет получить от Вас: информация должна легко находиться;

При продвижении сайта необходимо учитывать следующие моменты:

— медленно загружается: по статистике, для того чтобы понять, тот это сайт или нет и принять решение уйти или остаться, пользователю надо не более семи секунд. Именно секунды решают всё в борьбе за пользователя, который может стать вашим клиентом, партнёром или инвестором;

— отсутствие той информации, которую он хочет получить от Вас: информация должна легко находиться;

— привычки людей в отношении пользования сайтами: привычная структура на сайте позволяет пользователю быстро и чётко адаптироваться к нему и ориентироваться.

Средства и способы продвижения подбираются индивидуально исходя из целей и бюджетов продвижения.

1.3 SEO -оптимизация сайта

Поискомвая оптимизамция (англ. search engine optimization, SEO) -- комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей. Обычно чем выше позиция сайта в результатах поиска, тем больше заинтересованных посетителей переходит на него с поисковых систем. При анализе эффективности поисковой оптимизации оценивается стоимость целевого посетителя с учётом времени вывода сайта на указанные позиции и конверсии сайта.

1.3.1 Как работают поисковые машины Интернета

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

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

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

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

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

1.3.2 Этапы составления индекса и поиска по нему

1) Сбор адресов веб-страниц в Интернете

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

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

2) Выкачивание страниц

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

3) Составление индекса.

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

3) Поиск.

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

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

Еще одним важным критерием качества работы поисковика является точность.

Точность — это мера качества выданных результатов, она вычисляется как количество релевантных страниц в общем объеме страниц, выданных в результатах поиска. Однако важна не только точность поиска, но и ранжирование результатов поиска. тироваться. — отсутст

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

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

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

Продвинуть сайт в «зону видимости» помогает поисковая оптимизация или SEO.

SEO оптимизация (англ. Search Engine Optimization) — это наука по выведению вашего сайта в поисковые системы на хорошие позиции по ключевым запросам, которые относятся к теме вашего сайта.

2. Разработка интернет-магазина по продаже товаров для художников

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

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

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

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

В функциональной части необходимы следующие элементы:

— авторизация клиента;

— набор покупательской корзины с подсчетом стоимости заказа;

— отправка заказа на почту магазина с одновременным занесением в базу данных

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

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

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

2.2 Программно-технические средства

Для решения поставленной задачи использовались следуюшие средства:

компьютер с ОС Windows XP, с выходом в интернет, на который были установлены

Сервер apache 2. 2

MySQL 5.1. 49

PHP 5.2. 7

phpMyAdmin 3.3. 7

MySQL Administrator 1.2. 17

Dreamweaver CS5

MicroOLAP Database Designer for MySQL

Графические редакторы Photoshop.

Все эти и другие средства использовались в той или иной мере.

2.3 База данных

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

MySQL из-за её бесплатности и мобильности. С использованием графического

MicroOLAP Database Designer for MySQL была создана база данных, представленная на Рисунке 2.3.1.

В таблице Категории содержатся названия категорий, их идентификационный номер (id).

В Товары — наименование товара, его id, описание, цена за единицу.

В Склад — id товара на складе, id самого товара и количество единиц товаров, находящихся на складе.

В таблице Пользователи содержатся уникальные имена (ники), пароли и контактные данные клиентов.

В Заказы — список ссылок на заказанные товары и их количество.

В Платежи — данные об адресе, времени, курьере, контактном телефоне, требуемыми для исполнения заказа.

Рисунок 2.3.1 — Схема Б Д сайта

2.4 Создание схемы главной страницы сайта

Для хорошей функциональности сайта важен удобный интерфейс. Удобный интерфейс должен соответствовать нескольким простым правилам.

1) Простое решение для макета главной страницы.

Излишняя оригинальность и нестандартный вид страницы затрудняет восприятие страницы пользователем. Пользователь теряется и не понимает куда ему следовать за нужной ему информацией.

2) Простая навигация.

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

3) Соответствие пожеланиям заказчика, а так же кругу посетителей сайта.

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

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

На рисунках 2.4.1 и 2.4.2 представлены схемы главной страницы сайта и схема главного меню.

Рисунок. 2.4. 1- Схема главной страницы сайта

.

Рисунок. 2.4. 2- Схема главного меню сайта

2.5 Верстка страниц

Главная страница index. php является визиткой с ее атрибутами. Имеютсяукрашающие элементы: логотип, ниже баннер, представляющий собой слайд-шоу популярной продукции. Фон имитирует холст. Этот фон и логотип присутствует на всех страницах сайта.

Страница также имеет верхнее и нижнее меню, форму для оставления комментария, блок новостей

Для зарегистрированного пользователя появляется именное приветствие и кнопка перехода на личную страничку.

Рисунок. 2.5. 1- Вид главной страницы.

Страница регистрации указана на Рисунке. 2.4.2. В традиционном стиле

предлагается заполнить форму, где обязательными являются поля имени, e-mail, телефона, адреса и дважды пароля. Методами Javascript проверяется имя на непустоту и совпадение двух наборов паролей. После успешной проверки методами PHP проверяется отсутствие введенного имени в базе данных и, если такого имени еще нет, то имя и зашифрованный функцией PHP md5() пароль сохраняются в таблице Пользователи базы данных.

Рисунок 2.5.2 — Страница регистрации

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

Эта страничка также имеет две разновидности (Рисунки 2.4.3 и 2.4. 4)

— для незарегистрированного гостя

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

Рисунок 2.5. 3- Страница меню для неавторизованного пользователя.

Рисунок 2.5. 4- Страница меню для авторизованного пользователя

На Рисунке 2.4.5. показана страница с демонстрацией видео мастер-класса, выйти на которую можно через нижнее меню.

Эта возможность реализована через сайт «You Tube», путем вставки предоставляемого сайтом html-кода через панель администрирования.

Рисунок 2.5. 5- Страница демонстрации видео мастер-класса

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

Эта возможность реализована через сайт «ВКонтакте», путем вставки предоставляемого сайтом html-кода в таблицу стилей (CSS).

Рисунок 2.5. 6- Форма обратной связи

И, наконец, предусмотрен еще тип пользователя сайта с правами администратора базы данных. У него в таблице Пользователи должен быть проставлен особый статус. Администратор имеет свой логин и пароль и может зайти на панель администрирования (Рисунок 2.5. 7)

Рисунок 2.5. 7- Страница администратора БД

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

Этот инструмент при использовании скриптов SQL позволяет обойтись без phpMyAdmin хостинга.

2.6 Публикация сайта

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

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

Необходимый набор услуг для нас — это:

1) сервер apache,

2) PHP 5,

3)MySQL 5.

Остальные слово «бесплатный» используют в качестве рекламного элемента для поднятия рейтинга сайта. Бесплатность у них на 10−30 дней, а далее либо оплачивать, либо «отключат». Либо нет нужного набора услуг. Имеются приемлемые предложения на http: //guru-host. ru и http: //arvixe. ru.

У первого довольно сложная регистрация, разные логины для доступа к разным услугам: обычная авторизация, для входа в панель управления своим сайтом, для доступа к ftp. Потом пароли можно поменять. Предоставляемый бесплатно объем дисковой памяти 35 Мб. Для начала достаточно. Правда, через месяц пользования могут вставлять свою рекламу.

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

Заключение

В представленной дипломной работе дана условная классификация типов интернет — сайтов. Описаны базовые интернет — технологии, необходимые для создания интернет — магазина. Это язык разметки HTML, каскадных стилей CSS, языки сценариев Javascript и PHP. Описаны методы SEO-оптимизации сайта Рассмотрена организация базы данных на примере MySQL. Поставлена задача создания интернет — магазина для продажи товаров для художников. Указаны программно — технические средства, используемые для решения поставленной задачи. Предложено одно из возможных решений задачи с подробным описанием этапов проделанной работы. Рассказано о методах публикации сайта на хостинге.

Список используемых источников

Макфедрис П. Создание Web-страниц: Пер. с англ. Текст] .- ООО «издательство АСТ»: ООО «издательство Астрель», 2004. — 218с.

Котеров Д.В. PHP5 / Костарев А. Ф. — Спб, 2005. — 322с.

Дронов В.А. JavaScript в Web-дизайне [Электронный ресурс ]

Кузнецов М., Симдянов И. Самоучитель MySQL5 [Электронный ресурс ] / Симдянов И. — Спб, 2005.

ПоказатьСвернуть
Заполнить форму текущей работой