Автор Анна Евкова
Преподаватель который помогает студентам и школьникам в учёбе.

Обзор языков гипертекстовой разметки

Содержание:

Введение

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

Повсеместное распространение и доступность Интернета, а так же доступность компьютерной техники, очень скоро привели к тому, что многие люди стали проводить большую часть времени on-line – в среднем, около трех часов в сутки. Для большого количества людей Интернет стал основным источником информации. Он стал постепенно вытеснять из их жизни печатные СМИ и телевидение, вследствие чего, роль телевизионной и печатной рекламы стала падать.

Сайт может выполнять следующие функции:

  1. Имиджевая функция – формирует образ владельца сайта среди интернет – пользователей
  2. Маркетинговая функция – помогает продавать товар или услуги с помощью сайта
  3. Информационная функция – сайт предоставляет максимум тематической информации пользователям, при этом регулярно обновляемой

Для работы с текстами был разработан специальный протокол передачи гипертекста (HyperText Transfer Protocol, HTTP). Эта технология дала огромный толчок развитию Сети, и Интернет стал действительно интернациональной сетью.

Цель данной работы – рассмотреть языки гипертекстовой разметки, в частности html, создать сайт с его использованием.

Обзор языков гипертекстовой разметки

История развития Интернета и появление HTML

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

Официальным днем рождения Интернета считается 2 января 1969 года, когда Управление перспективных исследований (Advansed Research Project Agency, ARPA) Министерства обороны США начало работу над проектом связи оборонных компьютеров.

Одним из первых достижений Интернета в 1970-е стало его международное применение, что привело к созданию электронной почты (Electronic mail), ныне именуемой просто e-mail. Так же в этот период времени, что бы отслеживать новости по всему миру были созданы новостные группы (Usernet).

Востребованность Интернета привела к разработке и созданию в 1980-е сети Bitnet, которая тоже входила в группу Интернет, но не имела никакого отношения ни к исследовательским, ни к военным проектам. Авторами этой сети считаются специалисты Нью-йоркского университета (City University of New York).

В 1984 году была внедрена система DNS (Domain Name System), так называемая система доменных имен, которая позволяла установить связь между цифровыми и символьными именами доменов. До использования системы DNS, все адреса сайтов имели вид IP-адресов, что существенно осложняло их запоминание и восприятие.

В 1986 году был принят первый стандарт ISO-8879 Международной организацией стандартизации (International Organization for Standardizations, ISO), под названиемSGML (Standard Generalized Markup Language — стандартный обобщенный язык разметки). SGML — обогащенный метаязык, позволяющий строить системы логической и структурной разметки текстов любых разновидностей.

Структурная разметка — форматирование текста, в которой управляющие коды не несут никакой информации о внешнем виде документа, а лишь указывают границы и соподчинение его составных частей, то есть задают его логическую структуру. SGML-документ требует определения типа документа (Document Type Definition, DTD). DTD посылается вместе с SGML-документом или включается в SGML-документ для того, чтобы можно было распознать теги, созданные пользователем. Язык SGML не получил распространения, однако его идеология повлияла на многие компьютерные разработки.

В 1989 году выпускник Оксфордского университета, бакалавр в области физики, сотрудник Европейского центра ядерных исследований (CERN) Тим Бернерс-Ли (Tim Berners-Lee) разработал язык HTML (HyperText Markup Language — язык разметки гипертекста), ставший основным языком создания веб-документов и прототипом Всемирной паутины (World Wide Web, WWW). Тим Бернс-Ли — автор идеологии гиперссылок. По сути, язык HTML — это набор SGML-предписаний, сформулированный в виде DTD. В случае языка HTML определение типа документа хранится в браузере, и это определение намного проще, чем DTD языка SGML.

Однако нельзя сказать, что именно Тим Бернерс-Ли один все и придумал. К открытию подошло все человечество, накопив достаточные знания. Так, еще в середине XX столетия Ванневар Буш (Vannevar Bush) объявил миру новое слово — «гипертекст», аТед Нельсон (Ted Nelson) предложил создать «документарную вселенную», связав все тексты, произведенные человечеством на свет, перекрестными ссылками, но в начале шестидесятых годов двадцатого столетия у академической публики это воззвание не вызвало ничего, кроме снисходительной улыбки.

Осенью 1990 года сотрудники CERN получили в пользование первый веб-сервер и веб-браузер, созданные Тимом Бернерсом-Ли в среде NeXTStep.

Для работы с текстами был разработан специальный протокол передачи гипертекста (HyperText Transfer Protocol, HTTP). Эта технология дала огромный толчок развитию Сети, и Интернет стал действительно интернациональной сетью.

Летом 1991 года проект WWW, покоривший научный мир Европы, пересек океан и влился в американский проект Internet. Появился ряд новых аббревиатур: URL, HTTP, HTML. Вспыхнувшее было соперничество между Европой и Америкой за новую информационную технологию сошло «на нет» с переездом Тима Бернерса-Ли в США. В 1994-м он сначала возглавил кафедру в Массачусетском технологическом институте, а затем –международный консорциум W3C (World Wide Web Consortium), играющий роль центра стандартизации Всемирной Паутины.

Появившийся в 1991 году язык HTML постоянно дорабатывался и дополнялся.

Из всех этих видоизменений выделяют следующие версии:

  • HTML 1.0. Первая версия языка
  • HTML 2.0. Эта версия (RFC 1866) была разработана в 1994 г. Рабочая группа по HTML в составе IETF (Internet Engineering Task Force) ввела соответствующие изменения, и набор базовых элементов. HTML 2.0 приобрел статус стандарта
  • HTML 3.0. Эта версия языка была реализована в начале 1996 г. Появилось много нововведений, включая теги для создания таблиц, для разметки математических формул, для вставки обтекаемых текстом рисунков, для вставки примечаний и т. д. Не нарушая основные концепции разметки гипертекста, авторы версии 3.0 ввели новое средство — каскадные листы стилей (Cascading Style Sheets, CSS)
  • HTML 3.2. Эта версия языка была реализована в 1996 г. В ней были предусмотрены дополнительные элементы, предназначенные для создания апплетов, задания регистра символов и т. д. Версия HTML 3.2 стала компромиссным решением — попыткой примирить Microsoft и Netscape и объединить их оригинальные решения
  • HTML 4.0. Эта версия языка была реализована в 1997 г. Вторая скорректированная реализация вышла в 1998 г. В HTML 4.0 была введена поддержка мультимедиа, языков сценариев, а также средств воспроизведения документов для пользователей с физическими ограничениями. В этой версии консорциум W3C указал, что почти все атрибуты, определяющие вид HTML-документа (цвет, выравнивание, шрифты, графика и т. д.), являются нежелательными, взамен рекомендуется использовать листы стилей и классы. Однако большинство разработчиков веб-страниц по-прежнему используют подобные теги
  • HTML 4.01. Эта версия вышла в 1999 г. В ней были исправлены недочёты, замеченные в предыдущей версии
  • HTML 5. Разработка этой версии началась в рабочей группе W3C в 2007 г. и 22 января 2008 г. появились в новой спецификации. Спецификация и сейчас находится в разработке и может находиться в этой стадии еще несколько лет. Однако в Интернет уже активно создают сайты с применением этой спецификации.

Описание HTML

HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language). С помощью HTML создаются Web – страницы, которые находятся в глобальной компьютерной сети Интернет. HTML – это не язык программирования в традиционном смысле, он является языком разметки. С помощью HTML текстовый документ разбивают на блоки смысловой информации (заголовки, параграфы, таблицы, рисунки и т.п.).

HTML-документ может содержать текст, графику, видео и звук. В общем случае HTML-документ – это один или несколько текстовых файлов, имеющих расширение .htm или .html.

HTML-документ можно как с помощью специальных программ – редакторов HTML, так и с помощью любого текстового редактора (например, блокнота Windows). В качестве текстового редактора при разработке шаблона использовался Notepad, предназначенный для программистов и всех тех, кого не устраивает скромная функциональность входящего в состав Windows Блокнота. Он очень удобный, в особенности тем, что обеспечивает подсветку синтаксиса, автоматически завершает набираемое слово, одновременно работает с множеством документов, поддерживает «Поиск» и «Замену», автоматически определяет состояние файла и многое другое.

Для просмотра HTML-документов существуют специальные программы-браузеры. Они интерпретируют HTML-документы, т.е. переводят текст документа в Web-страницу, и отображают ее на экране пользователя. Существует очень много различных браузеров, но наиболее распространенными браузерами являются Microsoft Internet Explorer, Mozilla Firefox и Opera. Если при интерпретации HTML-документа браузер чего-то не понимает, то сообщения об ошибке не возникает, а это место в HTML-документе игнорируется и не отображается браузером.

Пример HTML-кода приведен на рис.1.

Рис.1. Отрывок HTML-кода

Представленный отрывок HTML-кода иллюстрирует блок, который выводит категорию пива «Ягер Живое» на главную страницу сайта. Здесь в особенности используется слой DIV, представляющий контейнер для HTML. Данный элемент предназначен для использования в CSS. Тег можно использовать для форматирования абзацев, в нем можно использовать атрибуты выравнивания. Названия слоев придуманы произвольно для того, чтобы впоследствии было удобно использовать в CSS.

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

Язык XML

HTML уже сегодня не удовлетворяет в полной мере требованиям, предъявляемым современными разработчиками к языкам подобного рода. И ему на смену был предложен новый язык гипертекстовой разметки, мощный, гибкий, и, одновременно с этим, удобный язык XML. В чем же заключается его достоинства?

XML (Extensible Markup Language) – это язык разметки, описывающий целый класс объектов данных, называемых XML-документами. Этот язык используется в качестве средства для описания грамматики других языков и контроля за правильностью составления документов. Т.е. сам по себе XML не содержит никаких тэгов, предназначенных для разметки, он просто определяет порядок их создания. Таким образом, если, например, мы считаем, что для обозначения элемента rose в документе необходимо использовать тэг <flower>;, то XML позволяет свободно использовать определяемый нами тэг и мы можем включать в документ фрагменты, подобные следующему:

<flower>rose</flower>

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

<conservatory>
<flower>rose</flower>
</conservatory>

Если мы хотим посадить туда еще несколько цветочков, то должны внести следующие изменения:

<conservatory>
<flower>rose</flower>
<flower>tulip</flower>
<flower>cactus</flower>
</conservatory>

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

Еще одним из очевидных достоинств XML является возможность использования его в качестве универсального языка запросов к хранилищам информации. Сегодня в глубинах W3C находится на рассмотрении рабочий вариант стандарта XML-QL (или XQL), который, возможно, в будущем составит серьезную конкуренцию SQL. Кроме того, XML-документы могут выступать в качестве уникального способа хранения данных, который включает в себя одновременно средства для разбора информации и представления ее на стороне клиента. В этой области одним из перспективных направлений является интеграция Java и XML - технологий, позволяющая использовать мощь обеих технологий при построении машинно-независимых приложений, использующих, кроме того, универсальный формат данных при обмене информации.

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

Также одним из достоинств XML является то, что программы-обработчики XML- документов не сложны и уже сегодня появились и свободно распространяются всевозможные программные продукты, предназначенные для работы с XML-документами. XML поддерживается сегодня в броузерах Microsoft Internet Explorer 4.0 и выше, а так же в последней версии Netscape Communicator, СУБД Oracle, DB-2, в приложениях MS-Office. Все это дает основания предполагать, что, скорее всего, в ближайшем будущем XML станет основным языком обмена информации для информационных систем, заменив собой, тем самым, HTML.

Разработка сайта на HTML

Создание структуры сайта

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

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

В базе данных хранится следующая информация:

  • Прайс-листы;
  • Информация о клиентах;
  • Каталог товаров;
  • Отчеты персоналов;
  • Движение товаров.

Кроме основных средств - HTML, CSS, PHP - использовались дополнительные средства, программы для создания сайта, в частности для создания графической и текстовой части.

Графическая часть сайта создавалась с использованием самого известного графического редактора - Adobe Photoshop. Он позволяет редактировать старые изображения и создавать новые.

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

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

Создание элементов дизайна (рис. 2).

Рис.2. Верхняя шапка web-страницы

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

Наглядное представление характеристик СУБД представлено в таблице 1.

Таблица 1

Сравнительный анализ характеристик СУБД

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

MySQL

Oracle

Microsoft Access

FireBird

1

2

3

4

5

Стоимость

От $ 500

от $800

от $ 250

Бесплатная

Тип СУБД

Реляционная СУБД

Объектно-реляционная СУБД

Реляционная СУБД

Реляционная СУБД

Работа под управлением различных ОС

Приемлемо

Хорошо

Приемлемо

Отлично

Административное управление

Хорошо

Отлично

Очень хорошо

Хорошо

Графические инструменты

Отлично

Хорошо

Отлично

Хорошо

Простота обслуживания

Хорошо

Отлично

Отлично

Хорошо

Механизм данных

Хорошо

Отлично

Хорошо

Хорошо

Работа с несколькими ЦП

Приемлемо

Отлично

Приемлемо

Хорошо

Функция соединения и выбор индексов

Отлично

Отлично

Хорошо

Хорошо

Одновременный доступ нескольких пользователей

Хорошо

Отлично

Хорошо

Хорошо

Обработка мультимедиа-данных

Плохо

Отлично

Плохо

Плохо

Обработка аудио, видео, изображений

Плохо

Отлично

Плохо

Плохо

Поиск по всему тексту

Хорошо

Отлично

Очень хорошо

Хорошо

Функциональная совместимость

Хорошо

Приемлемо

Хорошо

Хорошо

Сопряжение с другими БД

Хорошо

Плохо

Хорошо

Хорошо

Возможности программирования

Приемлемо

Отлично

Хорошо

Хорошо

Хранимые процедуры и триггеры

Хорошо

Отлично

Хорошо

Хорошо

Внутренний язык программирования

Плохо

Отлично

Хорошо

Хорошо

Построение баз данных

Хорошо

Отлично

Хорошо

Отлично

Язык SQL

Отлично

Отлично

Очень хорошо

Очень хорошо

Объектно-ориентированные системы

Плохо

Отлично

Плохо

Отлично

Обработка транзакций

Отлично

Отлично

Отлично

Хорошо

Организация хранилищ данных и подготовка отчетов

Отлично

Хорошо

Отлично

Хорошо

Средства загрузки

Отлично

Отлично

Хорошо

Хорошо

Средства анализа

Отлично

Хорошо

Хорошо

Хорошо

Защита данных

Отлично

Отлично

Хорошо

Хорошо

Подключение к Web

Плохо

Отлично

Хорошо

Хорошо

База данных для сайта будет состоять из 6 взаимосвязанных таблиц. Приведем описание каждой таблицы.

Таблица 2

Сведения о сотрудниках

Имя поля

Тип данных

Идентифи

катор

Длина поля

Длина одной записи

Число записей

Возможность индексирования

Код сотрудника

счетчик

Kod_sotr

20

3

10

Да

Ключевое поле

ФИО сотрудника

текстовый

Fio_sotr

30

30

10

Нет. Повторения невозможны

Пасп. данные

числовой

pasport

20

8

10

Нет

Таблица 3

Сведения о поставщиках

Имя поля

Тип данных

Идентифи

катор

Длина поля

Длина одной записи

Число записей

Возможность индексирования

Код поставщика

счетчик

Kod_post

20

3

5

Да. Ключ. Поле

Наименование фирмы

Текст.

postavshik

30

20

5

Да

Наименование товара

Текст.

tovar

30

20

100

Да

Количество

числовой

Kol_tov

10

10

100

Нет

Стоимость

денежный

stoim

10

10

100

Нет

Сумма

денежный

sum

10

10

100

Нет

Таблица 4

Сведения о клиентах

Имя поля

Тип данных

Идентификатор

Длина поля

Длина одной записи

Число записей

Возможность индексирования

Код клиента

счетчик

Kod_klienta

10

10

200

Да. Ключ. Поле

ФИО клиента

Текст.

Fio_klienta

30

30

200

Нет

Сумма заказа

Денеж.

sum

10

10

200

Нет

Таблица 5

Таблица «Заказы»

Имя поля

Тип данных

Идентификатор

Длина поля

Длина одной записи

Число записей

Возможность индексирования

Код заказа

Счетчик

Kod_zakaza

10

10

50

Да. Ключ. поле

Код товара

Числ.

Kod_tov

10

10

50

Да

Код сотрудника

Числ.

Kod_sotr

10

10

50

Да

Код клиента

Числ.

Kod_klienta

10

10

50

Да

№ счета

Числ.

number

11

11

50

Да

Количество

Числ.

Kol_tov

5

5

50

Нет

Сумма заказа

Денеж.

Sum

10

10

50

Нет

Таблица 6

Таблица «Товары»

Имя поля

Тип данных

Идентификатор

Длина поля

Длина одной записи

Число записей

Возможность индексирования

Код товара

Счетчик

Kod_tov

10

10

100

Да. Ключ.

Наименование товара

Числ.

tovar

30

30

100

Нет

Производитель

Текст.

Proizv

30

30

100

Нет

Цена

Денеж.

Cena

10

10

100

Нет

Вес

Числ.

ves

10

10

100

Нет

Габариты

Числ.

gabarity

10

10

100

Нет

особенности

Текст.

osobennosti

50

50

100

Нет

Таблица 7

Таблица «Счета»

Имя поля

Тип данных

Идентификатор

Длина поля

Длина одной записи

Число записей

Возможность индексирования

№ счета

счетчик

number

11

11

50

Да. Ключ.

Вид

Текст.

vid

20

20

50

Нет

Дата откр.

Дата/время

Data_open

8

8

50

Нет

Валюта

Текст.

valuta

10

10

50

Нет

Город

Текст.

gorod

30

30

50

Нет

2.2. Алгоритм работы с базой данных

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

Схематично обмен данными при работе пользователя с БД можно представить так, как показано на рис. 3, где обычными стрелками обозначены связи по управлению, утолщенными – связи по информации.

Цикл взаимодействия пользователя с БД с помощью приложения можно разделить на следующие основные этапы:

1. Пользователь терминала (1) в процессе диалога с приложением форму лирует запрос (2) на некоторые данные из БД

Схема обмена данными при работе с БД

Рис. 3. Схема обмена данными при работе с БД

2. Приложение (3) на программном уровне средствами языка манипулирования данными формулирует запрос (4), с которым обращается к СУБД.

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

4. Программы методов доступа файловой системы ОС считывают (6) из внешней памяти искомые данные и помещают их в системные буферы СУБД.

5. Преобразуя полученные данные к требуемому формату, СУБД пересылает их (7) в соответствующую область программы и сигнализирует (8) о завершении операции каким-либо образом (например, кодом возврата).

6. Результаты выбора данных из базы приложение (3) отображает (9) на терминале пользователя (1).

В случае работы пользователя в диалоговом режиме с СУБД (без приложения) цикл взаимодействия пользователя с БД упрощается. Его можно представить следующими этапами:

1. Пользователь терминала (10) формулирует на языке запросов СУБД, например QBE, по связи (11) требование на выборку некоторых данных из базы.

2. СУБД определяет местоположение требуемых данных и обращается (5) за ними к ОС, которая считывает (6) из внешней памяти искомые данные и помещает их в системные буферы СУБД.

3. Информация из системных буферов преобразуется (12) к требуемому формату, после чего отображается (13) на терминале пользователя (10).

Описанная схема поясняет, как функционирует СУБД с одним пользователем на отдельной ПЭВМ.

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

Иногда к вычислительной системе подключается так называемый «уда ленный пользователь», находящийся на некотором удалении от ЭВМ и соединенный с ней при помощи какой-либо передающей среды (интерфейс ЭВМ, телефонный канал связи, радиоканал, оптико-волоконная линия и т. д.). Чаще всего такой пользователь программным способом эмулируется под обычного локального пользователя. СУБД, как правило, этой подмены «не замечает» и работает по обслуживанию запросов обычным образом.

В многопользовательских СУБД при выполнении различных операций параллельно протекают процессы, подобные описанным выше и показанным на рис. 1. При обслуживании нескольких параллельных источников запросов (от пользователей и приложений) СУБД так планирует использование своих ресурсов и ресурсов ЭВМ, чтобы обеспечить независимое или почти независимое выполнение операций, порождаемых запросами.

Модуль «Регистрация» позволяет регистрироваться на сайте пользователям для получения дополнительных возможностей.

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

Рис.4. Форма регистрации покупателей

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

Рис.5. Форма редактирования данных пользователя

Пользователи имеют следующие характеристики:

  • ФИО;
  • Логин;
  • Пароль;
  • Email;
  • Дата регистрации;
  • Активен – возможность блокирования пользователя;
  • Модератор форума – дает право пользователю модерировать сообщения в пользовательской части форума;
  • Язык – фиксируется язык интерфейса, который был при регистрации пользователя. При авторизации устанавливается язык интерфейса, указанный в настройках пользователя;
  • Аватар;
  • Дополнительные поля – группа полей, созданных в конструкторе формы регистрации;
  • Подписан на следующие рассылки – выводит список категорий рассылок; по умолчанию пользователь подписан на все рассылки.

Форма авторизации имеет вид (рис.6).

Рис.6. Форма авторизации

Для создания данной формы был использован следующий php-код:

<?php

/**

# mod_jvlogin - JV Login

# @version 1.5.1.6

# ------------------------------------------------------------------------

# author Open Source Code Solutions Co

# copyright Copyright (C) 2011 joomlavi.com. All Rights Reserved.

# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL or later.

# Websites: http://www.joomlavi.com

# Technical Support: http://www.joomlavi.com/my-tickets.html

-------------------------------------------------------------------------*/

// No direct access to this file

defined('_JEXEC') or die('Restricted access');

JHTML::_('behavior.mootools');

// Include the syndicate functions only once

require_once dirname(__FILE__).'/helpers/jvlogin.php';

// Module class sfx

$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx'));

// Get list data form helper

$items = modJVLoginHelper::getList($params);

$module = JModuleHelper::getModule('jvlogin');

$module_id = 'jvlogin'.$module->id;

require JModuleHelper::getLayoutPath('mod_jvlogin', $params->get('template', 'Default').DS.'default');

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

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

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

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

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

  • Редактирование меню.
  • Новости.
  • Статьи.
  • Словарь.
  • Вопросы-ответы.
  • Полезные ссылки.
  • Зарегистрированные пользователи.

2.3. Алгоритм работы сайта

Структура подсистемы администрирования будет состоять из 7 файлов:

  • Index.php
  • Add_forms.php – формы добавления товаров;
  • Edit_forms.php – формы редактирования товаров;
  • Вудуеу_ащкьыюзрз – формы удалений товаров;
  • Add_info.php – добавление информации в базу
  • Update_info.php –обновление информации в базе
  • Delete_info.php – удаление информации из базы

С главной страницы index.php администратор может попасть на одну из страниц: Add_forms.php или Edit_forms.php в зависимости от того что он хочет сделать. По параметрам, передаваемым этим файлам методом get(poll,answer) будем определять, что администратор хочет изменить и отображать нужную форму.

Формы методом post будут отправлять информацию в файлы Add_info.php,  Update_info.php, Delete_info.php со скрытым параметром type_form по которому мы определим что именно нам необходимо сделать – добавить голосование или вариант ответа.

Общая схема:

http://phpjs.ru/admin/files_other/php/golos/forms.png

Рис.7. Схема работы сайта

При редактировании и удалении еще надо будет передать идентификатор удаляемого или редактируемого элемента

2.4. Описание сайта

Главная страница сайта выглядит следующим образом (рис.8).

Рис.8. Главная страница сайта

Код страницы приведен в приложении 1.

Прайс-лист расположен на отдельной странице сайта (рис.9).

Рис.9. Прайс-лист

Прайс-лист также можно скачать в формате Excel. Для этого есть ссылка (рис.10).

Рис.10. Ссылка на прайс-лист в формате Excel

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

Рис.11. Страница оплаты и доставки

Заключение

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

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

Список использованной литературы

  1. Алексунин В.А., Родигина В.В. Электронная коммерция и маркетинг в Интернет.- Учебное пособие. - М.: «Дашков и К0», 2005.
  2. Быков В.А. Электронный бизнес и безопасность /.-М.:Радио и связь,2000.-200 с.:ил.
  3. Завалеев В. Курс ЦИТ «Internet-технологии в проектах с пластиковыми карточками», Центр Информационных Технологий ,2007.
  4. Информатика: Учебник для вузов (Гриф МО РФ) / Острейковский В.А., М: Высшая школа, 2010.- 511 с.
  5. Информатика: Учебник для вузов / Козырев А.А.- СПб: издательство Михайлова В.А., 2010.- 511 с.
  6. Кавторева Я. Интернет магазин. Организация, налогообложение, учет. – Фактор, 2009 – 119 с.
  7. Киселев Ю.Н. Электронная коммерция: практическое руководство.- СПб: ООО «ДиаСофтЮП», 2010.
  8. Маршавин Р.А., Ляпунов С.И. Глобальный бизнес и информационные технологии, Учебное пособие. М.:2009 г.
  9. Орлов Л. Как создать электронный магазин в Интернет, 2_е изд., М.: Бук.пресс, 2009. - 384 с.
  10. Эффективная работа с СУБД А. Рубен, А. Горев, С. Макшарипов СПб.: Питер, 2009. – 822 с.
    1. Алексеев А. Будущее электронной коммерции //Инфобизнес,2009. № 48
  11. Ашманов И. С. Национальные особенности поисковых систем // Журнал «Компьютер в школе», № 01, 2009 год // Издательство «Открытые системы»
  12. Ездаков А. Российские электронные витрины // Сети. 2008. № 9
  13. Малевский П., Чернышев А., Дубина А. Системы электронной коммерции для операторов связи // ПаРаДис. 2009. № 1
  14. Создание и поддержка Интернет-магазина на базе WWWB Сервера Журнал «Главбух», 2009. №4
    1. Ивашов А. Электронные магазины: от сельпо до супермаркета - http:// archives. maillist.ru/ 72200/ 181108. html
  15. Малышева Н. Виртуальные покупки Электронная версия еженедельника «Аргументы и факты» - http://www.aif.ru
  16. Методика создания Интернет-магазина - http://www.delna.ru/ page/ shop. html
  17. Сайт Fodex - Этапы разработки Интернет-магазина - http://www.fodex.ru

Приложение

Исходный код сайта

<head>

<title>Франком-Мебель</title>

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

<meta name="description" content="Контактная информация, товары и услуги компании «Франком-Мебель»."/>

<meta name="abstract" content="Контактная информация, товары и услуги компании «Франком-Мебель»."/>

<meta name="keywords" content="информация о компании, описание компании, телефон, адрес, предоставляемые товары и услуги, Франком-Мебель"/>

<link rel="shortcut icon" type="image/x-icon" href="http://static-cache.ru.uaprom.net/favicon.ico?r=36d882aabb19533495dc8b224d2c4618"/>

<link rel="search" href="/opensearch.xml" title="Tiu.ru" type="application/opensearchdescription+xml" />

<link rel="alternate" type="application/rss+xml" title="Новое на сайте компании Франком-Мебель" href="http://moskva.tiu.ru/cs676227-frankom-mebel/rss"/>

<link href="http://static-cache.ru.uaprom.net/css/jquery/ui/uaprom/jquery-ui-1.8.13.custom.css?r=613cbbe98f68bfa08d59b09f9bac7b25" media="all" rel="stylesheet" type="text/css" />

<link href="http://static-cache.ru.uaprom.net/css/member_new.css?r=a465be71235e528f5849ba68c70103c2" media="all" rel="stylesheet" type="text/css" />

<link href="http://tiu.ru/personal_display.css?show_company_name=block&amp;h1_color=%23000000&amp;bg_image=none&amp;design=d14&amp;template=menu_tabs_head&amp;color_scheme=%23fbdee1&amp;h1_text_size=1.6em&amp;h1_text_align=left" media="all" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>

<style type="text/css">

.trans,

#logo_global, .top-line-add-company,

#promo-header-container .block-content, #promo-header-container img,

#register-button-left, #register-button-right,

.facet-block-start, .facet-block-start div, .facet-block-end, .facet-block-end div, .block-content,

.icon-for-premium-service,

.warn,

.left_menu li,

.you-can-add-link,

.position-order img,

.manage-links a,

#update_browser img

{ behavior: url(/js/lib/iepngfix.htc) }

</style>

<![endif]-->

<script type="text/javascript">

window.PromUserID = 678791;

window.is_debug = 0;

window.yandex_metrics_code = "205542";

window.show_stats = 1;

</script>

<!--[if lt IE 7]>

<script type="text/javascript" src="/js/lib/iepngfix_tilebg.js"></script>

<![endif]-->

</head>

<body class="yui-skin-uaprom">

<a name="top"></a>

<div class="wrapper yui-skin-uaprom">

<div class="header-navigation">

<div class="main-content-column">

<div class="logo">

<div style="float: left">

<a href="http://tiu.ru/"><img alt="Tiu.ru — заключайте сделки с нами" id="logo_global" src="http://static-cache.ru.uaprom.net/image/i18n-domain/RU/logo_global-trans.png?r=236c7fbe6088b081ec71968ceab7c1a6" /></a>

</div>

</div>

<div class="control-panel-wrapper"></div>

<div class="opinion cs " id="opinion_popup_676227" >

<span class="bw-opinion-thumbs"></span> 0 отзывов&nbsp;

<!--noindex--><a class="company-opinions-link" href="http://moskva.tiu.ru/opinions/create/676227" rel="nofollow">Добавить отзыв</a><!--/noindex-->

</div>

<div class="clear"></div>

</div>

</div>

<div class="clear"></div>

<div class="site-body-wrapper">

<div id="member-site-logo">

<div class="member-site-logo main-content-column">

<table class="company-head" style="background:url('http://static-cache.ru.uaprom.net/image/se/furniture_head.jpg?r=7a50c59c57680cd71e8a9daf10ce0a6c') 50% 50% no-repeat; width:100%; height:290px; display:table;">

<tr>

<td style="height:100%">

<div class="name-and-logo" style="">

<div class="align-control">

<table>

<tr>

<td><h2><a class="company-name" href="http://moskva.tiu.ru/cs676227-frankom-mebel">Франком-Мебель</a></h2></td>

</tr>

</table>

</div>

</div>

</td>

</tr>

</table>

<div class="bottom-head-side"></div>

</div>

</div>

<div class="member-site-menu-bg no-wrapper-padding">

<div class="ie-extra">

<table cellpadding="0" cellspacing="0">

<tr>

<td class="selected first" ><a href="http://moskva.tiu.ru/cs676227-frankom-mebel">Главная</a></td>

<td class="" ><a href="http://moskva.tiu.ru/cs676227-frankom-mebel/product_list">Товары и услуги</a></td>

<td class="" ><a href="http://moskva.tiu.ru/cs676227-frankom-mebel/about_us">О нас</a></td>

<td class="" ><a href="http://moskva.tiu.ru/cs676227-frankom-mebel/contacts">Контакты</a></td>

<td class="last" ><a href="http://moskva.tiu.ru/cs676227-frankom-mebel/delivery_info">Доставка и оплата</a></td>

</tr>

</table>

</div>

</div>

<div class="main-content-column main-c">

<div class="path-wrapper">

<div class="path" xmlns:v="http://rdf.data-vocabulary.org/#">

<span typeof="v:Breadcrumb">

<a href="http://tiu.ru/" property="v:title" rel="v:url">Tiu.ru</a>

</span>

›

<span typeof="v:Breadcrumb">

<a href="http://moskva.tiu.ru/" property="v:title" rel="v:url">Москва</a>

</span>

›

<span typeof="v:Breadcrumb">Франком-Мебель</span>

</div>

<div class="clear"></div>

</div>

<div class="content-wrapper">

<div class="main-content">

<div class="page-side-bar">

<div class="block-content search">

<div class="member-site-search">

<div class="as_h2">Поиск товаров и услуг</div>

<form action="http://moskva.tiu.ru/cs676227-frankom-mebel/site_search" class="" id="company_product_search_form" method="get" name="company_product_search_form" style="">

<div ><input class="text" id="search_term" maxlength="100" name="search_term" type="text" value="" />

<span class="hidden error-icon" id="search_term_error_icon"></span>

<span class="hidden error" id="search_term_error"></span>

<input class="" id="search_submit_button" name="search_submit_button" type="submit" value="Найти" />

<span class="hidden error-icon" id="search_submit_button_error_icon"></span>

<span class="hidden error" id="search_submit_button_error"></span></div>

</form>

</div>

</div>

<div class="block-content left-menu"><div class="member-site-menu-left">

<div>

<ul>

<li class="first" >

<a href="http://moskva.tiu.ru/cs676227-frankom-mebel/price.html">Прайс-лист</a>

</li>

<li class="" >

<a href="http://moskva.tiu.ru/cs676227-frankom-mebel/about_us">Сведения о компании</a>

</li>

<li class="" >

<a href="http://moskva.tiu.ru/cs676227-frankom-mebel/testimonials">Отзывы </a>

</li>

<li class="last" >

<a href="http://moskva.tiu.ru/cs676227-frankom-mebel/delivery_info">Доставка и оплата</a>

</li>

</ul>

</div>

</div></div>

<div class="block-content">

<div class="vcard">

<div class="as_h2">Контакты

</div>

<p>

<b class="fn org">Франком-Мебель

<span class="reiting"></span>

</b>

</p>

<p><b>Контактное лицо:</b>

Оксана

</p>

<p><b>Телефон:</b>

<span class="tel"><span class="b-company-info__number ">+7 (495) 877-31-20</span></span>

</p>

<p><b>Адрес:</b>

<span class="adr"><span class="street-address">Ленина 38</span>, <span class="locality">Москва</span>, <span class="country-name">Россия</span></span>

</p>

<p>

<a class="js-link-blue " href="javascript:;" id="company_schedule_link_sidebar">График работы</a>

</p>

<div class="button-action">

<!--noindex-->

<a href="javascript:contact_now_popup(676227, 'company', '', 'item_view_contacts_in_menu')" id="button_contact" rel="nofollow">Написать нам</a>

<!--/noindex-->

</div>

</div>

</div>

<div class="block-content">

<div class="sidebar-map">

<div class="as_h2">Карта</div>

<div class="small-map">

<!--noindex-->

<a class="link-with-icon-incr_small" href="http://moskva.tiu.ru/cs676227-frankom-mebel/contacts#map" rel="nofollow" target="_parent"><span class="icon-incr_small" ></span>Увеличить карту</a>

<!--/noindex-->

<div id="map_canvas_small" class="map-content">

<img alt="Местоположение компании Франком-Мебель на карте" border="0" class=" img-ondemand" longdesc="http://static-maps.yandex.ru/1.x/?ll=37.204716,55.614241&amp;l=map&amp;size=254,150&amp;key=ACnIg0oBAAAAon-MNwIAiciiypG8jIjEzNbfuHjKNj2mX30AAAAAAAAAAABA-1VfS1eNedhH36cCEriu4KQpeA==&amp;spn=0.008212,0.004648&amp;pt=37.204716,55.614241,pmlbm&amp;r=41833" src="http://static-cache.ru.uaprom.net/image/ajax-loader.gif?r=a51c5608d01acf32df728f299767f82b" />

</div>

</div>

</div>

</div>

<div class="block-content">

<div class="site-update">

<div class="as_h2">Обновления сайта</div>

<div class="v-marged-10">

<!-- rss2email -->

<form action="http://www.rss2email.ru/ready.asp" method="get" style="margin-bottom: 10px;">

<input type="hidden" name="rss" value="http://moskva.tiu.ru/cs676227-frankom-mebel/rss" />

<input type="hidden" name="link" value="http://moskva.tiu.ru/cs676227-frankom-mebel" />

<input type="hidden" name="logo" value="" />

Рассылка на email

<input type="text" size="20" name="email" value="Ваш email" onfocus="if (this.value=='Ваш email') this.value='';"/>

<input class="v-marged-5 left" id="subscribe_submit" name="subscribe" type="submit" value="Подписаться" />

</form>

<!-- /rss2email -->

<span class="h-marged-5"><a class="rss-icon-14-14" href="http://moskva.tiu.ru/cs676227-frankom-mebel/rss" title="Новое на сайте компании Франком-Мебель">RSS лента</a></span>

<br/>

<!--noindex-->

<a href="http://orss.ru" rel="nofollow" style="margin-left: 22px; font-size: 0.75em; text-decoration: none; color: #777; vertical-align: top;" target="_blank">Что такое RSS?</a>

<!--/noindex-->

</div>

</div>

</div>

</div>

<div class="page-content">

<div class="block-content company-info">

<h1 class="as_h2">Франком-Мебель

</h1>

<div class="inner-margin">

<div class="user-content"><p>Мебельный магазин &quot;Франкком Мебель&quot; уже более десяи лет является одним из лидеров мебельного рынка и предлагает современную, стильную и эргономичную мебель для кухни и детской комнаты на заказ, изготавливает современные шкафы-купе и гардеробные, а так же работает с организациями и способна выполнить самые сложные заказы для бизнеса: мебель для офисов, гостиниц, ресторанов, развлекательных центров и бутиков.</p>

<p>Наша мебель разнообразна, ассортимент комплектующих и материалов, предлагаемый фабрикой, позволяет спроектировать и изготовить под заказ мебель практически для любого интерьера. Наш ассортимент сформирован таким образом, чтобы при разработке индивидуального заказа для нашего клиента, мебель смогла удовлетворить следующим принципам:<br/>

Современный и классический дизайн<br/>

Функциональность<br/>

Эргономичность<br/>

Индивидуальность<br/>

В производстве нашей мебели используются только самые надежные и качественные, соответствующие всем экологическим стандартам материалы от ведущих производителей Европы, США, Японии, Кореи и России. Функциональная фурнитура соответствует самым современным стандартам, сегодня наше предложение не отличается от предложения ведущих европейских производителей.<br/>

Мебель соответствует российским и европейским стандартам качества, надежна и безопасна.</p>

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

<p>Мы надеемся, что вы обязательно посетите один из наших салонов, мы будем рады совместно с Вами разработать мебельные решения которые поддержат дизайн вашего дома или офиса. Сеть наших салонов постоянно расширяется и мы ждем Вас как в качестве нашего клиента, так и в качестве нашего нового дилера.</p></div>

</div>

</div>

</div>

<div class="clear"></div>

</div>

</div>

</div>

<div class="clear"></div>

</div>

<div class="footer-copyright ">

<script type="text/javascript"><!--

document.write("<img src='http://tiu.ru/tracker/activity-c676227.gif?reff="+

escape(document.referrer)+"&url="+escape(document.URL)+

"'>")//--></script>

<div style="text-align: center;">

<div class="counters-container">

<div class="white-counter">

<!--noindex-->

<!--LiveInternet counter--><script type="text/javascript"><!--

document.write("<a rel='nofollow' href='http://www.liveinternet.ru/click;ruprom' "+

"target=_blank><img src='http://counter.yadro.ru/hit;ruprom?t14.2;r"+

escape(document.referrer)+((typeof(screen)=="undefined")?"":

";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?

screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+

";"+Math.random()+

"' alt='' title='LiveInternet: показано число просмотров за 24"+

" часа, посетителей за 24 часа и за сегодня' "+

"border=0 width=88 height=31><\/a>")//--></script><!--/LiveInternet-->

<!--Rating@Mail.ru counter-->

<a target="_blank" href="http://top.mail.ru/jump?from=1795731" rel="nofollow">

<img src="http://d6.c6.bb.a1.top.mail.ru/counter?js=na;id=1795731;t=216"

height="31" width="88" border="0" alt="Рейтинг@Mail.ru"></a>

<!--// Rating@Mail.ru counter-->

<!-- begin of Top100 code -->

<a rel="nofollow" href="http://top100.rambler.ru/navi/2272662/" target="_blank">

<img src="http://counter.rambler.ru/top100.cnt?2272662" alt="Rambler's Top100" border="0" />

</a>

<!-- end of Top100 code -->

<!--/noindex-->

</div>

<div class="prom-counter logo-prom-ua">

<!--noindex-->

<a href='/company/webstats/676227?period=today' rel="nofollow">

<span class="left">ХОСТЫ<br/><span id="hosts">2</span></span>

<span class="right">ХИТЫ<br/><span id="hits">40</span></span>

<span class="bot"><img alt="" src="http://static-cache.ru.uaprom.net/image/i18n-domain/RU/logo_micro-trans.png?r=a51cc54e75a424fe47f1b6630463dc50" /></span>

</a>

<!--/noindex-->

</div>

</div>

<div id="footer_links" class="footer-links">

<a href="http://tiu.ru/" style="text-decoration:none;"><span style="text-decoration: underline;">Сайт создан на платформе</span><img alt="Сайт создан на платформе" src="http://static-cache.ru.uaprom.net/image/i18n-domain/RU/logo_global-trans.png?r=236c7fbe6088b081ec71968ceab7c1a6" style="margin-bottom:-0.1em; " /></a>

</div>

<div style="padding-top:7px; margin-top:-7px;">

&copy; 2012 Франком-Мебель

| <!--noindex--><a href="/account/report_abuse" rel="nofollow">Пожаловаться на содержимое</a><!--/noindex-->

</div>

</div>

</div>

</div>

<script src="http://static-cache.ru.uaprom.net/js/jquery/jquery-1.6.2.min.js?r=1.6.2" type="text/javascript"></script>

<script type="text/javascript">

var $$ = jQuery.noConflict();

</script>

<script src="http://static-cache.ru.uaprom.net/js/jquery/jquery_common.js?r=672bd746dd2102507408954312a150a6" type="text/javascript"></script>

<script src="http://static-cache.ru.uaprom.net/js_i18n/dynamic.js?r=41833" type="text/javascript"></script>

<script src="http://static-cache.ru.uaprom.net/js/uaprom_common.js?r=8143381d9d4507ede62bfe3159134cff" type="text/javascript"></script>

<script src="http://static-cache.ru.uaprom.net/js/cs/Spine-min.js?r=077cee457eaef08889dbc74cca050a7f" type="text/javascript"></script>

<script src="http://static-cache.ru.uaprom.net/js/cs/CrossDomainWormHole-min.js?r=d75c2e5ea37de8365bccc78b656b65fb" type="text/javascript"></script>

<script src="http://static-cache.ru.uaprom.net/js/cs/Popup-min.js?r=dc42d43624d234aac92567b8aeaab8f8" type="text/javascript"></script>

<script src="http://static-cache.ru.uaprom.net/js/shopping_cart.js?r=b1328ce5e234eb77cece457280c574aa" type="text/javascript"></script>

<script src="http://static-cache.ru.uaprom.net/js/uaprom.js?r=454cd9f1316d16869fbc3619b0067c4a" type="text/javascript"></script>

<script src="http://static-cache.ru.uaprom.net/js/jquery/jquery.tools.min.js?r=f3231e654aa9d9a977c40f1fe4bb0d69" type="text/javascript"></script>

<!-- AdRiver code START. Type:counter(zeropixel) Site: tiu.ru PZ: 0 BN: 0 -->

<script language="javascript" type="text/javascript"><!--

var RndNum4NoCash = Math.round(Math.random() * 1000000000);

var ar_Tail='unknown'; if (document.referrer) ar_Tail = escape(document.referrer);

document.write('<img src="http://ad.adriver.ru/cgi-bin/rle.cgi?' + 'sid=178316&bt=21&pz=0&rnd=' + RndNum4NoCash + '&tail256=' + ar_Tail + '" border=0 width=1 height=1>')

//--></script>

<noscript><img src="http://ad.adriver.ru/cgi-bin/rle.cgi?sid=178316&bt=21&pz=0&rnd=790184305" border=0 width=1 height=1></noscript>

<!-- AdRiver code END -->

<!-- AdRiver code START. Type:counter(zeropixel) Site: tiu.ru PZ: 0 BN: 0 -->

<script language="javascript" type="text/javascript"><!--

var RndNum4NoCash = Math.round(Math.random() * 1000000000);

var ar_Tail='unknown'; if (document.referrer) ar_Tail = escape(document.referrer);

document.write('<img src="http://ad.adriver.ru/cgi-bin/rle.cgi?' + 'sid=178316&bt=21&pz=0&rnd=' + RndNum4NoCash + '&tail256=' + ar_Tail + '" border=0 width=1 height=1>')

//--></script>

<noscript><img src="http://ad.adriver.ru/cgi-bin/rle.cgi?sid=178316&bt=21&pz=0&rnd=790184305" border=0 width=1 height=1></noscript>

<!-- AdRiver code END -->

<!-- Yandex.Metrika counter -->

<div style="display:none;"><script type="text/javascript">

(function(w, c) {

(w[c] = w[c] || []).push(function() {

try {

w.yaCounter205542 = new Ya.Metrika({id:205542,

clickmap:true,

accurateTrackBounce:true});

}

catch(e) { }

});

})(window, 'yandex_metrika_callbacks');

</script></div>

<script src="//mc.yandex.ru/metrika/watch_visor.js" type="text/javascript" defer="defer"></script>

<noscript><div><img src="//mc.yandex.ru/watch/205542" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

<!-- /Yandex.Metrika counter -->

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-3947624-2'], ['_setDomainName', '.tiu.ru'], ['_setAllowHash', false], ['_trackPageview'], ['_trackPageLoadTime']);

push_to_google(["_setVar", "section_general|||company_sites|signed_in_company|ps_off|pro_off"]);

push_to_google(["_setCustomVar", 1, "Site Section", "section_general"]);

push_to_google(["_setCustomVar", 2, "Category", ""]);

push_to_google(["_setCustomVar", 3, "Page Type", ""]);

push_to_google(["_setCustomVar", 4, "Site Type", "company_sites"]);

push_to_google(["_setCustomVar", 5, "User Type", "signed_in_company"]);

push_to_google(["_setCustomVar", 6, "", "ps_off"]);

push_to_google(["_setCustomVar", 7, "", "pro_off"]);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

<script type="text/javascript">

/* <![CDATA[ */

jQuery(document).ready(function ($) {

$.getJSON("http://tiu.ru/account/header/676227?callback=?", function(data) {

$('.control-panel-wrapper').html(data['html']);

});

SW.maxLength("search_term", 100, false, true);

jQuery("#search_submit_button").button().click(function (event) {

;

});

Page.popup_help.format_data['.good-company'] = ["Франком-Мебель"];

Page.popup_help.bind_popup('.good-company', 'Статус «Проверенная компания»', 'Название согласно свидетельству регистрации:<br /><I>{0}</I><br /><br />Знак <span class="icon-trusted_icon" ></span> возле названия компании в каталоге Tiu.ru, а так же знак <span class="icon-good_company" ></span> на сайте компании означает, что данная компания предоставила порталу Tiu.ru свидетельство о государственной регистрации. Такая компания подтвердила свою подлинность и достоверность контактной информации. Проверенные компании заслуживают большего доверия, хотя отсутствие такого знака не означает недостаточную надёжность компании.', {hide_on_leave: true, offset_x: 2});

Page.popup_help_on_click.bind_popup_on_click(

'.b-product-line__blame-text',

'Обжаловать товар',

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

{hide_on_leave: true, offset_x: 15}

);

$$("#company_schedule_link_sidebar").click(function(e) {

var $popup = $$("#schedule_info_676227");

var overlay_params = {

top: "20%",

fixed: false,

oneInstance: false

}

$popup = $popup.overlay(overlay_params);

if ($popup instanceof jQuery) {

$popup = $popup.overlay();

}

$popup.load();

});

jQuery("#button_contact").button({"icons": {"primary": null, "secondary": null}}).click(function (e) {;});

var track_contact_view_timeout;

$('.vcard').mouseenter(function() {

if(!document.contact_view_executed){

track_contact_view_timeout = setTimeout(function() {

(function() {

function contact_viewed() {

push_contact_view(

'',

page_type='item_view_contacts_in_menu'

);

}

contact_viewed();

})();

}, 3000);

}

}).mouseleave(function() {

clearTimeout(track_contact_view_timeout);

});

jQuery("#subscribe_submit").button().click(function (event) {

});

opinion_popup_bind('/opinion/company_rating_ajax', 'site_header');

var url = "http://tiu.ru/shopping_cart/update_elements_on_company_site?callback=?";

data = {company_id: "676227"};

$$.getJSON(

url,

data,

function(data){

// handling products state (is in cart or not) on company site //

for(var i=0; i<=data.length; i++) {

add_update_of_shopping_cart_elements(data[i]);

}

});

$("<div></div>", {id: "ajax_loading", style: "display: none;"}).append($("<p></p>")).appendTo($("body"));

$("#ajax_loading").data('ajax_stack', 0)

.ajaxSend(function (event, xhr, options) {

var $this = $(this);

if (!SW.c["disable_ajax_indicator"]) {

if (options.loading) {

$(options.loading).css("opacity", 0.7);

offset = $(options.loading).offset();

w = $(options.loading).outerWidth();

h = $(options.loading).outerHeight();

$this.css({position: "absolute", margin: 0, width: w, height: h, left: offset.left, top: offset.top, background: "none"});

}

$this.slideDown('fast');

$this.data('ajax_stack', $this.data('ajax_stack') + 1);

};

})

.ajaxComplete(function (event, xhr, options) {

var $this = $(this);

if (!SW.c["disable_ajax_indicator"]) {

if(options.loading)

$(options.loading).css("opacity", 1);

$this.data('ajax_stack', $this.data('ajax_stack') - 1);

setTimeout(

function() {

if ($this.data('ajax_stack') <= 0) {

$this.slideUp('fast');

};

},

100);

};

});

window.setTimeout(function() {

$(window).trigger('scroll');

}, 300);

SW.i18n_map = {"Cancel": "\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c"};

});

/* ]]> */

</script>

<script type="text/javascript">

/* <![CDATA[ */

jQuery(document).ready(function ($) {

(function (root) {

if (!root.CS) { root.CS = {}; }

root.CS.DEFAULT_ORIGIN = "http://tiu.ru";

root.CS.CURRENT_ORIGIN = "http://moskva.tiu.ru";

root.CS.USER_IS_ANONYMOUS = false;

root.CS.USER = {

id: 678791

};

var dummy_gettext = function(s) { return s; };

if (!root._) { root._ = dummy_gettext; }

if (!root.gettext) { root.gettext = dummy_gettext; }

}(window));

(function(root) {

var WormHole = require('CrossDomainWormHole');

if (!root.CS) { root.CS = {}; }

if (!root.CS.WormHole) { root.CS.WormHole = {}; }

if (!root.CS.WormHole.Client) {

root.CS.WormHole.Client = new WormHole.Client(root.CS.DEFAULT_ORIGIN);

}

}(window));

(function (root) {

var P = require("Popup");

root.CS.PopupController = new P();

}(window));

});

/* ]]> */

</script>

<!-- (C)2000-2011 Gemius SA - gemiusAudience / tiu.ru2011 / Glavnaja stranitsa sajta -->

<script type="text/javascript">

<!--//--><![CDATA[//><!--

var pp_gemius_identifier = new String('ogHlb3L90T9ZcTNe1RhzgJSqPzIGM.s1HGmUfZgTzU7.e7');

var pp_gemius_hitcollector = 'garu.hit.gemius.pl';

//--><!]]>

</script>

<script src="http://static-cache.ru.uaprom.net/js/lib/xgemius-ru.js?r=7feba02686d4e55bf1d074875ce657d7" type="text/javascript"></script>

<!-- tns-counter.ru -->

<script language="JavaScript">

var img = new Image();

img.src = 'http://www.tns-counter.ru/V13a***R>' + document.referrer.replace(/\*/g,'%2a') + '*tiu_ru/ru/CP1251/tmsec=tiu_total/';

</script>

<noscript>

<img src="http://www.tns-counter.ru/V13a****tiu_ru/ru/CP1251/tmsec=tiu_total/" width="1" height="1" alt="" />

</noscript>

<!--/ tns-counter.ru -->

<!-- Google Code for All Site Visitors Tiu.ru Remarketing List -->

<script type="text/javascript">

/* <![CDATA[ */

var google_conversion_id = 975346251;

var google_conversion_language = "en";

var google_conversion_format = "3";

var google_conversion_color = "666666";

var google_conversion_label = "lvAECI2rhAMQy7SK0QM";

var google_conversion_value = 0;

/* ]]> */

</script>

<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js">

</script>

<noscript>

<div style="display:inline;">

<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/975346251/?label=lvAECI2rhAMQy7SK0QM&amp;guid=ON&amp;script=0"/>

</div>

</noscript>

<!--noindex-->

<div style="display: none; width: 333px;" id="schedule_info_676227" class="modal info-popup">

<table class="schedule">

<tr>

<th>День</th>

<th>Время работы</th>

<th>Перерыв</th>

</tr>

<tr class="work-day">

<td>Понедельник</td>

<td>

9:00&nbsp;&mdash;&nbsp;19:00

</td>

<td>

</td>

</tr>

<tr class="work-day">

<td>Вторник</td>

<td>

9:00&nbsp;&mdash;&nbsp;19:00

</td>

<td>

</td>

</tr>

<tr class="work-day">

<td>Среда</td>

<td>

9:00&nbsp;&mdash;&nbsp;19:00

</td>

<td>

</td>

</tr>

<tr class="work-day">

<td>Четверг</td>

<td>

9:00&nbsp;&mdash;&nbsp;19:00

</td>

<td>

</td>

</tr>

<tr class="work-day">

<td>Пятница</td>

<td>

9:00&nbsp;&mdash;&nbsp;19:00

</td>

<td>

</td>

</tr>

<tr class="work-day">

<td>Суббота</td>

<td>

10:00&nbsp;&mdash;&nbsp;17:00

</td>

<td>

</td>

</tr>

<tr class="work-day">

<td>Воскресенье</td>

<td>

10:00&nbsp;&mdash;&nbsp;17:00

</td>

<td>

</td>

</tr>

</table>

<div class="schedule-time-zone-remark">

* Время указано для региона: Россия, Москва

</div>

</div>

<!--/noindex-->

</body>

</html>

СПИСОК ДЛЯ ТРЕНИРОВКИ ССЫЛОК