39616

Разработка web-сайта интернет-магазина для аптеки

Дипломная

Информатика, кибернетика и программирование

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

Русский

2013-10-07

4.74 MB

623 чел.

Реферат

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

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

Объём проекта – 151 страница, количество рисунков – 35, таблиц – 10, приложений – 10, графическая часть – 6, используемых источников – 58.


Содержание

Нормативные ссылки 8

Определения 9

Обозначения и сокращения 10

Введение 12

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

2 Основание и выбор средств разработки 18

3 Разработка компонентов web-сайта 22

3.1 Компоненты главной страницы 22

3.1.1 Главная страница 22

3.1.2 «Шапка» сайта 23

3.1.3 «Тело» главной страницы 24

3.1.4 «Подвал» сайта 27

3.2 Страница «Каталог»  27

3.3 Страница «Лекарственные средства» 29

3.4 Страница «Об аптеке» 32

3.5 Страница «Доставка» 32

3.6 Страница «Как заказать» 33

3.7 Страница «Контакты» 34

4 Разработка программного обеспечения 36

4.1 Выбор программного обеспечения 36

4.1.1 Система управления содержимым сайта WordPress 3.3.1 36

4.1.2 Редактор Adobe Dreamweaver CS5 38

4.1.3 Редактор Notepad++ 6.1 41

4.2 Разработка сайта интернет-магазина 42

4.2.1 Создание интернет-магазина 42

4.2.2 Установка темы сайта 42

4.2.3 Создание страниц сайта 43

4.2.4 Разработка меню сайта 44

4.3  Продвижение сайта 44

4.3.1 Определение целей 45

4.3.2 Формирование ядра запросов и их группировка 45

4.3.3 Анализ конкуренции по каждому из запросов 46

4.3.4 Аудит сайта 46

4.3.5 Внутренняя оптимизация  46

4.3.6 Добавление сайта в поисковики 48

4.3.7 Внешняя оптимизация 48

4.3.8 Работа по оптимизации web-сайта 49

5 Руководство пользователя 51

5.1 Основной интерфейс администратора интернет-магазина 51

5.1.1 Обязательные требования 51

5.1.2 Домен и хостинг 52

5.1.3 Администрирование web-сайтa 52

5.1.4 Управление заказами 52

5.2 Основной интерфейс покупателя интернет-магазина 53

5.2.1 Каталог продукции 53

5.2.2 Страница описания продукции 54

5.2.3 Отзывы о продукции 54

5.2.4 Корзина покупателя 55

5.2.5 Оформление заказа 56

6 Экономический раздел 59

6.1 Задачи экономического раздела 59

6.2 Исходные данные 60

6.3 Расчёт затрат на разработку программного продукта 61

6.4 Экономический эффект от использования

программного продукта 66

7 Безопасность жизнедеятельности 68

7.1 Характеристика рабочего места пользователя персональной электронно-вычислительной машиной 68

7.2 Безопасность труда 68

7.2.1 Электробезопасность 68

7.2.2 Защита от электромагнитного излучения 69

7.2.3 Защита от электростатического поля 70

7.2.4 Защита от шума 70

7.3 Условия труда 71

7.3.1 Микроклимат в производственном помещении 71

7.3.2 Производственное освещение 72

7.4 Эргономика рабочего места 74

7.4.1 Организация рабочего места 74

7.4.2 Режим труда и отдыха 77

7.5 Пожарная безопасность 78

7.5.1 Характеристика помещения по пожарной безопасности 78

7.5.2 Степень огнестойкости строительных конструкций 78

7.5.2 Первичные средства защиты 79

7.5.4 Система предупреждения и тушения пожара 79

7.6 Чрезвычайные ситуации 80

8 Природопользование и охрана окружающей среды 81

8.1 Оценка качества окружающей среды Верх-Исетского района города Екатеринбурга по данным Экомир  81

8.2 Последствия загрязнения окружающей среды 84

8.3 Мероприятия по охране труда 85

Заключение 88

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

Приложение А 93

Приложение Б 99

Приложение В 104

Приложение Г 109

Приложение Д 114

Приложение Е 119

Приложение Ж 124

Приложение И 133

Приложение К 141

Приложение Л 146


Нормативные ссылки

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

ГОСТ 12.1.003 – 83

ССБТ. Шум. Общие требования безопасности.

ГОСТ 12.1.005.88

ССБТ. Общие санитарно-гигиенические требования к воздуху рабочей зоны.

ГОСТ 12.1.006-84

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

ГОСТ 12.1.019-79 2001

ССБТ. Электробезопасность. Общие требования и номенклатура видов защиты.

ГОСТ 12.1.030-81

ССБТ. Электробезопасность. Защитное заземление, зануление.

ГОСТ 12.1.045-84

ССБТ.  Электростатические поля. Допустимые уровни на рабочих местах и требования к проведению контроля.

TCO'5.1

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


Определения

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

CMS

«Content Management Software» («программное обеспечение для управления содержимым»).

Web-сайт

Место в это место в Интернете, которое определяется своим адресом (URL), имеет своего владельца и состоит из веб-страниц, которые воспринимаются как единое целое, которое определяется своим адресом (URL).

Виджет

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

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

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

Плагин

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

Сайдбар

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

 

Обозначения и сокращения

CSS

Cascading Style Sheets — каскадные таблицы стилей — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

HTML

HyperText Markup Language - язык гипертекстовой разметки. На этом языке браузеру сообщается, какой именно текст и другие элементы (картинки, таблицы, формы) и каким образом нужно отображать на странице.

XML

Extensible Markup Language – расширяемый язык разметки.

PHP

Hypertext Preprocessor — «PHP: препроцессор гипертекста»;— скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений.

Apache

Свободный веб-сервер.

MySQL

Свободная система управления базами данных (СУБД).

WP

WordPress — система управления содержимым сайта (CMS) с открытым исходным кодом.

IBM PC

Массовый персональный компьютер производства фирмы IBM.

ПЭВМ

Персональная электронная вычислительная машина

ЭМИ

Электромагнитное излучение


Перечень графической документации

Название

Формат

Количество листов

Экранные формы: главная страница и страница об аптеке

А1

1

Экранные формы: страница каталога и меню

А1

1

Экранные формы: страницы каталога

А1

1

Экранные формы: страницы как заказать, доставка

А1

1

Экранные формы: страницы оформление заказа, подтверждение заказа

А1

1

Характеристика предметной области

А1

1


Введение

 

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

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

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

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

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

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

1. Имиджевая функция. Она отвечает за формирование образа владельца сайта среди интернет-пользователей. Главную роль при этом играет оформление ресурса.

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

3. Информационная функция. Заключается в том, что интернет-ресурс должен предоставить посетителям максимум регулярно обновляемой тематической информации о компании и её деятельности.

Естественно, что для осуществления электронной коммерции, необходимо современное программное обеспечение. В качестве ОС для разработки была выбрана Windows XP Professional. В качестве технологии разработки будет использоваться WordPress. Информационная система будет представлять собой реляционную базу данных под управлением MySQL.


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

В ходе дипломного проектирования необходимо разработать web-сайт  интернет-магазина. Он предназначен для аптеки «Люцина».

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

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

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

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

Основные преимущества аптеки «Люцина»:

  1.  множество дополнительных услуг для клиентов;
  2.   удобная и бесплатная система доставки, когда лекарства привозят на дом, что очень кстати, особенно во время болезни;
  3.  оплата лекарств и товаров по пластиковым картам;
  4.  низкие цены;
  5.  широкий ассортимент;
  6.  гарантия  качества.

Руководство аптеки «Люцина» всегда  готово выслушать конкретные пожелания и предложения, направленные на совершенствование и развитие их деятельности.

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

Разрабатываемое приложение должно удовлетворять следующим требованиям:

  1.  Предоставлять потенциальному покупателю полную информацию о товарах (название, цена, описание, год выпуска).
  2.  Наличие расширенной системы поиска. Поиск по категориям и по названию, путем ввода части слова или целиком.
  3.  Предоставлять потенциальному покупателю всю необходимую информацию для совершения покупки в интернет-магазине.
  4.  Предоставлять потенциальному покупателю возможность задавать вопросы по работе интернет-магазина.
  5.  Иметь удобную и быструю систему заказа продукции.
  6.  Иметь несколько разных способов оплаты продукции.
  7.  Наличие системы скидок для постоянных покупателей.
  8.  Возможность просмотра истории заказов и отслеживание хода выполнения текущих.
  9.  Возможность оставлять отзывы.
  10.  Возможность подписки на новости Интернет-магазина.
  11.  Обеспечивать конфиденциальность информации о покупателях и заказах.
  12.  Возможность добавления, удаления и редактирования информации о продукции.
  13.  Возможность просмотра заказов и изменение хода их выполнения.

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

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

  1.  Информация о товарах и услугах оборачивается быстрее. Фактически, вы получаете дополнительный коммуникационный канал, открытый 24/7 (оборот, вошедший в английский язык в связи с развитием электронной коммерции и обозначающий работу 24 часа в сутки, 7 дней в неделю). Вы более доступны для клиента географически и во времени, к тому же он получает новое средство поиска и работы с информацией.
  2.  Быстрее оборачивается внутренняя информация (документы, служебная переписка, принятие и утверждение решений и пр.). Расширенная возможность для контроля исполнения. Иначе говоря, ускоряются все бизнес-процессы за счет доступности и скорости передачи информации.
  3.  Интернет предлагает новые сервисы для клиентов – например, отслеживание продвижения заказа. Наличие дополнительных сервисов создает конкурентное преимущество и приводит к вам новых посетителей.
  4.  Поскольку Интернет является технологической оболочкой, он позволяет собирать важную информацию о ваших клиентах. Кроме того, он позволяет использовать маркетинговый инструментарий – опросы, рассылки и т.п. оперативно и без дополнительных затрат.
  5.  Системы электронной коммерции помогут сэкономить на персонале и на аренде площадей для торговых залов[3].

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


2 Основание и выбор средств разработки

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

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

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

  1.  "легко найти"- понятный интерфейс и удобная навигация;
  2.  "хорошо предложить" - система перекрестных ссылок и предоставление дополнительной информации, объем которой не превышает разумных пределов;
  3.  "быстро купить" - чем меньше кликов мышкой нужно сделать для совершения покупки, тем лучше;
  4.  "способы оплаты" – предоставление различных способов оплаты;
  5.  "время доставки" – чем меньше время доставки товара, тем лучше.

Во многих интернет-магазинах отсутствует такой способ оплаты, как наложенный платёж[2]. Для многих покупателя важно сначала подержать товар в руках, а только потом заплатить за него, особенно если это первый заказ в интернет-магазине. Скорее всего, покупатель выберет тот магазин, в котором будет присутствовать этот способ оплаты.

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

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

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

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

Для создания web-сайта может быть использован следующий инструментарий[18]:

1. Языки разметки: HTML, XHTML, XML, CSS и др. Это единственная категория, которую при создании веб-страниц нельзя обойти в принципе. Стоит отметить, что, если HTML одновременно отвечает и за содержание, и за оформление, то современная тенденция — корректное использование (X)HTML и XML для передачи семантики веб-страницы, а CSS — для оформления.

2. Языки активных сценариев, исполняемые на стороне сервера, в самом браузере, а результат выполнения выводящие на экран: JavaScript, JScript (все вместе и в ногу со временем — ECMAScript), VBScript.

3. Языки серверных сценариев, код которых выполняется на сервере (и не виден конечному пользователю), а результат формирует окончательную страницу и выдает в браузер посетителя: PHP, Perl, ASP, JSP, Parser, ColdFusion и другие. Собственно, ЯСС не работают без специализированных серверов, например, Apache и IIS. Часто они работают в сочетании с базами данных — изначально упорядоченными массивами текстовой информации (MySQL, PostgreSQL, SQLite, Oracle, MSSQL, Firebird и др.), для обращения к которым используются разновидности языка SQL.

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

5. Встраиваемая растровая графика. Современные браузеры воспринимают изображения в форматах JPG, GIF и PNG. Поддержка формата BMP, похоже, ушла в прошлое. Сочетание (X)HTML- и CSS-разметок с графикой и составляет основу верстки и дизайна большинства страниц[16].

6. Технология Flash (+ язык ActionScript). Используется как для анимированных векторных графических вставок в отдельных фрагментах веб-страниц, так и для построения целых сайтов.

7. Технология апплетов Java. Была популярной, поскольку позволяла создавать интересные визуальные эффекты. Ныне используется редко, например, для интерактивных карт.

8. Программы, исполняемые на сервере в помощь серверным языкам. Например, модули сервера для выполнения сценариев по времени (cron). Или программа по обработке графики, которая делает уменьшенные копии изображений по запросу сценария[15].

Оптимизировать web-сайт можно с помощью следующих действий:

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

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

Поэтому при создании сайта очень важно учитывать[13]:

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

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

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

Выбирая цветовое решения, важно не забывать следующее:

  1.  цвета должны соответствовать фирменному стилю компании;
  2.  комбинация цветов зависит от целевой аудитории данного сайта;
  3.  цвета должны гармонировать между собой.

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

Для разработки web-сайта в качестве ОС была выбрана Windows XP Home Edition. В качестве технологии разработки будет использоваться WordExspress. Информационная система будет представлять собой реляционную базу данных под управлением MySQL 5.1. HTTP-сервер  Apache. Интерпретатор скриптов PHP 5.3.3. Использован плагин Quick Shop.


3 Разработка компонентов web-сайта

3.1 Компоненты главной страницы

3.1.1 Главная страница

Главной страницей сайта является страница index.  Она представлена на рисунке 1. Index.php — традиционное название головного файла веб-сайта, написанного языком гипертекстовой разметки PHP.

Рисунок 1- Главная страница сайта

Этот файл ищется веб-сервером по умолчанию, если не указан другой файл в URL. Если ни один из этих файлов не существует на сервере, сервер может выдать либо листинг всех файлов указанного каталога, либо ошибку доступа 404 или 405 (рисунок 2).

Рисунок 2 – Ошибка доступа

Для дизайна сайта выбрана тема magicland. Она соответствует стилистике аптеки,  её цветовой гамме и тематической направленности продаваемых товаров.

Тема имеет серый фон, нежное синее обрамление главного поля шаблона. Наличие ярких цветов несёт в себе олицетворение лета, теплоты и вдохновения. В данной теме присутствуют художественные элементы: трава, листья. Шаблон имеет многофункциональное меню.

 

3.1.2 «Шапка» сайта

Вверху страницы находится серый прямоугольник с рисунком, который является "шапкой" данной страницы и сайта в целом, так как во всех остальных страницах она присутствует без изменений. «Шапка» страницы изображена на рисунке 3.

Рисунок 3 - «Шапка» web-сайта

С левого края шапки расположен заголовок сайта – название аптеки – «Люцина» и пояснение назначения сайта – интернет-магазин. В самом верху расположено меню сайта. Меню представлено на рисунке 4.

Рисунок 4 – Меню сайта

3.1.3 «Тело» главной страницы

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

Рисунок 5 – «Тело» главной страницы

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

Рисунок 6 – Центральная колонка

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

Правая колонка содержит последние новости о компании. Реализовано это в виде скриптового кода, транслирующего и отображающего новостную ленту. Модули представлены на рисунках 7, 8, 9, 10.

Рисунок 7 – Модуль «Поиск товара»

Рисунок 8 – Модуль «Новинки»

Рисунок 9 – Модуль «Корзина»

Рисунок 10 – Модуль «Новости»

 

 

3.1.4 «Подвал» сайта

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

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

Рисунок 11 - «Подвал» web-сайта.

3.2 Страница «Каталог»

Страница «Каталог» содержит все основные элементы сайта, такие как «шапка» и «подвал», а так же повторяет некоторые элементы главной страницы: поиск товара и корзина.  В центре находятся картинки с подписями, указывающие категории товаров. Нажатием на картинку выбираем нужную категорию. Картинки содержат ссылки на соответствующие страницы. Эти страницы содержат описания товаров по категориям. На рисунке 12 представлена страница каталога.

Рисунок 12 – Страница «Каталог»

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

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

Рисунок 13 - Меню каталога

3.3 Страница «Лекарственные средства»

При выборе в меню каталога категории «Лекарственные средства», покупатель попадает на страницу «Лекарственные средства» (рисунок 14). Страница «Лекарственные средства» содержит такие элементы как «шапка» и «подвал», поиск товара и корзину.

Рисунок 14 - Страница «Лекарственные средства»

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

У каждого товара есть форма, в которой содержится наименование товара, его цена и кнопка «Добавить в корзину». Пример описания товара приведен на рисунке 15.

Рисунок 15 – Описание товара

Все страницы каталога сделаны по тому же принципу, что и страница «Лекарственные средства». Аналогичные страницы категорий «Косметические средства», «Средства гигиены», «Медицинская техника» имеют такой же формат. Они представлены на рисунках 16, 17, 18.

Рисунок 16 – Страница «Косметические средства»

Рисунок 17 – Страница «Средства гигиены»

Рисунок 18 – Страница «Медицинская техника»

3.4 Страница «Об аптеке»

Страница «Об аптеке» состоит из «шапки» и «подвала», поиска товара и корзины. В центральной колонке расположен текст с информацией об аптеке. Пример страницы на рисунке 19.

Рисунок 19 – Страница «Об аптеке»

3.5 Страница «Доставка»

Страница «Доставка»  также состоит из «шапки» и «подвала», поиска товара и корзины. В центральной колонке расположен текст об условиях доставки, месте доставки и способах доставки. Страница приведена на рисунке 20.

Рисунок 20 – Страница «Доставка»

3.6 Страница «Как заказать»

Страница «Как заказать»  содержит «шапку», «подвал», модули поиска товара и корзины. В центральной колонке расположен текст о том, как заказать товар, условиях оплаты, способах подтверждения заказа на товары. Страница приведена на рисунке 21.

Рисунок 21 – Страница «Как заказать»

 3.7 Страница «Контакты»

Страница «Контакты» содержит такие обязательные элементы как «шапка» и «подвал», но главным её назначением является указать пользователю на место расположения аптеки «Люцина». В текстовой форме представлены адреса и телефоны аптеки, её реквизиты. Указан режим работы аптеки. Страница приведена на рисунке 22.

Рисунок 22 – Страница «Контакты»

Для наглядного отображения местонахождения сайта на странице имеется статичная схематичная карта, являющаяся графическим рисунком формата .jpg. На статичной карте изображен здание, где находится магазин и близлежащие дороги. Карта показана на рисунке 23.

Рисунок 23 - Карта со страницы «Контакты»

4 Разработка программного обеспечения

4.1 Выбор программного обеспечения

Web-сайт для аптеки разрабатывался и проходил дальнейшую обработку в  административной панели  системы управления содержимым сайта WordPress 3.3.1  и HTML-редакторах Adobe Dreamweaver CS5 , Notepad++. Для создания была выбрана операционная система Microsoft Windows Home Edition  версии 2002 Servise Pack3. Выбор обоснован хорошей отказоустойчивостью системы и наличием программного обеспечения. Она является наиболее распространённой и знакома большинству пользователей. Так же данная операционная система является предпочтительной для заказчика сайта.

4.1.1 Система управления содержимым сайта WordPress 3.3.1

WordPress – это Система Контент Менеджмента (Content Management System или сокращенно – CMS) с открытым исходным кодом, распространяемая под GNU GPL. Официальный сайт wordpress.org [33]. WordPress (WP) позволяет редактировать и создавать контент вашего сайта при помощи специальной администраторской панели. Помимо этого, в этой CMS реализована возможность подстраивать «под себя» навигационную структуру сайта, включая расположение страниц, «сайдбаров», «виджетов», «баннеров», при этом знания HTML языка могут быть минимальны или вообще отсутствовать. WordPress легок в освоении. Эта CMS подходит для выполнения большого спектра задач – от создания «сайта визитки» до огромного новостного портала.
          WordPress является Open Source разработкой, созданной благодаря работе тысяч программистов со всего мира, и поэтому его установка бесплатна.
WordPress является web-приложением, написанным на языке PHP, использующим для хранения данных базы MySQL.

PHP – язык программирования, разработанный для создания web-приложений; MySQL – бесплатная база данных, постоянно дополняемая и развиваемая. Все это, также как и WP, является Open Source разработками. 

WordPress является самой популярной CMS: в 2010 году приблизительно 200 миллионов сайтов по всему миру использовали в его качестве Системы Управления контентом.

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

Бесплатные темы для WordPress помогают легко и непринужденно изменить внешний облик сайта. А бесплатные плагины для WordPress расширяют его функционал.

Большинство пользователей WP выбрали эту CMS за ее легкость в использовании, чего нельзя сказать о более сложных аналогах (Joomla, Dropal), которые могут быть не только трудны в понимании, но и платными (DLE).

Сайт создавался с помощью административной панели WP. В ней создавались страницы, установлены тема сайта, записи о товарах, меню.

Административная панель WP показана на рисунке 24.

Рисунок 24 - Административная панель WordPress

4.1.2 Редактор Adobe Dreamweaver CS5

Adobe Dreamweaver - профессиональный редактор HTML для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети. Официальный сайт - adobe.com [34].

Визуальные возможности редактирования в Dreamweaver позволяют быстро создавать страницы без того, чтобы писать код вручную. Существует возможность просматривать все элементы сайта или активы и быстро вставлять их из панели непосредственно в документ. Можно упрощать действия, создавая и редактируя изображения в Adobe Photoshop или в другом графическом редакторе, затем импортируя их непосредственно в Dreamweaver, или добавляя объекты Flash Professional.

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

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

Основной упор в данном продукте сделан на визуализацию разработки веб-страницы. Работа проходит в режиме WYSIWYG (What You See Is What You Get – что видишь, то и получаешь), то есть Dreamweaver объединяет в себе средство для визуального расположения элементов, управления их свойствами на уровне языка HTML и средства поддержки Dynamic HTML.

Adobe Dreamweaver обеспечивает:

  1.  генерацию свободного от ошибок HTML-кода;
  2.  динамическое отображение создаваемой страницы в выбранном браузере;
  3.  сохранение расположения для ранее созданных документов и документов, созданных другими средствами;
  4.  средства наглядного дизайна таблиц и фреймов;
  5.  генерацию Dynamic HTML для различных браузеров;
  6.  расширяемую коллекцию скриптовых программ JavaScript;
  7.  поддержку анимации, схожую с инструментами Macromedia Director.

Dreamweaver также обеспечивает полнофункциональную среду написания кода, которая включает инструментальные средства редактирования кода (например, раскраска кода или проверка закрытия тегов) и справочная информация по HTML, CSS, JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы JavaServer (JSP).

Dreamweaver также дает возможность строить динамические станицы использующие сервер-технологии CFML, ASP.NET, ASP, JSP и PHP. Dreamweaver полностью настраиваемый. Существуют версии программы под Windows и Mac OS.

В разработке данного web-сайта Dreamweaver был необходим для редактирования тегов, являющихся ключевыми при оценке сайта роботами поисковых систем. В этой программе происходила пометка заголовков сайта тегом  <H1> и <TITLE>. Определялся цвет и размер шрифтов для визуального разграничения разных тематических блоков. Была задана кодировка сайта для правильно отображения в различных браузерах при разных региональных настройках. Была выбрана кодировка  UTF-8 - в настоящее время распространённая кодировка, реализующая представление Юникода, совместимое с 8-битным кодированием текста. Нашла широкое применение в операционных системах и веб-пространстве. В отличие от UTF-16, UTF-8 является самосинхронизирующейся кодировкой: при потере одного байта последующие байты будут раскодированы корректно.

Текст, состоящий только из символов Юникода с номерами меньше 128, при записи в UTF-8 превращается в обычный текст ASCII  и наоборот, в тексте UTF-8 любой байт со значением меньше 128 изображает символ ASCII с тем же кодом. Остальные символы Юникода изображаются последовательностями длиной от 2 до 6 байт (реально только до 4 байт, поскольку использование кодов больше 221 не планируется), в которых первый байт всегда имеет вид 11xxxxxx, а остальные — 10xxxxxx.

Проще говоря, в формате UTF-8 символы латинского алфавита, знаки препинания и управляющие символы ASCII записываются кодами US-ASCII, a все остальные символы кодируются при помощи нескольких октетов со старшим битом 1. Это приводит к двум эффектам:

  1.  Даже если программа не распознаёт Юникод, то латинские буквы, арабские цифры и знаки препинания будут отображаться правильно.
  2.  В случае, если латинские буквы и простейшие знаки препинания (включая пробел) занимают существенный объём текста, UTF-8 даёт выигрыш по объёму по сравнению с UTF-16.

В Dreamweaver была задана неизменяемая ширина «тела» страниц в 900 пикселей, такое значение было определено по причине разноформатности мониторов. Данная ширина позволяет корректно отображать содержимое страниц независимо от диагонали монитора, используемого браузера на ПК, либо мобильном устройстве. Данный сайт будет корректно отображаться на любом из современных устройств.  На рисунке 25 представлено изображение программы Dreamweaver CS5.

Рисунок 25 - Dreamweaver CS5

4.1.3 Редактор Notepad++ 6.1

Текстовый редактор для программистов и веб-дизайнеров Notepad++ обладает хорошей функциональностью и удобным интерфейсом и при этом отличается быстротой работы. Редактор может открыть сразу несколько документов, подсвечивать множество языков программирования, автоматически завершать набираемый текст, записывать макросы и многое другое. В Notepad++ присутствуют следующие опции: мастер создания своей схемы подсветки, возможность создания своего API-файла для подстановки набираемого текста, режим печати WYSIWYG, который позволяет при печати листинга сохранять подсветку кода и много всевозможных функций для работы с текстом (вставка дат, замена спецсимволов на их коды, удаление лишних пробелов и переводов строки и т.д.) К программе подключаются плагины, которые добавляют ей дополнительные возможности, например, просмотр открытого документа в шестнадцатеричном виде и файловый менеджер.

В разработке сайта этот редактор применялся для быстрой редакции файлов PHP. Например, вставка ссылок на полезные ресурсы в «подвале» сайта. Изображение программы приведено на рисунке 26.

Рисунок 26 - Редактор Notepad++ 6.1

4.2 Разработка сайта интернет-магазина

  1.  Создание интернет-магазина

Создание сайта на WordPress подробно описано на сайте www.chvv.com.ua [36].  Интернет-магазин  из простого сайта на WordPress создаётся подключением соответствующего плагина в административной панели. На консоли, в разделе «плагины» загружается и активируется плагин.

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

Для создания интернет-магазина был выбран плагин Quick Shop. Большой плюс плагина – его бесплатность. Плагин интуитивно понятен и прост в установке. Установка и настройка плагина происходила по руководству на сайте http://wphelp.ru/2011/quick-shop-guide.htm [35].  В настройках плагина указываются денежные единицы (рубли), страница, на которую переходит покупатель для оформления заказа, способы оплаты. После его настройки получается корзина товара, возможность выбора и система оформления заказа. Плагин дает возможность настраивать дизайн, делать виджеты корзины и создавать разные группы товаров.

  1.  Установка темы сайта

Для оформления сайта, его дизайна, установлена тема magicland. Темы сайта устанавливаются  в соответствующем разделе административной панели на консоли в категории «внешний вид»-> «темы».

В административной панели в категории «внешний вид» есть редактор php-файлов. С помощью редактора можно изменять файлы текущей темы. Таким образом, был изменен файл «подвала» header.php, sidebar.php. Увеличен размер шрифта заголовка, его положение. Настроены и убраны ненужные элементы боковых колонок.

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

Бывают ситуации, когда необходимо показать виджет только на определенных страницах сайта, а на других его надо скрыть. Ведь по умолчанию WordPress показывает виджеты везде и всегда. Для этой цели служит плагин TS Custom Widgets,  у него только одна функция – определить, где будет показан тот или иной виджет на сайте.

Плагин создает свое собственное меню в административной панели сайта под названием "TS Custom widgets". Именно там и происходит настройка вывода виджетов. В первой колонке будет выведен список неиспользуемых в блоге виджетов (но доступных для использования на вкладке "Внешний вид\Виджеты"). Можно настроить их вывод на сайте, но пока они не будут добавлены в сайдбар (боковая колонка в сайте)  - они показываться не будут.

  1.  Создание страниц сайта

В административной панели Wordpress в разделе «страницы» создаются и редактируются страницы. На страницу можно добавить текст, изображение, анимацию, ссылку, вставить запись.

На главной страницы вставлены записи. HTML-код главной страницы (index.html) приведён в приложении А.

На странице «Каталог» расположены изображения со ссылками на другие страницы. HTML-код страницы «Каталог» (katalog.html) приведён в приложении Б.

Страницы «Контакты», «Как заказать», «Доставка», «Об аптеке» аналогичны и содержат текст. HTML-коды страницы «Контакты»,  «Как заказать», «Доставка», «Об аптеке» приведены в приложениях В, Г, Д, Е.

Страницы категорий меню каталога, содержащие информацию о товарах, также похожи  по своей структуре и содержат записи о товарах. HTML-коды страницы «Лекарственные средства», «Косметические средства», «Средства гигиены», «Медицинская техника» приведены в приложениях Ж, И, К, Л.

  1.  Разработка меню сайта

Для удобства навигации по сайту сделано главное меню.

Меню сделано с помощью плагина UberMenu - WordPress Mega Menu Plugin. С помощью этого плагина можно сделать много видов разнообразных меню с различными стилями и расположением как горизонтальным, так и вертикальным, в стандартный пакет входит 10 разных цветовых стилей меню. Можно добавлять в меню картинки и разбивать его на блоки.

Устанавливается плагин, как и все плагины, или через инсталлятор Wordpress или напрямую, если поместить его в папку wp-plugins.

  1.  Продвижение сайта

Цель создания данного web-сайта не только - демонстрация присутствующих в аптеке товаров, но и поиск новых покупателей, деловых партнёров.  Бесплатным и обхватывающим наибольшее количество потенциальных покупателей способом привлечения их внимания является оптимизация сайта для продвижения в поисковых системах интернета. Чем выше позиция, которую занимает сайт в поисковой системе, тем больше вероятность, что его посетят и просмотрят наибольшее количество пользователей. Такой способ является наиболее приемлемым для торговой компании заказчика. Роботы поисковых систем постоянно проверяют и отслеживают изменения на сайтах в глобальной сети, и в связи с результатом их анализа web-сайт занимает какую-либо позицию при наборе определённых ключевых слов в поисковой строке.  Наиболее часто используемой поисковой системой в нашей стране является Яндекс. Коммерческие компании по продвижению web-сайтов в основном используют позицию в Яндексе для отчётности перед своими клиентами. Они проводят всю необходимую работу над кодом, устанавливают ключевые слова и сроки продвижения, взимая за это установленную ими ежемесячную плату. Такого же результата за то же время можно добиться, не прибегая к помощи сторонних лиц, изначально написав «правильный» для робота поисковых систем код.

  1.  Определение целей

Целями  могут служить:

  1.  Просто наличие сайта в поисковике.
  2.  Высокие позиции в поисковиках по каким-то интересующим запросам.
  3.  Обгон конкурентов в позициях по некоторым запросам;
  4.  Увеличение посещаемости ресурса (трафика).
  5.  Поиск целевой аудитории и постоянных заинтересованных клиентов.
  6.  Увеличение коэффициента конверсии и, соответственно, заработка на рекламе или партнерской программе.

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

  1.  Формирование ядра запросов и их группировка

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

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

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

  1.  Анализ конкуренции по каждому из запросов

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

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

  1.  Аудит сайта

После знакомства с конкурентом, необходимо провести аудит собственного сайта. Аудит сайта - это довольно широкая задача и требует времени и внимания, этот этап должен проводиться человеком, уже имеющим определенные знания в SEO, а также опыт подобных анализов. SEO - комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам по Search engine optimisation. Это работы или изменения на сайте или блоге, как правило, единоразовые, выполняемые для оптимизации сайта под поисковые системы пользователей. В процессе анализа своего сайта необходимо выявить все его достоинства и недостатки. Частично внутренний аудит сайта можно выполнять с помощью программы xenu.

Также на этом этапе следует проанализировать, как в настоящее время относятся поисковые системы к этому сайту (индексируют, нет ли фильтров, кто раньше ссылался на наш сайт и т.д.).

  1.  Внутренняя оптимизация

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

  1.   Выбор страниц под каждую группу ключевых слов.

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

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

  1.   Оптимизация контента.

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

  1.  Оптимизация заголовков страниц тег <title>.
  2.  Редактирование самого текста.
  3.  Редактирование заголовков текста, alt-атрибутов изображений, выделение заголовков тегом <h1>, указание ключевых слов в теге <meta description>, в первую очередь роботы поисковых систем анализируют этот тег.
  4.  Улучшение дизайна и других характеристик качества целевых страниц.
  5.  Создание условий для мотивации посетителя к деийствиям (покупке товара, подписке на обновления, сохранению ссылки в закладках и т.д.).
  6.   Оптимизация внутренней перелинковки в соответствии с ядром запросов.

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

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

  1.  Добавление сайта в поисковики

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

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

  1.  Внешняя оптимизация

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

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

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

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

  1.  Работа по оптимизации web-сайта

Для оптимизации  сайта были выбраны следующие плагины:

  1.  Плагин — All in One SEO Pack.

 Этот плагин  помогает правильно создавать мета-теги исходного кода страницы сайта, без которых  раскручивать сайт просто невозможно. Мега-теги:  Title, Description и Keywords. Причем он делает это для каждой отдельной страницы сайта.

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

В частности, All in One SEO Pack помогает решить проблему дублирования страниц сайта. А делает он это, добавляя к дублям страниц тег — Canonical. С некоторых пор этот тег понимается и учитывается и Google и Яндексом.

  1.  Плагин Google XML Sitemaps.

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

Google XML Sitemaps создает файл карты сайта, под названием   sitemap.xml и сам размещает его в корневом каталоге сайта. Поисковые системы знают, что это за файл и при каждом  посещении сайта его просматривают. Нужно только в панелях инструментов Яндекс Вебмастер и Google Вебмастер указать в соответствующих разделах путь к этому файлу.

Текстовые заголовки всех страниц каталога были обозначены тегом <h1>, что является определением ключевых слов для поисковых систем. Имея четыре пункта меню каталога, можно рассчитывать на продвижение по этим ключевым словам. Для большего их обозначения они дублируются тегом <title> в заголовках страниц (отображаются в самой верхней строке браузера) и прописываются подряд в настройках тега <meta description>.

Весь текст в информационных блоках придуман специально для сайта и является уникальным. Ссылка на сайт consmed.ru подтверждена обратной ссылкой с этого ресурса на данный сайт. Consmed.ru является давно существующим информационным порталом, занимающим высокие позиции в поисковых системах yandex.ru и google.ru, разместив ссылку на разрабатываемый сайт, он обеспечит высокую степень «доверия» к нему, что не маловажно для продвижения нового web-сайта.  


5 Руководство пользователя

5.1 Основной интерфейс администратора интернет-магазина

5.1.1 Обязательные требования

Для дальнейшего управления данным web-сайтом системному администратору компании будет необходим компьютер с установленной операционной системой Windows XP. Должны быть обязательно установлены браузер (Internet Exlorer , Mozilla Firefox, либо другой), желательно Adobe Dremwever CS5 или любой другой совместимый с данной операционной системой html-редактор, например Notepad++,  админпанель Wordpress . Так же обязательным является доступ в интернет, чем выше скорость доступа, тем быстрее будет происходить загрузка данных на удалённый сервер.

5.1.2 Домен и хостинг

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

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

Хостинг  — услуга по предоставлению вычислительных мощностей для физического размещения информации на сервере, постоянно находящемся в сети Интернет. Хостинг был выбран с учётом поддержки кодировки UTF-8. Для доступа к удалённому серверу необходимо установить на ПК системного администратора программу ftp-менеджер, например, Cyberduck, показана на рисунке 27.

Рисунок 27 - Программа Cyberduck.

5.1.3 Администрирование web-сайтa

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

5.1.4 Управление заказами

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

5.2 Основной интерфейс покупателя интернет-магазина

5.2.1 Каталог продукции

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

Рисунок 28 - Страница каталога продукции

5.2.2 Страница описания продукции 

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

Рисунок 29 - Страница описания продукта

5.2.3 Отзывы о продукции

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

Рисунок 30 -  Отзывы о продукции

5.2.4 Корзина покупателя

Перейдя по ссылке «Корзина», расположенной на панели справа, покупатель перейдёт на страницу http://localhost/lyutsina.ru/korzina. На этой странице отображаются информация обо всех товарах, находящихся в данный момент в корзине покупателя, а именно название, цена, количество. Также отображается стоимость доставки и итоговая цена всех товаров с учётом этой доставки. Покупатель может изменять количество того или иного товара в корзине, а также удалять их из корзины. Изображение страницы http://localhost/lyutsina.ru/korzina приведено на рисунке 31.

Рисунок 31 -  Корзина покупателя

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

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

5.2.5 Оформление заказа

Нажав на кнопку «Оформить заказ», покупатель переходит на страницу Order.aspx, изображение которой представлено на рисунке 32.

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

Рисунок 32 -  Оформление заказа

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

Если ничего менять не надо, покупатель выбирает желаемый способ оплаты заказа и нажимает на кнопку «Отправить». После этого заказ размещён, и изменить его нельзя, а корзина товаров очищается.

После нажатия кнопки «Отправить» появляется страница с подтверждением заказа http://localhost/lyutsina.ru/vash-zakaz-prinyat (рисунок 33).

Рисунок 33- Ваш заказ принят


6 Экономический раздел

6.1 Задачи экономического раздела

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

Конкретные задачи раздела:

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

- описать экономический эффект от использования программного продукта;

- определить себестоимость программного продукта.

Преимущества организации работы без интернет-магазина:

- отсутствие затрат на интернет ресурсы;

- нет необходимости в новых сотрудниках, IT-специалистах.

Недостаток - нет быстрой системы поиска продукции.

Преимущества и организации работы при использовании предлагаемого программного продукта:

- круглосуточная работа интернет-магазина;

- предоставление покупателю полной информации о товаре

- удобная система поиска продукции;

- возможность оставлять отзывы о продукции.

Недостатки:

- затраты на интернет ресурсы;

- необходимость в новых сотрудниках, IT-специалистах.

6.2 Исходные данные

Для расчёта себестоимости программного продукта необходимые исходные данные, приведены в таблице 1.

Таблица 1 – Исходные данные

Показатели

Единицы измерения

Значение

Районный коэффициент (от заработной платы)

%

15

Страховые взносы (от заработной платы с учетом районного коэффициента), в том числе:

%

30

- отчисления в пенсионный фонд

%

22

- отчисления в фонд социального страхования

%

2,9

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

%

5,1

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

%

0,2

Заработная плата специалиста

(инженера, программиста)

руб./мес.

25000

Премия

%

12

Фонд рабочего времени в 2012 году

при 40-часовой рабочей неделе

дней

часов

249

1986

Стоимость компьютера

руб.

30000

Срок полезного использования компьютера

лет

3

Затраты на текущий и профилактический ремонт компьютера в год

%

6

Продолжение таблицы 1

Затраты на материалы, необходимые для эксплуатации компьютера (от стоимости компьютера) в год

%

2

Потребляемая мощность компьютера

кВт

0,2

Тариф на электроэнергию (по статистическим данным)

руб./ кВт-час

2

Трудозатраты проектирования

час

70

6.3 Расчёт затрат на разработку программного продукта

Временные затраты определяются экспертным путем. Рассчитанные временные затраты на разработку программного продукта приведены в таблице 2. Результаты рассчитанной себестоимости всего программного продукта  приведены в таблице 3.

Таблица 2 – Временные затраты на разработку программного продукта

Этапы

Содержание

Трудоемкость, час

всего

машинное время

Формирование требований к программному продукту

Постановка задачи, поиск необходимого ПО,

10

8

Разработка концепции интерактивного WEB-сайта

Дизайн сайта, подборка наборов скриптов

5

2

Техническое задание

Обсуждение функциональности сайта

3

0

Разработка программного кода проекта

Написание HTML кода

47

47

Продолжение таблицы 2

Ввод WEB-сайта в эксплуатацию

Загрузка на FTP сервер

1

1

Разработка документации

Составление технической документации

2

2

Обучение персонала заказчика работе с программным продуктом

Обучение управлению сайтом и FTP менеджером

2

2

Итого

70

62

После расчёта временных затрат,  рассчитаны денежные затраты. Все результаты внесены в таблицу 3.

Определение затрат на оплату труда рассчитываются по формуле (1):

ЗП = ЗПср.час. * Тпр (1)

где Тпр – трудоемкость разработки программного продукта, час;

      ЗПср.час – среднечасовая оплата труда, руб./час.

Средняя заработная плата в час рассчитывается по формуле (2):

ЗПср.час. = О * Кп * Кр *12/ Фрв (2)

где О – оклад специалиста по штатному расписанию,

     Кп – процент премии;

     Кр – районный коэффициент;

     Фрв – фонд рабочего времени в год.

ЗПср.час. = 25000 *12% *15%* 12/1986 = 194,56 руб.

ЗП = 194,56 * 70 = 13619,34 руб.

Страховые взносы рассчитывается по формуле (3):

СтрВзн = ЗП * 0,302 (3)

где ЗП - затраты на оплату труда.

СтрВзн = 13619,34 * 0,302 = 4113,04 руб.

Амортизационные отчисления рассчитываются по формуле (4):

АО  = Сп * На * Тмаш / Фрв (4)

где Сп  - стоимость компьютера, руб;

      На – норма амортизационных отчислений за год, %  рассчитывается по формуле:

На = 1/СПИ * 100%

где СПИ – срок полезного использования компьютера, лет;

      Тмаш – машинное время, час;

      Фрв – фонд рабочего времени в год.

АО  = 30000 * (1/3 * 100%) * 62/1986 = 309,06 руб.

Затраты на текущий и профилактический ремонт компьютера рассчитываются по формуле (5):

Зпр.р. = Сп  * 0,06 * Тмаш / Фрв (5)

где Сп  - стоимость компьютера, руб;

      Тмаш – машинное время, час;

      Фрв – фонд рабочего времени в год.

Зпр.р. = 30000 * 0,06 * 62/1986 = 56,19 руб.

Затраты на материалы, необходимые для эксплуатации компьютера рассчитываются по формуле (6):

Зматер. = Сп  * 0,02 * Тмаш / Фрв (6)

где Сп  - стоимость компьютера, руб;

     Тмаш – машинное время, час.

Зматер. = 30000 * 0,02 * 62/1986 = 18,73 руб.

Затраты на электроэнергию рассчитываются по формуле (7):

Зэл. = W * Сэл. * Тмаш (7)

где W – потребляемая мощность компьютера, кВт;

      Сэл. – тариф на электроэнергию, руб/кВт-час.

Зэл. = 0,2 * 2 * 62= 24,80 руб.

Накладные расходы принимаются исходя из расчётов 300% от  ЗПср.час:

Знакл = ЗПср.час * 300%

Знакл = 194,56 * 300% = 583,68 руб.

    

Себестоимость ПП = ЗП + СтрВзн + АО + Зпр.р + Зматер + Зэл + Знакл

Себестоимость ПП = 13619,34 + 4113,04 + 309,06 + 56,19 + 18,73 + 24,80

+ 583,68 = 18724,84 руб.

Таблица 3 - Расчёт денежных затрат на разработку программного продукта

Показатели

Условное обозначение

Значение

1. Прямые расходы, в том числе

1.1 Затраты на оплату труда

ЗП

13619,34

1.2 Страховые взносы

СтрВзн

4113,04

1.3. Амортизационные отчисления

АО

309,06

1.4. Затраты на текущий и профилактический ремонт

Зпр.р

56,19

1.5. Затраты на материалы, необходимые для эксплуатации

Зматер

18,73

1.6. Затраты на электроэнергию

Зэл

24,80

2. Косвенные (накладные) расходы

Знакл

583,68

3. Итого затраты на разработку программного продукта (полная себестоимость)

18724,84


6.4 Экономический эффект от использования программного продукта

Создание данного web-сайта направлено в первую очередь на получение дополнительной прибыли для аптеки «Люцина», привлечение новых клиентов и увеличения объёма продаж.

Также создание web-сайта интернет магазина имеет множество плюсов:  

- Моментальное получение оплаты за свои товары или услуги.

- Увеличение объёма продаж. За счет этого снижаются условно постоянные затраты (расходы на аренду площади для магазина или представительства). Экономия до 10 000 руб.

- Электронный бизнес можно автоматизировать. За счёт увеличения прибыли на единицу продукции снижаются затраты на персонал (заработная плата). Экономия на персонале до 20 000 руб.

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

- Не нужны дополнительные затраты (снижает коммерческие расходы) на рекламу. Её можно разместить на сайте.

- Удобство проведения маркетинговых исследований.

- Еще одно преимущество интернет-магазина - отсутствие воровства.

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

Таблица 4 – Стоимость создания сайта

Компания по разработке сайта

Затраты

Собственная разработка

Около 19 000 рублей

«Ами»

20 000 рублей

«ВебФормат»

40 000 рублей

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

Таблица 5 – Стоимость покупки сайта

Компания

Затраты

Функции сайта

«Сайт 2000»

20 000

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

«Готовые  интернет магазины»

30 000

Система управления сайтом на базе joomla, интернет магазин Virtuemart, модуль "разделы каталога", модуль "новые товары", модуль "размещение баннера", модуль поиска товаров, модуль авторизации, управления личными данными и заказами, модуль анонсов, спецпредложений, модуль новостей, раздел Доставка и оплата, раздел О магазине, раздел Специальные предложения, раздел Новости, оплаченый на 1 год домен в зоне RU (свободный, не аукционный), 1 год хостинга NETANGELS.RU

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

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


7  Безопасность жизнедеятельности

7.1   Характеристика рабочего места пользователя персональной

электронно-вычислительной машиной

Работы  по разработке программного продукта проводились в  помещении ООО «Люцина» и были связаны с использованием персональной электронно-вычислительной машины (ПЭВМ) типа IBM PC.

Рабочее место для пользователя ПЭВМ  характеризуется следующими  вредными и опасными производственными факторами:

- повышенное значение напряжения электрического тока;

- электромагнитное излучение;

- электростатическое поле;

- шум.

7.2     Безопасность труда

7.2.1  Электробезопасность

Разработка дипломного проекта происходит на ПЭВМ, подключенной к электросети переменного тока напряжением в 220 В, частотой 50 Гц и силой тока в 4А.

По ГОСТ 12.1.019-79* 2001 [39] сила тока 0,6–1,5 мА наименьшее значение силы электрического тока, вызывающего при прохождении через организм человека ощутимые раздражения. Электрический ток величиной 100 мА, и выше является смертельным. Ток больше

5 А вызывает немедленную остановку сердца.

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

Нормы на  допустимые токи и напряжения прикосновения в электроустановках должны устанавливаться в соответствии с предельно допустимыми уровнями воздействия на человека токов и напряжений прикосновения и утверждаться в установленном порядке.

В соответствии с ГОСТ 12.1.019-79* 2001 [39] для обеспечения защиты от поражения электрическим током при прикосновении к металлическим нетоковедущим частям, которые могут оказаться под напряжением в результате повреждения изоляции, в здании применяется защитное заземление по ГОСТ 12.1.030-81[41].

7.2.2  Защита от электромагнитного излучения

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

Согласно ГОСТ 12.1.006-84 [40] человеческий организм наиболее чувствителен к электромагнитному полю, находящемуся на частотах 40 - 70 ГГц, так как длины волн на этих частотах соизмеримы с размерами клеток и достаточно незначительного уровня электромагнитного поля, чтоб нанести существенный урон здоровью человека. Отличительной же особенностью современных компьютеров является увеличение рабочих частот центрального процессора и периферийных устройств, а также повышение потребляемой мощности до 400 - 500Вт.

По СанПин  2.2.4/2.1.8.055-96 [45] защита от ЭМИ:  выбор рациональных режимов работы оборудования; ограничение места и времени нахождения персонала в зоне воздействия ЭМИ (защита расстоянием и временем). Инженерно-технические мероприятия включают рациональное размещение оборудования.

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

7.2.3  Защита от электростатического поля

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

По ГОСТ 12.1.045-84 [42] предельно допустимый уровень напряженности электростатических полей, окружающих человека должен быть не более 60 кВ/м в 1ч. Так как рабочий монитор сделан в соответствии с международным стандартом TCO 5.1 [41], то напряженность электростатического поля не превышает нормы.  Для снижения времени воздействия проводятся ежечасные перерывы между работой за ПЭВМ.

7.2.4  Защита от шума

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

Уровни звукового давления  источников шума,  приведены в таблице 6.

Таблица 6 – Уровни звукового давления  источников шума внутри ПЭВМ

Источники шума

Значение, дБ

Вентилятор на корпусе

20-35

Вентилятор блока питания

20-35

Вентилятор над процессором

20-35

Жёсткий диск

2-3

CD-ROM

20-35

Произведём расчёт шума согласно следующей формуле:

               (8)

где n – общее число источников шума;

- уровень звуковой мощности, создаваемой i-ым источником шума

L=10lg∑100,1*35=42 Дб

Уровень шума на рабочем месте по ГОСТ 12.1.003-83[44], СанПин 2.2.2.542-96 [45] не превышает нормы в 50 дБ.

7.3      Условия труда

7.3.1   Микроклимат производственного помещения

Работа программиста по ГОСТ 12.1.005.88 [43] относится к категории  – легкая (Iа). Параметры микроклимата производственного помещения приведены в таблице 7.


Таблица 7 –  Параметры микроклимата производственного помещения

  1.  Параметр
  1.  Значение
  1.  Оптимальное
  1.  Допустимое
  1.  Фактическое
  1.  Температура воздуха, в Сº
  1.  22 24
  1.  18-26
  1.  22 24
  1.  Относительная влажность воздуха, в %
  1.  40 – 60
  1.  75
  1.  40 – 60
  1.  Скорость движения воздуха, м/с
  1.  0,1
  1.  Не более 0,1
  1.  0,1

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

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

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

7.3.2   Производственное освещение

По СНиП 23-05-95 [48]  работа программиста относится к  рабочей категории V (малой точности). Нормативное значение КЕО =1,5% , нормативное  значение искусственной освещённости Eн= 200 Лк.

Расчёт естественного освещения:

              S=(Sп· kз· e · ho· kзд) /(ro· rк·100)                    (9)

где Sп - площадь пола; м2, 30;

kз - коэффициент запаса, 1,2;

е - коэффициент естественного освещения, %, 1,5;

h0 - световая характеристика здания, 10;

kзд - коэффициент, учитывающий изменения внутренней отраженной составляющей КЕО, 1;

r0 - общий коэффициент светопропускания, 0,6;

rк - коэффициент увеличения освещенности за счет отражения света от пола, 1,2;

Таким образом, площадь световых проемов:  

Sок.рассч.= (30*1,2*1,5*10*1)/(0,6*1,2*100)=7,5 м2 

Sок.факт= 9 м2

Площадь световых проёмов предоставляет достаточное естественное боковое освещение,  что даёт необходимое количество света для нормальной работы за ПЭВМ и соответствует минимальным нормам СНиП 23-05-95 [48].

Расчет искусственного освещения:

Произведем расчет количества ламп, обеспечивающих требуемую освещенность помещения, по формуле:

                N=(E · k · Sп· Z) / (F · h)                   (10)

где Eн- нормативное значение искусственного освещения, Лк, 200;

k - коэффициент запаса лампы, 1,25;

Sп - площадь помещения; м2, 30;

Z - коэффициент минимальной освещённости, 1,1;

F - световой поток одной лампы, лм, 810;

h - коэффициент использования светового потока, 0,91;

В итоге:  

Nрассч.=(200 · 1,25· 30· 1,1) / (810 · 0,91) = 11,19 ≈ 12 шт.

Nфакт. = 16 шт.

Необходимое количество ламп – 12, для освещения применены световые панели, состоящие из 4 ламп ЛБ40-1, всего 4 панели, следовательно, нормы по освещению в помещении выполняются.

7.4    Эргономика рабочего места

7.4.1 Организация рабочего места

Рабочее место по требованиям СанПин 2.2.2/2.4.1340-03 [47]:

  1.  Монитор.

Минимальные характеристики монитора представлены в таблице 8.

Таблица 8 - Минимальные характеристики монитора

Параметры

Допустимые значения

1

Яркость белого поля

Не менее 35 кд/кв.м

2

Неравномерность яркости рабочего поля

Не более ± 20%

3

Контрастность (для монохромного режима)

3:1

4

Временная нестабильность изображения (непреднамереное изменение во времени яркости изображения экрана дисплея)

Не должна фиксироваться

 По СанПин 2.2.2.542-96 [45] монитор расположен на краю стола и примыкает задней стенкой  к стене комнаты, для максимального ограждения окружающих от воздействия ЭМИ. Для работы был выбран монитор фирмы ViewSonic, сделанный по стандарту TCO 5.1 [41].

Необходимо предусматривать при проектировании возможность различного размещения документов: сбоку от видеотерминала, между монитором и клавиатурой и т.п. Кроме того, в случаях, когда видеотерминал имеет низкое качество изображения,  например заметны мелькания, расстояние от глаз до экрана делают больше (около 700мм), чем расстояние от глаза до документа (300-450мм). Вообще при высоком качестве изображения на видеотерминале расстояние от глаз пользователя до экрана,  документа и клавиатуры может быть равным.

Положение экрана определяется:

  1.  расстоянием считывания (0,6…0,7м);
  2.  углом считывания, направлением взгляда на 20° ниже горизонтали к центру экрана,  причем  экран  перпендикулярен  этому направлению.

Должна также предусматриваться возможность регулирования экрана:

  1.  по высоте +3 см;
  2.  по наклону от -10° до +20° относительно вертикали;
  3.  в левом и правом направлениях.
  4.  Клавиатура.

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

  1.  Мебель.

Высота одноместного стола и стула соответствует росту пользователя (свыше 170 см). В таблицах 9 приведены параметры мебели, соответственно росту человека.

Таблица 9 -  Высота одноместного стола для занятий с ПЭВМ

Рост, в см

Высота над полом, в мм

поверхность стола

пространство для ног, не менее

116-130

520

400

131-145

580

520

146-175

640

580

161-175

700

640

выше 175

760

700

Для комфортной работы стол должен удовлетворять следующим условиям:

  1.   высота стола должна быть выбрана с учетом возможности сидеть свободно, в удобной позе, при необходимости опираясь на подлокотники;
    1.   нижняя часть стола должна быть сконструирована так, чтобы программист мог удобно сидеть, не был вынужден поджимать ноги;
      1.   поверхность стола должна обладать свойствами, исключающими появление бликов в поле зрения программиста;
      2.   конструкция стола должна предусматривать наличие выдвижных ящиков (не менее 3 для хранения документации, листингов, канцелярских принадлежностей).
      3.   высота рабочей поверхности рекомендуется в пределах 680-760мм. Высота поверхности, на которую устанавливается клавиатура, должна быть около 650мм.

Большое значение придается характеристикам рабочего кресла. Так, рекомендуемая высота сиденья над уровнем пола находится в пределах 420-550мм. Поверхность сиденья мягкая, передний край закругленный, а угол наклона спинки - регулируемый.

  1.  Расположение на рабочем столе.

На рисунке 34 показан пример расположения основных и периферийных составляющих ПЭВМ на рабочем столе программиста.

Рисунок 34 - размещение основных и периферийных составляющих ПК:

1 – сканер, 2 – монитор, 3 – принтер, 4 – поверхность рабочего стола,

5 – клавиатура, 6 – манипулятор типа «мышь».

В рассматриваемом нами помещении все эргономические  требования соблюдены. Рабочий стул (кресло) является подъёмно-поворотным и регулируемым по высоте и углам наклона сиденья и спинки, а также расстоянию спинки от переднего края сиденья, расстояние между рабочими местами более 2-х метров, размеры столов соответствуют нормативам согласно СанПин2.2.2/2.4.1340-03[47].

7.4.2 Режим труда и отдыха

В зависимости от вида и категории трудовой деятельности соответствующим СанПиН 2.2.2.542-96 [45],  виды трудовой деятельности разделяются на 3 группы:

  1.  «А» работа по считыванию информаций  с экрана ПЭВМ с предварительным запросом;
  2.  «Б»  работа по вводу информации;
  3.  «В» творческая работа в режиме диалога с ПЭВМ.

Время регламентированных перерывов при работе на ПЭВМ по СанПин 2.2.2.542-96 [45] приведено в таблице 10.

Таблица 10 - Время регламентированных перерывов при работе на ПЭВМ

Категория работы

с ВДТ или ПЭВМ

Уровень нагрузки за рабочую смену при видах работы с ВДТ

Суммарное время регламентированных перерывов, мин

Группа А, количество знаков

Группа Б, количество знаков

Группа В, часов

При 8-часовой смене

При 12-часовой смене

I

до 20000

до 15000

до 2,0

30

70

II

до 40000

до 30000

до 4,0

50

90

III

до 60000

до 40000

до 6,0

70

120

Работа программиста относится ко II категории, группе В - в смену за компьютером пользователь проводит до 4 часов, а значит при 8 часовой рабочей, смене отдых должен составлять не менее 50 минут в смену.

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

  1.  обеденный перерыв с 13:00 до 14:00
  2.  регламентируемый перерыв через 1.5-2.0 часа от начала рабочей смены и через 1.5-2 часа после обеденного перерыва продолжительностью 20 минут или продолжительностью 15 минут через каждый час работы.

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

7.5 Пожарная безопасность

7.5.1 Характеристика помещения по пожарной безопасности

Степень огнестойкости зданий принимается в зависимости от их назначения, категории по взрывопожарной и пожарной опасности, этажности, площади этажа в пределах пожарного отсека. НБП 105-03[50].

Рассматриваемое помещение по пожарной опасности относится к категории «Д», в котором находятся негорючие вещества и материалы в холодном состоянии.

7.5.2 Степень огнестойкости строительных конструкций

Рассматриваемое помещение по степени огнестойкости строительных конструкций относится ко II степени огнестойкости в соответствии  с СНиП 21-01–97 [51]и имеет К1 класс конструктивной пожарной опасности строительных конструкций. Класс конструктивной пожарной опасности здания С1.


7.5.3 Первичные средства защиты

В здании имеются следующие средства:

  1.  комплект индивидуальных  средств защиты (противогаз).
  2.  имеются огнетушители ОУ-5 и ОП-8. На каждом этаже они размещены по 2 штуки в специальных щитках. Всего 8 огнетушителей на здание.

7.5.4 Система предупреждения и тушения пожара

Установлена система предупреждения и тушения пожара ДИП -1 - комбинированный извещатель,  который реагирует на появление дыма и повышение температуры воздуха, количество 50 ед. Средство пожаротушения применяется для тушения пожара без участия человека в малогабаритных пожароопасных объектах объемом до 60 л. При воздействии температуры свыше 120° С микрокапсулы ПироСтикера АСТ самостоятельно реагируют на возгорание и высвобождают необходимое количество огнетушащего вещества, мгновенно останавливающего горение. При этом воздействию подвергается только очаг возгорания - соседние объекты и конструкции остаются нетронутыми.


7.6 Чрезвычайные ситуации

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

Рисунок 35 - План эвакуации из здания.

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


8  Природопользование и охрана окружающей среды

8.1 Оценка качества окружающей среды Верх-Исетского района  города  Екатеринбурга по данным Экомир

 Состояние атмосферного воздуха.

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

По состоянию атмосферного воздуха город Екатеринбург входит в список городов России с наибольшим уровнем загрязнения.

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

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

В настоящее время в атмосферу города ежегодно выбрасывается до 20,0 тыс. тонн загрязняющих веществ от стационарных источников и более 140,0 тыс. тонн от автотранспорта. Таким образом, выбросы от автотранспорта в 7 раз превышают валовый выброс от промышленных предприятий. Необходимо отметить, что наблюдается постоянное увеличение выбросов от автотранспорта в связи с увеличением парка автомашин. В настоящее время вклад выбросов автотранспорта в загрязнение атмосферы города составляет 87 %.

Водные ресурсы, их состояние, охрана и пользование.

На территории Верх-Исетского района также находится Верх-Исетский пруд, который по данным УРо Ран [53], считается загрязненным.  Благодаря сбрасываемым отходам от ВИЗ завода, «Уралкабеля» и  других промышленных предприятий и объектов ЖКХ, флора и фауна пруда испытывает серьёзное негативное воздействие, осуществляется сброс очищенных сточных вод и иных сточных вод города Екатеринбурга. Химическое и бактериальное загрязнение регулярно отмечается в екатеринбургских прудах. Одной из основных проблем города Екатеринбурга, связанных с использованием водных ресурсов, является их нехватка для интенсивно развивающейся экономики Уральского региона, а также осуществление водоснабжения населения водой питьевого качества из открытых источников: Волчихинского, Верхнее-Макаровского и Верх-Исетского водохранилищ. Данные водоемы характеризуются высоким уровнем загрязнения вод и донных отложений. Отсутствие зон санитарной охраны источников питьевого водоснабжения, утвержденных водоохранных зон и прибрежных защитных полос рекреационных объектов, наличие сбросов промышленных и ливневых сточных вод, проблема вторичного загрязнения воды в разводящей сети водопровода города обусловило решение проблемы программным методом.

В настоящее время на территории города забор свежей воды осуществляют 147 водопользователей в объеме 366,78 млн. куб.м/год

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

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

 Отходы производства и потребления.

Город Екатеринбург является крупнейшим городом, как по промышленному потенциалу, так и по численности населения. Среди проблем по охране окружающей природной среды от отходов производства и потребления можно выделить два основных вопроса: переработка, утилизация и захоронение промышленных отходов и организация сбора и вывоза бытовых отходов в жилом секторе. По заявлению ООО «УРАЛГИПРОМЕЗ» [54], в настоящее время в городе Екатеринбурге ежегодно образуется более 1 млн. тонн отходов производства и потребления, из них 649 тыс. тонн твердых бытовых отходов (ТБО), которые размещаются на двух полигонах ТБО "Широкореченский" и "Северный". Большая часть промышленных отходов размещена на 18 площадках промышленных отходов. На территориях предприятий и на принадлежащих им объектах размещения накоплено 4,8 млн. тонн и 2412,7 тыс. куб.м отходов производства и потребления. Отходы 1, 2 и 3 класса опасности полностью накоплены на территории предприятий, что является фактором экологического риска.

Состояние существующих объектов размещения отходов неудовлетворительно, отсутствует мониторинг влияния объектов размещения отходов на окружающую среду, полигоны "Широкореченский" и "Северный" не имеют утвержденных санитарно-защитных зон. Немаловажной проблемой для города является утилизация отходов лечебных учреждений, объем образования которых ежегодно составляет более 2,5 тыс. тонн. Крайне неблагополучная обстановка сложилась с организацией мест складирования снега. В 7-ми районах города снежные свалки занимают площадь более 123,5 тыс.кв.м. С учетом значительного объема снега и многократные превышения предельно допустимых концентраций загрязняющих веществ по ряду компонентов (нефтепродукты - в 300 раз, железо - в 70 раз, медь - в 40 раз и др.) участки складирования снега являются серьезным источником загрязнения окружающей среды.

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

8.2 Последствия загрязнения окружающей среды

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

В Решении Екатеринбургской городской Думы № 16/3 от 20.12.2005 [55] указаны основные последствия. За период до 2005 года проведены исследования по шумовой нагрузке на население во всех районах города, интегральный показатель которой распределился следующим образом:

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

Загрязнение воздуха города Екатеринбурга за счет выбросов автотранспорта (более 87% приходится на этот источник). Недостаточная протяженность и кризисное состояние улично-дорожной сети, ведущее к заторам на дорогах. Загрязнение воздуха предприятиями города, в первую очередь предприятиями теплоэнергетики, химической, металлургической промышленности. Недостаточный контроль за выбросами предприятий. Загрязнение поверхностных вод неочищенными сточными водами ливневой канализации в черте города, что обуславливает заиление водоемов и неблагополучное качество воды. Отсутствие очистных сооружений на выпусках ливневой канализации в открытые водоемы. Ветхость и изношенность системы канализации и водопользования. Загрязненность почв из-за складирования твердых бытовых отходов. Захламление территорий отходами производства и потребления. Малое количество охраняемых природных территорий (ОПТ) и неудовлетворительный режим их охраны. Отсутствие экологических парков при наличии в городе ценных природных территорий;

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

8.3  Мероприятия по охране природы

По данным Екатеринбургского экологического комитета [56] в стратегическом плане развития Екатеринбурга до 2025 года есть ряд проектов, напрямую связанных с экологией: охрана атмосферного воздуха, водных объектов, обращение с отходами производства и потребления, «Зеленый город» и экологическое воспитание, образование, пропаганда.

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

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

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

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

Разработка и реализация на   основных предприятиях-загрязнителях системы перспективного планирования мероприятий по охране атмосферного воздуха для обеспечения экологической безопасности населения - ЗАО  "Уралпластик", ОАО "Завод ЖБИ", ОАО УПП "Вектор", ОАО "Патра", ЕТТУ, ФГУП "ПО " Уральский оптико-механический завод", ООО "ВИЗ-Сталь".    

   Охрана водных объектов

В целях снижения сбросов в реки, пруды, озера уральской столицы в 2009 году специалисты администрации Екатеринбурга начали работы по постановке на учет всех сливов промышленной ливневой канализации и общегородской ливневой канализации. Работа уже выполнена по малым рекам Мельковка и Основинка, в 2008 году запланирован магистральный коллектор — речка Банная. Реализовав проект, чиновники собираются создать базу данных сбросов сточных вод предприятий, исключить несанкционированные врезки канализационных коллекторов.

В настоящее время сброс сточных вод без очистки в ливневую канализацию и далее в водоемы города составляет около 18 миллионов кубометров в год. Ввод в эксплуатацию Малаховских очистных сооружений дождевых стоков, расположенных вблизи перекрестка улиц Куйбышева—Горького, позволит сократить сброс грязных стоков на 30%. В целом до 2015 года при соблюдении запланированных сроков строительства очистных сооружений на ливневых коллекторах планируется снизить сброс грязных стока до 48%.

Борьба с отходами

Решение вопросов по обращению с отходами производства и потребления являются одной из составляющих экологической безопасности жителей Екатеринбурга. Объем образования отходов, размещенных на полигонах твердых бытовых отходов, составил в 2009 году 593 тысячи тонн. На сегодняшний день практически решена проблема по обеззараживанию в Екатеринбурге отходов первого класса, содержащих ртуть. Этим занимается Екатеринбургское МУП [57].

Кроме того, в настоящее время разработана система сброса и утилизации опасных медицинских отходов, запланировано проектирование и строительство биотермической ямы на полигоне ТБО «Широкоречинский».

В целях сохранения и восстановления природно-территориального комплекса, улучшения состояния окружающей среды и качества жизни горожан в Екатеринбурге принято положение «Об особо охраняемых природных территориях» [58]. Разработан также перечень природных объектов города для придания им этого статуса.


Заключение

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

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

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

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

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

В результате работы над дипломным проектом был получен опыт работы в технологии WordPress 3.3.1, а также с системой управления базами данных MySQL 5.1, и изучены основы программирования на основе PHP 5.3.3, что позволит в будущем создавать высокопроизводительные, профессиональные web-сайты.

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

  1.  Дэниел Эймор  «Internet-магазины и закупочная деятельность»/«Электронный бизнес. Эволюция и/или революция» изд. «Вильямс», 2007 г. -  С. 291-302.
  2.  Пирогов С.В.  -  «Обзорных крупных проектов» /«Электронная коммерция» Москва, 2008 - С.69-61.
  3.  Балабанов И.Т. -  «Торговля через виртуальный магазин» /«Электронная коммерция»/ .2004г. С.195-197.
  4.  Юрасов А.В. Электронная коммерция: учеб. пособие./А.В. Юрасов – М.: Дело. 2009. – 480 с.
  5.  Комиссарова И, Перелетова И, Петрова Е. К. Интернет-магазин от А до Я: полное пошаговое руководство по созданию, управлению/ Эксмо –  2008.- 487с.
  6.  Управление проектом по созданию интернет-сайта Издательство: Альпина Паблишер, 2008 г. - 337 с.
  7.  Якоб Нильсен, Хоа Лоранжер «Web-дизайн. Удобство использования Web-сайтов» Издательство «Вильямс». 2007г .-  376 с.
  8.  Андрей Грачев «Создаем свой сайт на WordPress. Быстро, легко и бесплатно» 2011 г. Издательство: Питер, -  288 с.
  9.  Дроздев Н. - Создай свой собственный WordPress сайт, 2011 - 39 с.
  10.  Джон Дакетт «Основы веб-программирования с использованием HTML, XHTML и CSS» 2010 г. Издательство:  Эксмо, -  768 с.
  11.  Билл Скотт, Тереза Нейл «Проектирование веб-интерфейсов» 2010 г. Издательство: Символ-Плюс, -  352 с.
  12.  Мэтью МакДональд «Создание Web-сайтов. Основное руководство» 2010 г. Издательство:  Эксмо , - 768 с.
  13.  Вуд Л. Web-графика. – СПб: «Диалектика», 2001. –488c.
  14.  Кирсанов Д. Web-дизайн.- СПб.: Символ-Плюс, – 2000. – 376с.
  15.  Шапошников И. Web-сайт своими руками. - СПб: Изд-во «Питер», 2002. – 390с.
  16.  Цеховой В.А. Web-дизайн и коммерция. – М.: Наука и техника, 2000. – 192с.
  17.  Холмогоров В. Основы Web-мастерства. – СПб.: Питер, 2001. – 352с.
  18.  Федорчук А. Как создаются Web-сайты.- СПб.: Питер, – 2000. – 224с.
  19.  Леонтьев Б.К. Web-дизайн: тонкости, хитрости, секреты. – М.: Майор, 2001. – 176с.
  20.  Шафран Э. Создание Web-страниц.- СПб.: Питер, – 2001. – 320с.
  21.  Дизайн эффективного коммерческого сайта. Перевод  П.Берестнев, 2011, - 120с.
  22.  О. Морозова. Построй свой супер-сайт за 21 день!, - BHV-СПб , 2008 г. - 224 с.  
  23.  Р. Рассел, М. Мерков. Защита от хакеров коммерческого сайта. - ДМК Пресс,  2004г. - 552 с.
  24.  Й. Якобсен. Концепция разработки Web-сайтов. Как успешно разработать Web-сайт с применением мультимедиа-технологий. - НТ Пресс,  2006г. - 512 с.
  25.  Панфилов К. По ту сторону веб-страницы. – М.: ДМК Пресс, 2008. – 440 с.
  26.  Робин Никсон. Создаем веб-сайты с помощью PHP, MySQL и JS. -  М.: O'reilly, 2011г. - 497с.
  27.  С.Г. Горнаков. Осваиваем популярные системы управления сайтом. - ДМК-Пресс, 2009г.-169с.
  28.  А.П. Алексеев. Введение в Web-дизайн. -  М.: СОЛОН-ПРЕСС,  2008г. -  192 с.
  29.  А. Максимов, 2008-2011. Уроки создания сайтов. www.woolfs.ru
  30.  Первый интернет-магазин в России.www.books.ru
  31.  Ю. Кордык. Как сделать свой сайт: азы HTML, DHTML, пример создания сайта, пример раскрутки сайта, обзор CMS, пример работы с CSS.2011. www.on-line-teaching.com
  32.  WordPress Studio, создание сайтов на WordPress. 2008 - 2012 .www.wpstudio.ru
  33.  Русский WordPress Россия. http://ru.wordpress.org
  34.  Официальный сайт Adobe Systems Incorporated, 2012 , www.adobe.com
  35.  А.Чупина. Пошаговая инструкция по созданию интернет-магазина с помощью плагина Quick Shop. Декабрь 29, 2011 . http://wphelp.ru/2011/quick-shop-guide.htm
  36.  Как создать свой сайт самому и бесплатно. 2011. www.chvv.com.ua
  37.  ФГАОУ ВПО «УрФУ имени первого Президента России Б.Н.Ельцина».www.ustu.ru
  38.   Факультет ускоренного обучения. www.fat.ustu.ru
  39.  ГОСТ 12.1.019-79* 2001. ССБТ. Электробезопасность. Общие требования и номенклатура видов защиты.
  40.  ГОСТ 12.1.006-84. Электромагнитные поля радиочастот. Допустимые уровни на рабочих местах и требования к проведению контроля.
  41.  TCO'5.1 — международный стандарт на эргономику, экологию и безопасность электроннолучевых и жидкокристаллических дисплеев.
  42.   ГОСТ 12.1.045-84. ССБТ.  Электростатические поля. Допустимые уровни на рабочих местах и требования к проведению контроля.
  43.   ГОСТ 12.1.005.88. ССБТ. Общие санитарно-гигиенические требования к воздуху рабочей зоны.
  44.   ГОСТ 12.1.003 – 83. ССБТ. Шум. Общие требования безопасности.
  45.   СанПин 2.2.2.542-96. Гигиенические требования к видеодисплейным терминалам, персональным электронно-вычислительным машинам и организация работы.
  46.  СанПиН 2.2.4/2.1.8.055-96 - Электромагнитные излучения радиочастотного диапазона (ЭМИ РЧ).
  47.  СанПиН 2.2.2/2.4.1340-03. Гигиенические требования к персональным  электронно-вычислительным машинам и организации работы.
  48.  СНиП 23-05-95. Естественное и искусственное освещение.
  49.  ГОСТ 12.1.030-81. ССБТ. Электробезопасность. Защитное заземление, зануление.
  50.   НПБ 105-03. Определение категорий помещений и зданий по взрывопожарной и пожарной опасности.
  51.   СНиП 21-01–97. Пожарная безопасность зданий и сооружений.
  52.  www.ecoworld.ru. ИАА «Информ-Экология». Информационно-аналитическое агентство в сфере экологии России.
  53.  www.uran.ru.УРо Ран. Институт экологии растений и животных
  54.  www.uralgipromez.ru. ОАО «УРАЛГИПРОМЕЗ» Проведение экспертизы промышленной безопасности опасных производственных объектов.
  55.  Решение Екатеринбургской городской Думы № 16/3 от 20.12.2005 "Об утверждении городской целевой Программы "Экология и природные ресурсы города Екатеринбурга на 2006-2010 годы" (с изменениями от 26 февраля 2008 г.)
  56.  Екатеринбургский международный комитет по охране окружающей среды.
  57.  Екатеринбургское МУП. Комплексное решение проблем промышленных отходов. Переработка и утилизация отходов.
  58.  Федеральный закон от 14 марта 1995 г. N 33-ФЗ "Об особо охраняемых природных территориях".


Приложение А

HTML-код главной страницы index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<meta name="generator" content="WordPress 3.3.1" />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

 

 

 

 

 <div class="post" id="post-12">

 

 <div class="posthead">

 <h2><a title="Хит продаж" href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/primer-tovara.html" rel="bookmark">Хит продаж</a></h2>

 <small class="postauthor">Опубликовано в 2012 году в рубриках: <a href="http://localhost/lyutsina.ru/category/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8" title="Просмотреть все записи в рубрике &laquo;Без рубрики&raquo;" rel="category tag">Без рубрики</a> | <a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/primer-tovara.html#respond" class="ссылка на комментарии"  title="Прокомментировать запись &laquo;Хит продаж&raquo;">Комментариев нет</a>  &#183; <a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=12&amp;action=edit" title="Редактировать запись">Править</a></small>

 <p class="postdate">

 <small class="day">9</small>

 <small class="month">Апр</small>

 <small class="year"></small>

 </p>

 </div> <!-- end posthead -->

 

  <div>

<p><a title="Лекарственные средства" href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><img class="size-full wp-image-144 alignleft" title="imageCA73LEQB" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/imageCA73LEQB2.jpg" alt="" width="120" height="120" /></a></p>

<p>Оциллококцинум &#8212; гомеопатический препарат для лечения симптомов гриппозных состояний и простудных заболеваний (лихорадка, озноб, разбитость, головные боли). Препарат эффективен на любой стадии заболевания при условии соблюдения принятой дозировки.<br />

Оциллококцинум не имеет побочных эффектов и противопоказаний. При приеме Оциллококцинума можно не опасаться передозировки или несовместимости с другими средствами. Оциллококцинум можно назначать всем, в том числе лицам из группы &#171;риска&#187; (грудным детям, беременным женщинам, людям пожилого возраста).<br />

Препарат прост в употреблении &#8212; не требует воды или какой-либо подготовки. Прием препарата не вызывает неприятных вкусовых ощущений</p>

<div></div>

</div>

 

 </div> <!-- end post -->

 

 

 <div class="post" id="post-1">

 

 <div class="posthead">

 <h2><a title="Аптека работает!" href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html" rel="bookmark">Аптека работает!</a></h2>

 <small class="postauthor">Опубликовано в 2012 году в рубриках: <a href="http://localhost/lyutsina.ru/category/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8" title="Просмотреть все записи в рубрике &laquo;Без рубрики&raquo;" rel="category tag">Без рубрики</a> | <a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html#comments" class="ссылка на комментарии"  title="Прокомментировать запись &laquo;Аптека работает!&raquo;">1 комментарий</a>  &#183; <a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=1&amp;action=edit" title="Редактировать запись">Править</a></small>

 <p class="postdate">

 <small class="day">8</small>

 <small class="month">Апр</small>

 <small class="year"></small>

 </p>

 </div> <!-- end posthead -->

 

  <p>Наша аптека Люцина начала работу по продаже лекарств через интенет-магазин!</p>

<p>Аптека “Люцина” – не только стильный и современный бренд. Наша интернет &#8212; аптека представляет вашему вниманию обширный каталог товаров медицинского назначения – лекарства, биологически активные добавки, средства гигиены, товары для малышей, косметические средства и многое другое.</p>

<p>Как и положено современной интернет аптеке, мы предлагаем удобный поиск лекарств, демократичные цены  и бесплатную доставку *. Уверены, вы по достоинству оцените нашу заботу о вашем здоровье.</p>

<p>Аптека “Люцина” приходит в ваш дом!</p>

 

 </div> <!-- end post -->

 

 

 <div class="navigation">

  <div class="alignleft"></div>

  <div class="alignright"></div>

 </div> <!-- end navigation -->

 

 

</div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

 <li id="recent-posts-2" class="widget widget_recent_entries">  <h2 class="widgettitle">Новинки</h2>

 <ul>

   <li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/primer-tovara.html" title="Хит продаж">Хит продаж</a></li>

   <li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html" title="Аптека работает!">Аптека работает!</a></li>

   </ul>

 </li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>


Приложение Б

HTML-код страницы «Каталог» katalog.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>  Каталог | Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Люцина &raquo; Лента комментариев к &laquo;Каталог&raquo;" href="http://localhost/lyutsina.ru/katalog/feed" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<link rel='next' title='Оформление заказа' href='http://localhost/lyutsina.ru/oformlenie-zakaza' />

<meta name="generator" content="WordPress 3.3.1" />

<link rel='canonical' href='http://localhost/lyutsina.ru/katalog' />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

   <div class="post" id="post-2">

 

   <h2><a href="http://localhost/lyutsina.ru/katalog" rel="bookmark" title="Каталог">Каталог</a></h2>

 

  <div class="mceTemp">

<div id="attachment_96" class="wp-caption alignleft" style="width: 196px"><a title="Лекарственные средства" href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><img class="size-full wp-image-96" title="ls" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/ls.jpg" alt="" width="186" height="91" /></a><p class="wp-caption-text">Лекарственные средства</p></div>

</div>

<div class="mceTemp"> </p>

<div id="attachment_109" class="wp-caption aligncenter" style="width: 161px"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><img class="size-full wp-image-109" title="ks" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/ks2.jpg" alt="" width="151" height="124" /></a><p class="wp-caption-text">Косметические средства</p></div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp">

<div id="attachment_101" class="wp-caption alignleft" style="width: 196px"><a title="Средства гигиены" href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><img class="size-full wp-image-101" title="sg" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/sg.jpg" alt="" width="186" height="90" /></a><p class="wp-caption-text">Средства гигиеныМедицинская техника</p></div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp">

<div id="attachment_102" class="wp-caption alignleft" style="width: 153px"><a title="Медицинская техника" href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><img class="size-full wp-image-102" title="mt" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/mt1.jpg" alt="" width="143" height="107" /></a><p class="wp-caption-text">Медицинская техника</p></div>

</div>

</div>

</div>

 

  

 </div> <!-- end post -->

 

  <p><a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=2&amp;action=edit" title="Редактировать страницу">Редактировать страницу.</a></p>

</div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<noindex><br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

</noindex>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>


Приложение В

HTML-код страницы ««Контакты»» kontakty.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>  Контакты | Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Люцина &raquo; Лента комментариев к &laquo;Контакты&raquo;" href="http://localhost/lyutsina.ru/kontakty/feed" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<link rel='prev' title='Как заказать' href='http://localhost/lyutsina.ru/kak-zakazat' />

<link rel='next' title='Косметические средства' href='http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva' />

<meta name="generator" content="WordPress 3.3.1" />

<link rel='canonical' href='http://localhost/lyutsina.ru/kontakty' />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-28 current_page_item ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

   <div class="post" id="post-28">

 

   <h2><a href="http://localhost/lyutsina.ru/kontakty" rel="bookmark" title="Контакты">Контакты</a></h2>

 

  <p><strong>Телефон:</strong> +7 (343) 278-39-46 </p>

<p><strong>Почта:</strong> <a href="mailto:info@gradfarm.ru">info@lyutsina.ru</a></p>

<p>&nbsp;</p>

<p><strong>Режим работы:</strong></p>

<p>Интернет-аптека: круглосуточно.</p>

<p>Обработка заказов и доставка лекарств: ежедневно с 09.00 до 22.00.</p>

<p>Аптека на Крауля 67 с 08.00 до 21.00 без перерывов и выходных.</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><strong>Фактический адрес:</strong></p>

<p>620131, г. Екатеринбург, ул.Крауля, д. 67 </p>

<p><strong>Юридический адрес и реквизиты:</strong></p>

<p>ООО “Люцина”</p>

<p>ИНН 6671308394</p>

<p>КПП 667101001</p>

<p>Р/с 40702810962260000213 в ОАО «Уральский банк Реконструкции и Развития»</p>

<p>К/с 30101810900000000795</p>

<p>БИК 046577795</p>

<p>Юридический адрес: 620131, г. Екатеринбург, ул. Крауля, д. 67</p>

<p> <a href="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/karta.jpg"><img class="aligncenter size-full wp-image-131" title="karta" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/karta.jpg" alt="" width="841" height="379" /></a></p>

 

  

 </div> <!-- end post -->

 

  <p><a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=28&amp;action=edit" title="Редактировать страницу">Редактировать страницу.</a></p>

</div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<noindex><br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

</noindex>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>


Приложение Г

HTML-код страницы «Как заказать» kak-zakazat.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>  Как заказать | Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Люцина &raquo; Лента комментариев к &laquo;Как заказать&raquo;" href="http://localhost/lyutsina.ru/kak-zakazat/feed" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<link rel='prev' title='Доставка' href='http://localhost/lyutsina.ru/dostavka' />

<link rel='next' title='Контакты' href='http://localhost/lyutsina.ru/kontakty' />

<meta name="generator" content="WordPress 3.3.1" />

<link rel='canonical' href='http://localhost/lyutsina.ru/kak-zakazat' />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-26 current_page_item ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

   <div class="post" id="post-26">

 

   <h2><a href="http://localhost/lyutsina.ru/kak-zakazat" rel="bookmark" title="Как заказать">Как заказать</a></h2>

 

  <p align="justify">Мы рекомендуем вам воспользоваться формой поиска лекарств. Просто введите название препарата в окне поиска и выберите его из появившегося списка. На странице товара чуть ниже указания цены находится кнопка В корзину. При ее клике товар помещается в Корзину, в которой вы можете изменить кол-во, пересчитать при этом стоимость, и оформить заказ.</p>

<p align="justify">Если вы хотите приобрести несколько товаров, то перемещаясь по каталогу, просто добавляйте их в корзину. После добавления всех товаров, вам необходимо перейти в корзину, которая находится в правой части сайта.</p>

<p align="justify">В корзине вы опять же можете указать необходимое количество для каждого товара и оформить заказ. При оформлении заказа необходимо указать ФИО, контактный телефон, адрес доставки, желаемое время доставки и дополнительные пожелания при их наличии. Кроме этого в конце формы мы просим вас ввести цифры с защитного поля, это сделано для нашей с вами безопасной работы.</p>

<p align="justify">Обычно в течение часа после оформления заказа, оператор перезванивает вам для подтверждения заказа и уточнения возможности доставки. Все поступающие заказы с сайта доставляются с 09.00 до 22.00 ежедневно. </p>

<p align="justify">При получении заказа вы оплачиваете его стоимость курьеру наличными и принимаете ваш заказ.</p>

 

  

 </div> <!-- end post -->

 

  <p><a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=26&amp;action=edit" title="Редактировать страницу">Редактировать страницу.</a></p>

 </div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<noindex><br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

</noindex>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>


Приложение Д

HTML-код страницы «Доставка» dostavka.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>  Доставка | Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Люцина &raquo; Лента комментариев к &laquo;Доставка&raquo;" href="http://localhost/lyutsina.ru/dostavka/feed" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<link rel='prev' title='Об аптеке' href='http://localhost/lyutsina.ru/ob-apteke' />

<link rel='next' title='Как заказать' href='http://localhost/lyutsina.ru/kak-zakazat' />

<meta name="generator" content="WordPress 3.3.1" />

<link rel='canonical' href='http://localhost/lyutsina.ru/dostavka' />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-24 current_page_item ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

   <div class="post" id="post-24">

 

   <h2><a href="http://localhost/lyutsina.ru/dostavka" rel="bookmark" title="Доставка">Доставка</a></h2>

 

  <div>

<p>Доставка лекарств по Екатеринбургу</p>

<p>После оформления заказа, оператор перезванивает Вам для подтверждения заказа и уточнения возможности доставки. Все поступающие заказы с сайта доставляются только по Екатеринбургу с 09.00 до 22.00 ежедневно. В выходные дни заказы принимаются с 10.00 до 20.00, доставка в этот же день. Доставка БЕСПЛАТНАЯ.</p>

<p>Если какой-либо товар Вы не нашли в нашем каталоге, Вы можете его забронировать, позвонив по телефону 278-39-46</p>

<p>Оплата производится курьеру наличными деньгами на основании предъявленного кассового чека.</p>

<p>Интернет аптека также работет по безналичному расчету на WMID 352957109914 , счет r105919591690. </p>

</div>

 

  

 </div> <!-- end post -->

 

  <p><a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=24&amp;action=edit" title="Редактировать страницу">Редактировать страницу.</a></p>

 </div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<noindex><br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

</noindex>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>


Приложение Е

HTML-код страницы «Об аптеке» ob-apteke.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>  Об аптеке | Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Люцина &raquo; Лента комментариев к &laquo;Об аптеке&raquo;" href="http://localhost/lyutsina.ru/ob-apteke/feed" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<link rel='prev' title='Ваш заказ принят' href='http://localhost/lyutsina.ru/vash-zakaz-prinyat' />

<link rel='next' title='Доставка' href='http://localhost/lyutsina.ru/dostavka' />

<meta name="generator" content="WordPress 3.3.1" />

<link rel='canonical' href='http://localhost/lyutsina.ru/ob-apteke' />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

 <style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-22 current_page_item ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

   <div class="post" id="post-22">

 

   <h2><a href="http://localhost/lyutsina.ru/ob-apteke" rel="bookmark" title="Об аптеке">Об аптеке</a></h2>

 

  <p>Аптека «Люцина» успешно работает на розничном фармацевтическом рынке с 2010 года. Она предлагает быстрое и качественное обслуживание. Предлагается широчайший выбор современных лекарственных средств (более 4000 наименований), а также изделия медицинского назначения, лечебная косметика, биологически активные добавки, спортивное питание, средства личной гигиены. Опытные специалисты оказывают квалифицированную помощь в выборе препаратов.</p>

<p>Работа аптеки ориентирована на потребителя. Свою деятельность аптека осуществляет в соответствии с лицензиями, полученными в установленном порядке на соответствующие виды медицинской, научной и медико-социальной деятельности, с целью повышения эффективности оказания специализированной медицинской помощи. Помогая людям сохранять здоровье, осознает свою ответственность за качество и доступность лекарств, которыми она обеспечивает покупателей.</p>

<p>Постоянно ведется работа по дальнейшему расширению аптечной сети. В дальнейших планах аптеки «Люцина» &#8212; открытие новых аптек, как в Екатеринбурге, так и в области, увеличение ассортимента, доведение качества обслуживания до совершенства. Аптека постоянно совершенствуется: вкладываются средства в обустройство, оснащение и компьютеризацию аптеки; регулярно проводит обучение и повышение квалификации персонала. Расширение аптечной сети «Люцина» позволит обеспечить доступные цены и широчайший спектр услуг для покупателей.</p>

<p>Аптека стремится, используя новейшие технологии, сделать работу с клиентами максимально удобной, быстрой и приносящей удовольствие. Упор делается на внимательное отношение к каждому покупателю, удобное расположение, широкий ассортимент, развитую сеть услуг.<strong> </strong></p>

<p>Основные преимущества аптеки «Люцина»:</p>

<ul>

<li>множество дополнительных услуг для клиентов;</li>

<li><strong> </strong>удобная и бесплатная система доставки, когда лекарства привозят на дом, что очень кстати, особенно во время болезни;</li>

<li>оплата лекарств и товаров по пластиковым картам;</li>

<li>низкие цены;</li>

<li>широкий ассортимент;</li>

<li>гарантия  качества.</li>

</ul>

<p>Руководство аптеки «Люцина» всегда  готово выслушать конкретные пожелания и предложения, направленные на совершенствование и развитие их деятельности.</p>

 

  

 </div> <!-- end post -->

 

  <p><a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=22&amp;action=edit" title="Редактировать страницу">Редактировать страницу.</a></p>

 </div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<noindex><br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

</noindex>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>


Приложение Ж

HTML-код страницы «Лекарственные средства» lekarstvennye-sredstva.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>  Лекарственные средства | Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Люцина &raquo; Лента комментариев к &laquo;Лекарственные средства&raquo;" href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2/feed" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<link rel='prev' title='Средства гигиены' href='http://localhost/lyutsina.ru/katalog/sredstva-gigieny' />

<meta name="generator" content="WordPress 3.3.1" />

<link rel='canonical' href='http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2' />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-104 current_page_item ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

   <div class="post" id="post-104">

 

   <h2><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2" rel="bookmark" title="Лекарственные средства">Лекарственные средства</a></h2>

 

  <div id="attachment_105" class="wp-caption alignleft" style="width: 130px"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2/attachment/imageca73leqb-2"><img class="size-full wp-image-105 " title="imageCA73LEQB" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/imageCA73LEQB1.jpg" alt="" width="120" height="120" /></a><p class="wp-caption-text">оциллококцинум гран. 6 доз от гриппа/простуды</p></div>

<div class="mceTemp"> </div>

<div class="mceTemp" style="text-align: center;">

 

    <form id="form-" class="quickshop" method="post" action="">

 

     <fieldset>

 

      <dl>

 

       <dt>Продукт:</dt>

 

       <dd><strong>Оциллококцинум</strong></dd>

 

      </dl>

 

    

 

     <input type="hidden" name="product" value="Оциллококцинум"/>

 

     

 

      <dl>

 

       <dt>Стоимость:</dt>

 

       <dd>234.00р.</dd>

 

      </dl>

 

      <dl>

 

       <dt>Доставка:</dt>

 

       <dd>0.00р.</dd>

 

      </dl>

 

      <dl>

 

       <dt>Шт.:</dt>

 

       <dd>

 

        <input type="text" name="amount" value="1" size="5"/>

 

       </dd>

 

      </dl>

 

      <dl>

 

       <dt><br/></dt>

 

       <dd>

 

        <input type="hidden" name="price"     value="234.00"/>

 

        <input type="hidden" name="shipping"  value=""/>

 

        <input type="hidden" name="qslink"    value="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"/>

 

        <input type="hidden" name="addcart"   value="1"/>

 

        <button type="submit">Добавить в корзину</button>

 

       </dd>

 

      </dl>

 

     </fieldset>

 

    </form>

 

    </div>

<div class="mceTemp" style="text-align: center;"> </div>

<div class="mceTemp" style="text-align: left;">

<div>

<p>Производитель:</p>

<div>Boiron Laboratoires</div>

</div>

<div>

<p>Показания:</p>

<div>

<p>Грипп и простудные заболевания.</p>

</div>

</div>

<div>

<p>Особые примечания:</p>

<div>

<p>Оциллококцинум &#8212; гомеопатический препарат для лечения симптомов гриппозных состояний и простудных заболеваний (лихорадка, озноб, разбитость, головные боли). Препарат эффективен на любой стадии заболевания при условии соблюдения принятой дозировки.<span id="more-104"></span><br />

Оциллококцинум не имеет побочных эффектов и противопоказаний. При приеме Оциллококцинума можно не опасаться передозировки или несовместимости с другими средствами. Оциллококцинум можно назначать всем, в том числе лицам из группы &#171;риска&#187; (грудным детям, беременным женщинам, людям пожилого возраста).<br />

Препарат прост в употреблении &#8212; не требует воды или какой-либо подготовки. Прием препарата не вызывает неприятных вкусовых ощущений.</p>

</div>

</div>

<div>

<p>Применение:</p>

<div>

<p>Дозировка зависит от момента начала приема препарата.<br />

Для профилактики: принимать по 1 дозе в неделю в период распространения гриппозной инфекции.</p>

<p>Начальная стадия заболевания: Как можно раньше принять 1 дозу, затем повторить прием 2-3 раза с интервалом в 6 часов.</p>

<p>При выраженной стадии заболевания, когда присутствуют все симптомы гриппа, следует принимать по 1 дозе препарата утром и вечером в течение 1—3 дней. Если в течение 3-х дней симптомы заболевания не исчезают, следует обратиться к лечащему врачу.</p>

<p>Содержимое контейнера-дозы положить под язык и держать до полного растворения.<br />

Для грудных детей: растворить содержимое дозы в небольшом количестве воды и давать с ложечки или с помощью бутылочки с соской.<br />

Принимать препарат за 15 минут до приема пищи или 1 час спустя.<br />

Препарат действует тем быстрее и эффективнее, чем раньше начато лечение: желательно начинать прием с первых же симптомов заболевания.</p>

</div>

</div>

<div>

<p>Противопоказания:</p>

<div>

<p>повышенная чувствительность к компонентам препарата.</p>

</div>

</div>

<div>

<p>&nbsp;</p>

<div class="mceTemp" style="text-align: center;">

<dl id="attachment_106" class="wp-caption alignleft" style="width: 170px;">

<dt class="wp-caption-dt"><a href="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/imageCAS0N1A41.jpg"><img class="size-full wp-image-106" title="imageCAS0N1A4" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/imageCAS0N1A41.jpg" alt="" width="160" height="120" /></a></dt>

<dd class="wp-caption-dd">анаферон таб n20 дет.гомеоп.</dd>

</dl>

</div>

<div> </div>

<div style="text-align: center;">

 

    <form id="form-" class="quickshop" method="post" action="">

 

     <fieldset>

 

      <dl>

 

       <dt>Продукт:</dt>

 

       <dd><strong>Анаферон</strong></dd>

 

      </dl>

 

    

 

     <input type="hidden" name="product" value="Анаферон"/>

 

     

 

      <dl>

 

       <dt>Стоимость:</dt>

 

       <dd>95.00р.</dd>

 

      </dl>

 

      <dl>

 

       <dt>Доставка:</dt>

 

       <dd>0.00р.</dd>

 

      </dl>

 

      <dl>

 

       <dt>Шт.:</dt>

 

       <dd>

 

        <input type="text" name="amount" value="1" size="5"/>

 

       </dd>

 

      </dl>

 

      <dl>

 

       <dt><br/></dt>

 

       <dd>

 

        <input type="hidden" name="price"     value="95.00"/>

 

        <input type="hidden" name="shipping"  value=""/>

 

        <input type="hidden" name="qslink"    value="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"/>

 

        <input type="hidden" name="addcart"   value="1"/>

 

        <button type="submit">Добавить в корзину</button>

 

       </dd>

 

      </dl>

 

     </fieldset>

 

    </form>

 

    </div>

<p>&nbsp;</p>

<div>

<p>Производитель:</p>

<div>Материа Медика</div>

</div>

<div>

<p>Показания:</p>

<div>

<p>Профилактика и лечение гриппа, ОРВИ, вирусных инфекций верхних дыхательных путей (риниты, фарингиты, ларингиты, трахеобронхиты).<br />

<!--more-->Комплексная терапия и профилактика хронической рецидивирующей герпес-вирусной инфекции, в том числе простого</p>

</div>

</div>

<div>

<p>Особые примечания:</p>

<div>

<p>Препарат оказывает иммуномодулирующее и противовирусное действие.<br />

Анаферон представляет собой сверхмалые дозы аффинно очищенных антител к человеческому интерферону гамма, полученные по гомеопатической технологии.<br />

Стимулирует гуморальный и клеточный иммунный ответ. Повышает продукцию антител (включая секреторный IgA), активизирует функции Т-эффекторов, Т-хелперов (Тх). Повышает функциональный резерв T-хелперов и других клеток, участвующих в иммунном ответе. Индуцирует образование эндогенных &lt;ранних&gt; интерферонов (a/b) и гамма-интерферона (ИФНg). Является индуктором смешанного Tx1 и Tх2-типа иммун-<br />

ного ответа: повышает выработку цитокинов Tх1 (ИФНg, ИЛ-2) и Tх2 (ИЛ-4, 10), нормализует (модулирует) баланс Tх1/Tх2 активностей. Повышает функциональную активность фагоцитов и NK клеток. Снижает концентрацию вируса в пораженных тканях. Обладает антимутагенными свойствами.<br />

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

</div>

</div>

<div>

<p>Применение:</p>

<div>

<p>На один приём принимать 1 таблетку (желательно держать во рту до полного растворения). При назначении детям младшего возраста рекомендуется растворить таблетку в небольшом количестве кипячёной воды комнатной температуры.<br />

Лечение начинать при появлении первых признаков респираторного заболевания &#8212; по одной таблетке препарата 3 раза в сутки.<br />

При наличии выраженных катарально-воспалительных явлений, в зависимости от тяжести состояния, в первые три дня частота приёма может быть увеличена до 4-6 раз в сутки. В дальнейшем, при улучшении состояния, вновь следует принимать препарат три раза в сутки.<br />

После купирования острых проявлений заболевания &#8212; для предотвращения бактериальных осложнений &#8212; принимать по одной таблетке утром натощак в течение 8-12 дней: до выздоровления.<br />

При отсутствии улучшения на третий день лечения препаратом следует обратиться к врачу.<br />

При необходимости препарат можно сочетать с анальгетическими и жаропонижающими средствами.</p>

</div>

</div>

<div>

<p>Противопоказания:</p>

<div>

<p>Повышенная индивидуальная чувствительность, беременность.</p>

</div>

</div>

</div>

</div>

 

  

 </div> <!-- end post -->

 

  <p><a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=104&amp;action=edit" title="Редактировать страницу">Редактировать страницу.</a></p>

 </div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<noindex><br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

</noindex>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>

Приложение И

HTML-код страницы «Косметические средства» kosmeticheskie-sredstva.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>  Косметические средства | Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Люцина &raquo; Лента комментариев к &laquo;Косметические средства&raquo;" href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva/feed" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<link rel='prev' title='Контакты' href='http://localhost/lyutsina.ru/kontakty' />

<link rel='next' title='Медицинская техника' href='http://localhost/lyutsina.ru/katalog/medicinskaya-texnika' />

<meta name="generator" content="WordPress 3.3.1" />

<link rel='canonical' href='http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva' />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-62 current_page_item ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

   <div class="post" id="post-62">

 

   <h2><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva" rel="bookmark" title="Косметические средства">Косметические средства</a></h2>

 

  <div>

<div class="mceTemp"> </div>

<div class="mceTemp">

<dl id="attachment_76" class="wp-caption alignleft" style="width: 160px;">

<dt class="wp-caption-dt"><a href="http://localhost/lyutsina.ru/oformlenie-zakaza"><img class="wp-image-76 " title="iCATQ5SUD" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/iCATQ5SUD.jpg" alt="" width="150" height="150" /></a></dt>

<dd class="wp-caption-dd">Виши набор селебиотик 50 мл</dd>

</dl>

<p style="text-align: center;">Виши набор селебиотик 50 мл+подарок    Производитель: Vichy</p>

<p style="text-align: center;">

 

    <form id="form-50" class="quickshop" method="post" action="">

 

     <fieldset>

 

      <dl>

 

       <dt>Продукт:</dt>

 

       <dd><strong>виши набор селебиотик 50 мл</strong></dd>

 

      </dl>

 

    

 

     <input type="hidden" name="product" value="виши набор селебиотик 50 мл"/>

 

     

 

      <dl>

 

       <dt>Стоимость:</dt>

 

       <dd>1000.00р.</dd>

 

      </dl>

 

      <dl>

 

       <dt>Доставка:</dt>

 

       <dd>0.00р.</dd>

 

      </dl>

 

      <dl>

 

       <dt>Шт.:</dt>

 

       <dd>

 

        <input type="text" name="amount" value="1" size="5"/>

 

       </dd>

 

      </dl>

 

      <dl>

 

       <dt><br/></dt>

 

       <dd>

 

        <input type="hidden" name="price"     value="1000.00"/>

 

        <input type="hidden" name="shipping"  value=""/>

 

        <input type="hidden" name="qslink"    value="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"/>

 

        <input type="hidden" name="addcart"   value="1"/>

 

        <button type="submit">Добавить в корзину</button>

 

       </dd>

 

      </dl>

 

     </fieldset>

 

    </form>

 

    </p>

</div>

</div>

<div> </div>

<div> </p>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp"> </div>

<div class="mceTemp">

<dl id="attachment_78" class="wp-caption alignleft" style="width: 124px;">

<dt class="wp-caption-dt"><a href="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/imageCAT4QG4A.jpg"><img class="wp-image-78 " title="imageCAT4QG4A" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/imageCAT4QG4A.jpg" alt="" width="114" height="117" /></a></dt>

<dd class="wp-caption-dd">глина косметическая 100,0 /розовая/</dd>

</dl>

<div style="text-align: center;"> </div>

<div style="text-align: center;"> </div>

<div style="text-align: center;">В состав <strong>розовой глины</strong> входят белая и красная глины в различных пропорци Производитель: Россия</div>

<div style="text-align: center;">

 

    <form id="form-" class="quickshop" method="post" action="">

 

     <fieldset>

 

      <dl>

 

       <dt>Продукт:</dt>

 

       <dd><strong>глина косметическая</strong></dd>

 

      </dl>

 

    

 

     <input type="hidden" name="product" value="глина косметическая"/>

 

     

 

      <dl>

 

       <dt>Стоимость:</dt>

 

       <dd>10.00р.</dd>

 

      </dl>

 

      <dl>

 

       <dt>Доставка:</dt>

 

       <dd>0.00р.</dd>

 

      </dl>

 

      <dl>

 

       <dt>Шт.:</dt>

 

       <dd>

 

        <input type="text" name="amount" value="1" size="5"/>

 

       </dd>

 

      </dl>

 

      <dl>

 

       <dt><br/></dt>

 

       <dd>

 

        <input type="hidden" name="price"     value="10.00"/>

 

        <input type="hidden" name="shipping"  value=""/>

 

        <input type="hidden" name="qslink"    value="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"/>

 

        <input type="hidden" name="addcart"   value="1"/>

 

        <button type="submit">Добавить в корзину</button>

 

       </dd>

 

      </dl>

 

     </fieldset>

 

    </form>

 

    </div>

</div>

</div>

<div>

<div>

<div> </div>

</div>

<div> </div>

</div>

 

  

 </div> <!-- end post -->

 

  <p><a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=62&amp;action=edit" title="Редактировать страницу">Редактировать страницу.</a></p>

</div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<noindex><br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

</noindex>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>


Приложение К

HTML-код страницы «Средства гигиены» sredstva-gigieny.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<title>  Средства гигиены | Люцина</title>

<meta name="generator" content="WordPress 3.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://localhost/lyutsina.ru/wp-content/themes/magicland/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="Люцина RSS-лента" href="http://localhost/lyutsina.ru/feed" />

<link rel="pingback" href="http://localhost/lyutsina.ru/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Люцина &raquo; Лента комментариев к &laquo;Средства гигиены&raquo;" href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny/feed" />

<link rel='stylesheet' id='admin-bar-css'  href='http://localhost/lyutsina.ru/wp-includes/css/admin-bar.css?ver=20111209' type='text/css' media='all' />

<link rel='stylesheet' id='dtree.css-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-basic-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/basic.css?ver=1.0' type='text/css' media='all' />

<link rel='stylesheet' id='wpmega-custom-css'  href='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/styles/skins/custom.css?ver=1' type='text/css' media='all' />

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/wpmegamenu.min.js?ver=3.3.1'></script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-uber-menu/js/hoverIntent.js?ver=3.3.1'></script>

<script type='text/javascript'>

/* <![CDATA[ */

var WPdTreeSettings = {"animate":null,"duration":null,"imgurl":"http:\/\/localhost\/lyutsina.ru\/wp-content\/plugins\/wp-dtree-30\/"};

/* ]]> */

</script>

<script type='text/javascript' src='http://localhost/lyutsina.ru/wp-content/plugins/wp-dtree-30/wp-dtree.min.js?ver=4.3.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/lyutsina.ru/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/lyutsina.ru/wp-includes/wlwmanifest.xml" />

<link rel='prev' title='Медицинская техника' href='http://localhost/lyutsina.ru/katalog/medicinskaya-texnika' />

<link rel='next' title='Лекарственные средства' href='http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2' />

<meta name="generator" content="WordPress 3.3.1" />

<link rel='canonical' href='http://localhost/lyutsina.ru/katalog/sredstva-gigieny' />

 

<!-- Start Of Script Generated By cforms v14.0 [Oliver Seidel | www.deliciousdays.com] -->

<link rel="stylesheet" type="text/css" href="http://localhost/lyutsina.ru/wp-content/plugins/cforms/styling/cforms2012.css" />

<script type="text/javascript" src="http://localhost/lyutsina.ru/wp-content/plugins/cforms/js/cforms.js"></script>

<!-- End Of Script Generated By cforms -->

 

<!--[if lt IE 9]>

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

<![endif]-->

<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">

html { margin-top: 28px !important; }

* html body { margin-top: 28px !important; }

</style>

<div id="megaMenu" class="megaMenuContainer megaMenu-nojs megaMenuHorizontal megaMenuOnHover"><ul id="menu-menyu1" class="megaMenu"><li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home ss-nav-menu-item-0 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/"><span class="wpmega-link-title">Главная</span></a></li>

<li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-1 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kontakty"><span class="wpmega-link-title">Контакты</span></a></li>

<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-2 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/kak-zakazat"><span class="wpmega-link-title">Как заказать</span></a></li>

<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-3 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/dostavka"><span class="wpmega-link-title">Доставка</span></a></li>

<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-4 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/ob-apteke"><span class="wpmega-link-title">Об аптеке</span></a></li>

<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor ss-nav-menu-item-5 ss-nav-menu-item-depth-0 ss-nav-menu-reg"><a href="http://localhost/lyutsina.ru/katalog"><span class="wpmega-link-title">Каталог</span></a>

<ul class="sub-menu sub-menu-1">

<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/lekarstvennye-sredstva-2"><span class="wpmega-link-title">Лекарственные средства</span></a></li>

<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-88 current_page_item ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny"><span class="wpmega-link-title">Средства гигиены</span></a></li>

<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/medicinskaya-texnika"><span class="wpmega-link-title">Медицинская техника</span></a></li>

<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page ss-nav-menu-item-depth-1"><a href="http://localhost/lyutsina.ru/katalog/kosmeticheskie-sredstva"><span class="wpmega-link-title">Косметические средства</span></a></li>

</ul>

</li>

</ul></div></head>

<body>

 

<div id="box">

<div id="top">

<div id="header"><h1><a href="http://localhost/lyutsina.ru/" title="Люцина">Люцина</a></h1>

<div id="description">Интернет-магазин аптеки &quot;Люцина&quot;</div>

</div> <!-- end header -->

</div> <!-- end top -->

 

 

 

<div id="content">

 

   <div class="post" id="post-88">

 

   <h2><a href="http://localhost/lyutsina.ru/katalog/sredstva-gigieny" rel="bookmark" title="Средства гигиены">Средства гигиены</a></h2>

 

  <div class="mceTemp" style="text-align: center;">

<dl id="attachment_89" class="wp-caption alignleft" style="width: 95px;">

<dt class="wp-caption-dt"><a href="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/1175298big.jpg"><img class="wp-image-89 " title="1175298big" src="http://localhost/lyutsina.ru/wp-content/uploads/2012/04/1175298big.jpg" alt="" width="85" height="200" /></a></dt>

<dd class="wp-caption-dd">Зубная паста Colgate 360°</dd>

</dl>

</div>

<p style="text-align: center;"><strong>Сolgate 360° “Суперчистота всей полости рта”</strong></p>

<p style="text-align: center;">    Для здоровья полости рта необходимо не только чистить зубы,   но и уделять равное внимание деснам, языку и внутренней поверхности щек. Ведь 80% бактерий скапливается не на зубах!<br />

Зубная паста Colgate 360° «Суперчистота всей полости рта»   превосходно чистит зубы и эффективно борется с бактериями, которые можно пропустить при чистке зубов пастой, не содержащей микрочастиц «Acti-Clean».<br />

Клинически проверенная формула зубной пасты Colgate 360° «Суперчистота всей полости рта» глубоко очищает и удаляет еще больше бактерий – для здоровья и суперчистоты всей полости рта.</p>

<p style="text-align: center;"></p>

<p>&nbsp;</p>

 

  

 </div> <!-- end post -->

 

  <p><a class="post-edit-link" href="http://localhost/lyutsina.ru/wp-admin/post.php?post=88&amp;action=edit" title="Редактировать страницу">Редактировать страницу.</a></p>

 </div> <!-- end content -->

 

<div id="sidebar">

 

<div class="lsidebar">

<ul>

<li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск товара</h2>

<form role="search" method="get" id="searchform" action="http://localhost/lyutsina.ru/" >

<div><label class="screen-reader-text" for="s">Найти:</label>

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Поиск" />

</div>

</form></li>

<li id="quick_shop_cart-2" class="widget widget_quick_shop_cart">

   

      <div class="quickshopcart" style="padding: 5px;">

   

       <h2 class="widgettitle">Корзина</h2>

 

   

       

   

       <p>Ваша корзина пуста</p>

   

      </div>

   

      </li>

</ul>

</div> <!-- end sidebar-left -->

 

 

<div class="rsidebar">

<ul>

 

 

 

   

    

  </li>

   <li><h2>Новости</h2>

 <ul>

 

<li><a href="http://localhost/lyutsina.ru/%d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8/privet-mir.html">Аптека работает!</a></li>

 

 </ul>

 </li>

   

   </ul>

</div> <!-- end sidebar-right -->

 

</div> <!-- end sidebar -->

<div id="bottom-sep">&nbsp;</div>

<div id="bottom">

 

<div class="bottom-divs">

 

 

<!-- Bottom Left -->

<div id="bottom-left">

 <h2>О проекте</h2>

 <p>© 2012 Люцина — современная аптека Екатеринбурга с обширным каталогом лекарств, бадов, косметических средств и медицинской техники. Удобный поиск, демократичные цены, бесплатная доставка до вашей квартиры.

 </p>

 </div> <!-- end Bottom Left -->

 

 

<!-- Bottom Mid -->

<div id="bottom-mid">

 <h2>Полезные ресурсы</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/ob-apteke " title="">Об аптеке</a></li>

  <li><a href="http://localhost/lyutsina.ru/katalog " title="">Каталог</a></li>

  <li><a href="http://localhost/lyutsina.ru/dostavka " title="">Доставка</a></li>

  <li><a href="http://localhost/lyutsina.ru/kak-zakazat " title="">Как заказать</a></li>

  <li><a href="http://localhost/lyutsina.ru/kontakty " title="">Контакты</a></li>

 </ul>

</div> <!-- end Bottom Midi -->

 

 

<!-- Bottom Right -->

<div id="bottom-right">

 <h2>Прочее</h2>

 <ul>

  <li><a href="http://localhost/lyutsina.ru/wp-admin/">Управление сайтом</a></li>   <li><a href="http://localhost/lyutsina.ru/wp-login.php?action=logout&#038;_wpnonce=9d455fe897">Выйти</a></li>

       </ul>

</div> <!-- end Bottom Right -->

 

 

</div> <!-- end bottom-divs -->

 

</div> <!-- end bottom -->

<div id="footer">

<p>Дизайн темы <a href="http://www.seoatsea.com/" title="Organic Search Engine Optimization" >Organic Search Engine Optimization</a>

<noindex><br>

<font size="1">

Локализация: XTemplate.ru: <a href="http://xtemplate.ru/">скачать шаблоны сайтов</a>&nbsp;

<a href="http://xtforum.ru/">WordPress</a>. *

Перевод: SeOne.ru: <a href="http://www.seone.ru/">оптимизация сайтов</a>.</font>

</noindex>

 

</p>

</div> <!-- end footer -->

 

</div> <!-- end box -->

</body>

</html>


Приложение Л

HTML-код страницы «Медицинская техника» medicinskaya-texnika.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Typ