Рисунок 19-менеджер категорий: Материала.

На странице «Менеджер категорий», используя кнопки на панели инструментов. Страница редактирования категории аналогичная странице редактирования раздела. Основное отличие страниц редактирования "Категории" и "Раздела" - наличие поля выбора раздела, в который относиться категория. Создание новой категории почти полностью аналогично созданию нового раздела.

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

Для работы с объектами содержимого необходимо перейти на страницу "Менеджер материалов".

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

· по разделам;

· по категориям;

· по автору;

· по заголовку, значение указывается в поле "Фильтр".

(Рисунок 20)

Рисунок 20 -менеджер материалов.

Большая часть работы проходила в модуле virtueMart (Рисунок 21) сам модуль работает как нейтральный, то есть не нужно почти никакого взаимодействия с другими компонентами joomla.

Рисунок 21 - Панель управления virtueMart

Для начала работы было необходимо создать категории товаров (Рисунок 22), что бы впоследствии присвоить их к самим товарам, при работе с данным модулем были созданы следующие категории:

· диваны;

· угловые диваны;

· детские диван;

· комплекты мебели;

· кресла;

· аксессуары.

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



Рисунок 22 -категории товаров

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

· загрузка изображения;

· указание цены;

· указание категории;

· артикула товара ( для создания номера-ключа при продаже);

· создание описания товара.

В итоге после создания товаров, их нужно было публиковать и после всего товары стали отображаться на страницах сайта ( Рисунок 23)

Рисунок 23-Опубликованные товары

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

2.3 Размещение сайта в интернет. Описание сайта и его элементов

Практически все современные организации стремятся создать свой сайт в Интернете. Чтобы сайт начал работать, ему нужно присвоить доменное имя и разместить на сервере провайдера, постоянно подключенном к Интернету. Доменное имя, вводимое пользователем в сети, с помощью DNS-серверов преобразуется в IP-адрес компьютера, по которому происходит поиск и взаимодействие компьютеров в сети.

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

Для размещения хостинга на сервер следовало обратиться к фирме. Хостинг - это услуга по предоставлению дискового пространства на каком-либо сервере, а также предоставление доменного имени

Проведя анализ над выбором хостинга, решение пало на http://www.hostinger.ru/ , привлёк он своими услугами, тарифами и отзывами других пользователи. Для развивающихся проектов, у организации различные варианты услуг.

Внимание привлёк тарифный план “бесплатный”

· 2000 MB Места На Диске

· 100 GB Трафика

· 2 Базы Данных MySQL

· 2 Почтовых Аккаунта

· Конструктор Сайтов

· Авто-Установщик Скриптов.

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

Дальше было необходимо создать домен. В зависимости от типа хостинга этот домен может быть второго или третьего уровня. Платный хостинг включает в себя предоставление (на выбор) домена в зоне .ru, .com или, по желанию, в другой зоне (.fr .uk .ge .ed). На первое время выбор пал на бесплатный домен 3-го уровня, название складывалось из названия фирмы и услуг , которые сайт предоставляет.

www.tsarmebel-shop.vv.si

Размер предоставляемого пространства варьируется в среднем между 30 и 2000 мегабайтами в зависимости от типа хостинга. Если клиенту будет нужно больше этого лимита, то за отдельную, небольшую плату, администрация хостинга с удовольствием предоставит ему это пространство, причем администрация бесплатного хостинга обычно делает это безвозмездно. Проблема рекламы касается только бесплатного хостинга. За неограниченное пространство, возможность использовать на своем сайте директивы SSI, CGI и PHP скрипты, базы данных MySQL придется платить рекламой. На выбранном хостинге, такой проблемы нет, чем он и привлёк внимание.

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

Файловый интерфейс является неотъемлемой частью непрофессионального бесплатного хостинга. Платный и профессиональный бесплатный хостинг предоставляют полноценный доступ по FTP.

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

Описание сайта: (Рисунок 24)

Рисунок 24 -вид сайта.

Рабочие модули на сайте:

Меню (Рисунок 25)

Рисунок 25 -главное меню.

Меню - наиболее распространенная навигационная система, она похожа на оглавление к книге. Меню состоит из коротких текстовых активных ссылок на определенные страницы сайта. При наведение, на которые становятся активными и графически меняют цвет. Меню видно с любой страницы ресурса и потому пользователь сможет воспользоваться им в любой момент. Составление полное меню, благодаря которому осуществляется быстрый переход на искомые страницы. В цветовом восприятии меню ссылки не сливаются с общим фоном, а само меню гармонирует с общим фоном. Ссылки по которым пользователь уже перешёл меняются в другой цвет. Меню размещено в позиции “user 3” по средствам тега <ul> блоке <div class="art-nav-outer">

<ul class="art-hmenu">

<li class="item-117 current active">

<li class="item-103">

<li class="item-102">

<li class="item-112">

<li class="item-116">

<li class="item-115">

<li class="item-114">

<li class="item-113">

</ul>

каждый класс имеет свой стиль в .css файле

Регистрация (Рисунок 26)

Рисунок 26 -регистрация.

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

Регистрация не может существовать без авторизации. Таким образом, регистрация -- способ получения возможности входа на сайт. В блоке регистрация есть место для ввода логина и пароля. Форма регистрации размещена в позиции “right” в блоке <div class="art-box-body art-blockcontent-body"> по средствам тега <form>

<form id="login-form" method="post" action="/index.php">

<fieldset class="userdata">

<ul>

</form>

Однако, прежде чем ввести логин и пароль, сперва существует необходимость регистрации, для этого нужно пройти ссылке регистрация (Рисунок 27)

Рисунок 27-регистрация пользователя

Далее необходимо указать данные в поля со звёздочкой, в последствии нажать на кнопку регистрация, впоследствии на почту придёт письмо с указаниями для активации аккаунта. После прохождения всех процедур указанных в письме, пользователь сможет авторизоваться на сайте и получить полный доступ к возможному функционалу на сайте. Регистрация является динамической страницей размещается в блоке <div class="registration">

по средствам тега <form>

<form id="member-registration" class="form-validate" method="post" action="/index.php/component/users/?task=registration.register">

<fieldset>

<div>

</form>

</div>

В случае если пользователь забыл пароль или логин от данного сайта он всегда сможет создать новый, для этого нужно перейти на ссылку забыли логин/пароль. И перейти на страницу восстановления логина/пароля (Рисунок 28)

Рисунок 28 -Восстановление пароля/логина

Фильтрация товаров (Рисунок 29)

Рисунок 29 -область фильтра товаров по категориям.

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

Рисунок 30 -фильтр товаров по цене.

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

На сайте размещается в позиции “right” в блоке <div class="art-box-body art-blockcontent-body">

<div id="chpNav94" class="chpNav">

<script type="text/javascript">

<div class="cleared"></div>

</div>

</div>

Категории (Рисунок 31) (Рисунок 32)

Рисунок 31 -категории товаров.

Рисунок 32 -область фильтра товаров по категориям.

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

Перебор страниц. Удобная система навигации позволяет пользователю свободно перемещаться между страницами.

Слайд шоу товаров (Рисунок 33)

Рисунок 33 -Область для вывода слайд шоу товаров

Слайд шоу для товаров привлекательный модуль, который выводит выбранные администратором сайта изображения и меняет их в течение определённого промежутка времени. На сайте размещён в позиции “top 3” в блоке <div id="slider-container98" class="slider-container">

<ul id="slider98" style="position: relative; left: -570px; width: 2592px;">

<li style="width: 359px; height: 226px;">

<img alt="5.jpg" src="/images/shapka/5.jpg">

</li>

<li style="width: 359px; height: 226px;">

<li style="width: 359px; height: 226px;">

<li style="width: 359px; height: 226px;">

<li style="width: 359px; height: 226px;">

<li style="width: 359px; height: 226px;">

<li style="width: 359px; height: 226px;">

</ul>

</div>

</div>

При смене изображений меняются и данные о позиции

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

Рисунок 34- Область для случайных рекомендованных товаров.

Модуль, относящийся к проекту virtuemart, выводит товары, помеченные как “Рекомендованные.” Причём если их много, а настройки выставлены так, что показывает ограниченное количество, то с каждым переходом или обновлением страницы товары будут меняться. Удобный функционал, пользователь сайта всегда в курсе новых товаров от производителя.

Поиск (Рисунок 35)



Рисунок 35 -форма поиска.

Поиск по сайту, поисковая форма - сейчас, практически на любом сайте можете видеть присутствие поисковой формы, её предназначение - помочь посетителю сайта найти ту информацию, которая ему интересна. Размещён в позиции “right” в блоке <div class="search">

<label for="mod-search-searchword">Искать...</label>

<input id="mod-search-searchword" class="inputbox" type="text" onfocus="if (this.value=='Поиск...') this.value='';" onblur="if(this.value=='') this.value='Поиск...';" value="Поиск..." size="20" maxlength="20" name="searchword">

<input type="hidden" value="search" name="task">

<input type="hidden" value="com_search" name="option">

<input type="hidden" value="117" name="Itemid">

</div>

Как и большинство модулей работает только на сервере , так как использует код php

Новости (Рисунок 36)



Рисунок 36-Новости

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

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

Раздел О нас (Рисунок 37)

Рисунок 37- О нас

На этой странице находится информация об организации и её успехах.

Страница -ткани (Рисунок 38)

Рисунок 38- Ткани

Данная страница, отображает информацию о тканях и организациях, которые сотрудничают с фабрикой мягкой мебели “Царь мебель”

Страница- Дилерам и партнёрам (Рисунок 39)

Рисунок 39- Дилерам и партнёрам

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

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

Заключение

В процессе выполнения работы были изучены новые программы и средства для создания веб-страниц. Также был проведен анализ других сайтов. Рассмотрены имеющиеся и предлагаемые к рекламе образцы продукции. Изучен программный продукт Joomla. Создана реклама и изображения в графическом редакторе Photoshop. Результатом всех этих исследований явился сайт предприятия, который соответствует современным требованиям, предъявляемым к продукту такого направления.

В ходе данной дипломной работы было создано программное средство с применением современных средств разработки таких как: языка HTML, CSS, PHP, Joomla. Данные инструментальные средства использовались не только по причине их доступности, но и потому, что именно с помощью программного обеспечения предназначенного для создания web-страниц можно создавать качественный web-сайт с дальнейшей публикацией в Интернет.

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

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

· создание дизайна сайта в приятном цветовом исполнение;

· разработка презентационного сайта с использованием языка гипертекстовой разметки HTML;

· внедрение css свойств для более удобного восприятия кода и красивого отображения страниц в браузере;

· создание графических элементов сайта;

· вёрстка дизайна сайта на шаблон;

· создание динамических веб страниц с помощью CMS Joomla.

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

Цель, поставленная на первом этапе написания дипломной работы, достигнута. Разработан сайт с использованием языка гипертекстовой разметки HTML, CSS и CMS Joomla. Сайт доступен для всех, информация разделена и представлена ёмко и понятно. Ресурс полностью даёт представление пользователю о Интернет- магазине.

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

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

1. Государственный образовательный стандарт СПО. Издательский отдел ИПР СПО, 2002, 34 с.

2. ГОСТ 7.32-91

3. Билл Скотт, Тереза Нейл «Проектирование веб-интерфейсов» 2010 - 244 с.

4. Бурсов М.В., Домненко В.М., Д.А. Гаврилин Основы работы с HTML-редактором Dreamweaver Год: 2002 - 150 с.

5. Гончаров А.Н. Самоучитель HTML / А.Н. Гончаров.- СПб.: Питер, 2002. - 455 с.

6. Горнаков С.Г. Осваиваем популярные системы управления сайтом / С.Г. Горнаков.- М.: Наука, 2009. - 310 с.

7. Денис Колисниченко, Выбираем лучший бесплатный движок для сайта. CMS Joomla! и Drupal (+ CD-ROM) БХВ-Петербург, 2010 г.- 288 с.

8. Джон Дакетт «Основы веб-программирования с использованием HTML, XHTML и CSS» 2010 год. - 240 с.

9. Ежевский Д.О. О критериях создания электронных учебных пособий / Д.О. Ежевский.- М.: Эксмо, 2004. - 173 с.

10. Колисниченко Д.Н. Joomla: Руководство пользователя / Д.Н. Колисниченко.- М.: Диалектика, 2009. - 178 с.

11. Колисниченко Д.Н. Движок для вашего сайта. CMS Joomla!, Slaed, PHP-Nuke / Д.Н. Колесниченко.- М.: НТ Пресс, 2008. - 220 с.

12. Кристиан Дари, Эмилиан Баланеску «PHP и MySQL. Создание интернет-магазина» 2010 год - 350 с.

13. Лайза Сабин-Вильсон «WordPress для чайников» 2010 год - 450 с.

14. Ланский А.С. Язык HTML. - М.: ООО «Бином-Пресс», 2003. - 456 с.: ил. - 489 с.

15. Лебедев, В.А. Типографика учебников / В.А. Лебедев // Книжное дело. - 2002. - № 3 (47). - 254 с.

16. Матросов А. HTML 4.0. М.: Дело, 2005. - 342 с.

17. Михарский В.В. Разработка сайтов. Язык HTML - М.: ООО «Бином-Пресс», 2003. - 610 с.: ил. - 170 с.

18. Мэтью МакДональд «Создание Web-сайтов. Основное руководство» 2010 - 288 с.

19. Норт Б. Joomla! Практическое руководство / Б. Норт.- М.: Символ-плюс, 2008. - 306 с.

20. Петр Ташков, Веб-мастеринг на 100%. HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка Питер, 2010 г.- 512 с.

21. Петюшкин А.В. Книги по HTML Год: 2003 Издательство: БХВ-Петербург - 360 с.

22. Рамел Д. Самоучитель Joomla! / Д. Рамел.- СПб.: Питер, 2008. - 155 с.

23. Селевко Г.К. Современные образовательные технологии: Учебное пособие. - М.: Народное образование, 1998. - 356 с.

24. Смирнов И.С и др. Технологии создания программ.- М.: МГИУ,2003. - 238 с.

25. Стауфер Т. Создание веб-страниц. Самоучитель Издательство: Питер 2003 - 164 с.

26. Уваров А.Ю. Электронный учебник: теория и практика.- М.: Изд-во УРАО, 1999. - 251 с.

27. Хаген Г. Создание веб-сайтов с помощью Joomla! 2.5 / Г. Хаген.- М.: Вильямс, 2008. - 272 с.

28. Хеслоп П. HTML самого начала. С.-Пб: Санкт-Петербург, 2005. - 370 с.

29. Хольцшлаг, Молли, Э Использование HTML и XHTML Год: 2003 Издательство: Вильямc - 460 с.

30. Чиртик А.В. Популярный самоучитель HTML / А.В. Чиртик.- СПб.: Питер, 2006 - 219 с.

31. Чурбанова О.В., Ширшов Е.В. Анализ психолого-педагогических основ разработки сетевых обучающих// Материалы конференции «Электронные учебники», МЭСИ, 2001 г. - 129 с.

32. http://css.manual.ru/ -Сайт CSS мануал

33. http://htmlbook.ru/html - Сайт с содержанием всех доступных тегов

34. http://ru.wikipedia.org/wiki/HTML - Описание html

35. http://www.ultersuite.ru/articles/models/ -Классификация сайтов и их типовые модели.

Приложение

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

<html xmlns="# " xml:lang="ru-ru" lang="ru-ru" dir="ltr">

<head>

<base href="http://www.tsarmebel-shop.vv.si/" />

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

<meta name="generator" content="Joomla! - Open Source Content Management" />

<title>Главная</title>

<link href="http://www.tsarmebel-shop.vv.si/index.php/component/search/?format=opensearch" rel="search" title="Искать tsarmebel-shop" type="application/opensearchdescription+xml" />

<link rel="stylesheet" href="/components/com_virtuemart/assets/css/vmsite-ltr.css" type="text/css" />

<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />

<link rel="stylesheet" href="/components/com_virtuemart/assets/css/facebox.css" type="text/css" />

<link rel="stylesheet" href="http://www.tsarmebel-shop.vv.si/modules/mod_vm_cherry_picker/css/sakura.css" type="text/css" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>

<script src="/components/com_virtuemart/assets/js/jquery.noConflict.js" type="text/javascript"></script>

<script src="/components/com_virtuemart/assets/js/vmsite.js" type="text/javascript"></script>

<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>

<script src="/media/system/js/core.js" type="text/javascript"></script>

<script src="/media/system/js/modal.js" type="text/javascript"></script>

<script src="/components/com_virtuemart/assets/js/facebox.js" type="text/javascript"></script>

<script src="/components/com_virtuemart/assets/js/vmprices.js" type="text/javascript"></script>

<script type="text/javascript">

window.addEvent('domready', function() {

SqueezeBox.initialize({});

SqueezeBox.assign($$('a.modal'), {

parse: 'rel'

});

});

//<![CDATA[

vmSiteurl = 'http://www.tsarmebel-shop.vv.si/' ;

vmLang = "";

vmCartText = ' добавлен в корзину' ;

vmCartError = ' обновления корзины' ;

loadingImage = '/components/com_virtuemart/assets/images/facebox/loading.gif' ;

closeImage = '/components/com_virtuemart/assets/images/facebox/closelabel.png' ;

Virtuemart.addtocart_popup = '1' ;

faceboxHtml = '<div id="facebox" style="display:none;"><div class="popup"><div class="content"></div> <a href="#" class="close"></a></div></div>' ;

//]]>

function keepAlive() {var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(3600000); });

//<![CDATA[

jQuery(document).ready(function() {

jQuery('#VMmenu5019_228 li.VmClose ul').hide();

jQuery('#VMmenu5019_228 li .VmArrowdown').click(

function() {

if (jQuery(this).parent().next('ul').is(':hidden')) {

jQuery('#VMmenu5019_228 ul:visible').delay(500).slideUp(500,'linear').parents('li').addClass('VmClose').removeClass('VmOpen');

jQuery(this).parent().next('ul').slideDown(500,'linear');

jQuery(this).parents('li').addClass('VmOpen').removeClass('VmClose');

}

});

});

//]]>

</script>

<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="/templates/magazinshop/css/template.css" media="screen" />

<!--[if IE 6]><link rel="stylesheet" href="/templates/magazinshop/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->

<!--[if IE 7]><link rel="stylesheet" href="/templates/magazinshop/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->

<script type="text/javascript">if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script>

<script type="text/javascript" src="/templates/magazinshop/jquery.js"></script>

<script type="text/javascript">jQuery.noConflict();</script>

<script type="text/javascript" src="/templates/magazinshop/script.js"></script>

<script type="text/javascript">if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script>

</head>

<body>

<div id="art-page-background-middle-texture">

<div id="art-page-background-glare-wrapper">

<div id="art-page-background-glare"></div>

</div>

<div id="art-main">

<div class="cleared reset-box"></div>

<div class="art-box art-sheet">

<div class="art-box-body art-sheet-body">

<div class="art-header">

<div class="art-logo">

</div>

</div>

<div class="cleared reset-box"></div>

<div class="art-bar art-nav">

<div class="art-nav-outer">

<div class="art-nav-center">

<ul class="art-hmenu"><li class="item-117 current active"><a class=" active" href="/">Главная</a></li><li class="item-103"><a href="/index.php/news">Новости</a></li><li class="item-102"><a href="/index.php/about-us">О нас</a></li><li class="item-112"><a href="/index.php/jobs">Вакансии</a></li><li class="item-116"><a href="/index.php/tissue">Ткани</a></li><li class="item-115"><a href="/index.php/dealers-and-partners">Дилерам и партнёрам</a></li><li class="item-114"><a href="/index.php/guaranty">Гарантия</a></li><li class="item-113"><a href="/index.php/contacts">Контакты</a></li></ul></div>

</div>

</div>

<div class="cleared reset-box"></div>

<div class="art-layout-wrapper">

<div class="art-content-layout">

<div class="art-content-layout-row">

<div class="art-layout-cell art-sidebar1">

<div class="art-box art-block">

<div class="art-box-body art-block-body">

<div class="art-box art-blockcontent">

<div class="art-box-body art-blockcontent-body">

<form action="/index.php" method="post">

<div class="search">

<label for="mod-search-searchword">Искать...</label><input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox" type="text" size="20" value="Поиск..." onblur="if (this.value=='') this.value='Поиск...';" onfocus="if (this.value=='Поиск...') this.value='';" /><input type="hidden" name="task" value="search" />

<input type="hidden" name="option" value="com_search" />

<input type="hidden" name="Itemid" value="117" />

</div>

</form>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

</div>

<div class="art-box art-block">

<div class="art-box-body art-block-body">

<div class="art-bar art-blockheader">

<h3 class="t">

Каталог продукции</h3>

</div>

<div class="art-box art-blockcontent">

<div class="art-box-body art-blockcontent-body">

<ul class="VMmenu" id="VMmenu5019_228" >

<li class="VmClose">

<div >

<a href="/index.php/komplekty-mebeli" >Комплекты мебели</a></div>

</li>

<li class="VmClose">

<div >

<a href="/index.php/kresla" >Кресла</a></div>

</li>

<li class="VmClose">

<div >

<a href="/index.php/uglovye-divany" >Угловые диваны</a></div>

</li>

<li class="VmClose">

<div >

<a href="/index.php/divany" >Диваны</a></div>

</li>

<li class="VmClose">

<div >

<a href="/index.php/detskie-divany" >Детские диваны</a></div>

</li>

<li class="VmClose">

<div >

<a href="/index.php/aksessuary" >Аксессуары</a></div>

</li>

</ul>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

</div>

<div class="art-box art-block">

<div class="art-box-body art-block-body">

<div class="art-box art-blockcontent">

<div class="art-box-body art-blockcontent-body">

<div id="chpNav94" class="chpNav"><form name="chpform94" method="get" action="index.php">

<input type="hidden" name="option" value="com_virtuemart"/>

<input type="hidden" name="view" value="category"/>

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

<input type="hidden" name="Itemid" value="117"/>

<input type="hidden" name="limitstart" value="0"/><input type="hidden" name="ptid" value="1"/><h2 class="chp-lhead">Цена</h2><div class="chp-list price-cont"><div class="customPrice"><table class="price-table"><tr>

<td><label for="low-price">от</label></td>

<td style="width:50%;padding:0 3px 0 0;"><input id="low-price" type="text" maxlength="9" name="low-price"/></td>

<td><label for="high-price">&nbsp;до</label></td>

<td style="width:50%;padding:0 3px 0 0;"><input id="high-price" type="text" maxlength="9" name="high-price"/></td>

<td style="padding-left:4px;"><input id="chpGoBtn" type="image" title="Go" alt="Go" onclick="searchFormSubmit(event)" on1click="applyRefines(chpform94);return false;" src="http://www.tsarmebel-shop.vv.si/modules/mod_vm_cherry_picker/css/gobtn.gif"/></td>

</tr>

</table>

</div></div><div><h2 class="chp-lhead">Тип мебели</h2><div class="chp-list"><ol class="chp-ll"><li><a href="/?ptid=1&amp;type=Диваны" class="chp-la" title="Select Диваны"><span class="chp-ltick"> </span> <span class="chp-lf">Диваны</span> <span class="narrowValue">(19)</span></a></li><li><a href="/?ptid=1&amp;type=Угловые%20диваны" class="chp-la" title="Select Угловые диваны"><span class="chp-ltick"> </span> <span class="chp-lf">Угловые диваны</span> <span class="narrowValue">(8)</span></a></li><li><a href="/?ptid=1&amp;type=Детские%20диваны" class="chp-la" title="Select Детские диваны"><span class="chp-ltick"> </span> <span class="chp-lf">Детские диваны</span> <span class="narrowValue">(4)</span></a></li><li><a href="/?ptid=1&amp;type=Кресла" class="chp-la" title="Select Кресла"><span class="chp-ltick"> </span> <span class="chp-lf">Кресла</span> <span class="narrowValue">(10)</span></a></li><li><a href="/?ptid=1&amp;type=Аксессуары" class="chp-la" title="Select Аксессуары"><span class="chp-ltick"> </span> <span class="chp-lf">Аксессуары</span> <span class="narrowValue">(2)</span></a></li><li><a href="/?ptid=1&amp;type=Комплекты%20мебели" class="chp-la" title="Select Комплекты мебели"><span class="chp-ltick"> </span> <span class="chp-lf">Комплекты мебели</span> <span class="narrowValue">(3)</span></a></li></ol></div></div><div class="chp-total"><b>Всего товаров:</b> 46</div></form></div><script type="text/javascript">

</script>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

<div class="art-layout-cell art-content">

<div class="art-box art-post">

<div class="art-box-body art-post-body">

<div class="art-post-inner">

<div class="art-postcontent">

<p class="vendor-store-desc">

<p style="text-align: justify;"> <span style="font-size: medium; font-family: times new roman,times;">Дом в который Вы спешите по вечерам, это и храм Ваш и пристанище. Поэтому, он должен быть самым лучшим. Исходя из этого, мы создали нашу фирму. Мы стараемся делать мебель красивую, практичную и удобную.</span></p>

<p style="text-align: justify;"><span style="font-size: medium; font-family: times new roman,times;"> Диван. Какую роль играет этот предмет мягкой мебели в интерьере любой квартиры, любого помещении? Пожалуй далеко не самую последнюю. Хороший, добротный диван, отвечающий модным интерьерным тенденциям, современная мягкая мебель - предмет гордости хозяев перед своими гостями. Большой вместительный диван - непременный атрибут спальной комнаты многих россиян. А как порой просто хочется после напряденного рабочего дня поваляться на диване, посмотреть с комфортом любимую передачу или художественный фильм! При этом непременным условием конструкции любого дивана является его возможность сдвигаться - раздвигаться, экономя пространства помещения, создавая уютную, комфортную зону отдыха в пределах определенного уголка. Вообще диван - это довольно обширная область производства мягкой мебели. Современные направления в дизайне пользуются большой популярностью у покупателей во всех регионах страны.</span></p>

<p style="text-align: justify;"><span style="font-size: medium; font-family: times new roman,times;"> Мягкая мебель на сегодняшний день является одной из основных расходных статей бюджета россиян. И связано это, в первую очередь, со стремлением обновить интерьер, с желанием создать комфорт и уют в своем помещении.</span></p>

<p style="text-align: justify;"><span style="font-size: medium; font-family: times new roman,times;"> Мы надеемся, что Вы и Ваша семья будете довольны тем, что являетесь обладателем мебели от нашей мебельной фабрики.</span></p>

<div style="text-align: justify;" align="justify"><span style="font-size: medium; font-family: times new roman,times;"> Добро пожаловать в мир фабрики мягкой мебели «Царь мебель»!</span></div></p>

<div class="category-view">

<h4>Категории</h4>

<div class="row">

<div class="category floatleft width33 vertical-separator">

<div class="spacer">

<h2>

<a href="/index.php/komplekty-mebeli" title="Комплекты мебели">

Комплекты мебели <br />

<img src="/images/stories/virtuemart/category/resized/461_200x200.jpg" alt="461" /> </a>

</h2>

</div>

</div>

<div class="category floatleft width33 vertical-separator">

<div class="spacer">

<h2>

<a href="/index.php/kresla" title="Кресла">

Кресла <br />

<img src="/images/stories/virtuemart/category/resized/368_200x200.jpg" alt="368" /> </a>

</h2>

</div>

</div>

<div class="category floatleft width33 ">

<div class="spacer">

<h2>

<a href="/index.php/uglovye-divany" title="Угловые диваны">

Угловые диваны <br />

<img src="/images/stories/virtuemart/category/resized/593_200x200.jpg" alt="593" /> </a>

</h2>

</div>

</div>

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

</div>

<div class="horizontal-separator"></div>

<div class="row">

<div class="category floatleft width33 vertical-separator">

<div class="spacer">

<h2>

<a href="/index.php/divany" title="Диваны">

Диваны <br />

<img src="/images/stories/virtuemart/category/resized/132_200x200.jpg" alt="132" /> </a>

</h2>

</div>

</div>

<div class="category floatleft width33 vertical-separator">

<div class="spacer">

<h2>

<a href="/index.php/detskie-divany" title="Детские диваны">

Детские диваны <br />

<img src="/images/stories/virtuemart/category/resized/387_200x200.jpg" alt="387" /> </a>

</h2>

</div>

</div>

<div class="category floatleft width33 ">

<div class="spacer">

<h2>

<a href="/index.php/aksessuary" title="Аксессуары">

Аксессуары <br />

<img src="/images/stories/virtuemart/category/resized/553_200x200.jpg" alt="553" /> </a>

</h2>

</div>

</div>

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

</div>

</div>

<div class="featured-view">

<h4>Рекомендуемые товары</h4>

<div class="row">

<div class="product floatleft width33 vertical-separator">

<div class="spacer">

<h3>

<a href="/index.php/komplekty-mebeli/komplekt-senator-detail" title="Комплект "Сенатор"">Комплект "Сенатор"</a></h3>

<div>

<a href="/index.php/komplekty-mebeli/komplekt-senator-detail" ><a title="46" class="modal" href="http://www.tsarmebel-shop.vv.si/images/stories/virtuemart/product/46.jpg"><img src="/images/stories/virtuemart/product/resized/46_200x200.jpg" alt="46" class="featuredProductImage" border="0" /></a></a></div>

<div class="product-price">

<div class="PricevariantModification" style="display : none;" >Модификатор цены: <span class="PricevariantModification" ></span></div><div class="PricebasePriceWithTax" style="display : none;" >Основная цена с НДС: <span class="PricebasePriceWithTax" ></span></div><div class="PricediscountedPriceWithoutTax" style="display : none;" >Цена со скидкой: <span class="PricediscountedPriceWithoutTax" ></span></div><div class="PricesalesPrice" style="display : block;" >Цена: <span class="PricesalesPrice" >26000,00 руб</span></div><div class="PricepriceWithoutTax" style="display : block;" >Цена без скидки: <span class="PricepriceWithoutTax" >26000,00 руб</span></div><div class="PricediscountAmount" style="display : none;" >Скидка: <span class="PricediscountAmount" ></span></div><div class="PricetaxAmount" style="display : none;" >Сумма налога: <span class="PricetaxAmount" ></span></div></div>

<div>

<a href="/index.php/komplekty-mebeli/komplekt-senator-detail" title="Комплект "Сенатор"" class="product-details">Описание товара</a></div>

</div>

</div>

<div class="product floatleft width33 vertical-separator">

<div class="spacer">

<h3>

<a href="/index.php/detskie-divany/detskij-divan-yunost-detail" title="Детский диван "Юность"">Детский диван "Юность"</a></h3>

<div>

<a href="/index.php/detskie-divany/detskij-divan-yunost-detail" ><a title="38" class="modal" href="http://www.tsarmebel-shop.vv.si/images/stories/virtuemart/product/38.jpg"><img src="/images/stories/virtuemart/product/resized/38_200x200.jpg" alt="38" class="featuredProductImage" border="0" /></a></a></div>

<div class="product-price">

<div class="PricevariantModification" style="display : none;" >Модификатор цены: <span class="PricevariantModification" ></span></div><div class="PricebasePriceWithTax" style="display : none;" >Основная цена с НДС: <span class="PricebasePriceWithTax" ></span></div><div class="PricediscountedPriceWithoutTax" style="display : none;" >Цена со скидкой: <span class="PricediscountedPriceWithoutTax" ></span></div><div class="PricesalesPrice" style="display : block;" >Цена: <span class="PricesalesPrice" >7000,00 руб</span></div><div class="PricepriceWithoutTax" style="display : block;" >Цена без скидки: <span class="PricepriceWithoutTax" >7000,00 руб</span></div><div class="PricediscountAmount" style="display : none;" >Скидка: <span class="PricediscountAmount" ></span></div><div class="PricetaxAmount" style="display : none;" >Сумма налога: <span class="PricetaxAmount" ></span></div></div>

<div>

<a href="/index.php/detskie-divany/detskij-divan-yunost-detail" title="Детский диван "Юность"" class="product-details">Описание товара</a></div>

</div>

</div>

<div class="product floatleft width33 ">

<div class="spacer">

<h3>

<a href="/index.php/uglovye-divany/uglovoj-divan-madrid-detail" title="Угловой диван "Мадрид"">Угловой диван "Мадрид"</a></h3>

<div>

<a href="/index.php/uglovye-divany/uglovoj-divan-madrid-detail" ><a title="9" class="modal" href="http://www.tsarmebel-shop.vv.si/images/stories/virtuemart/product/9.jpg"><img src="/images/stories/virtuemart/product/resized/9_200x200.jpg" alt="9" class="featuredProductImage" border="0" /></a></a></div>

<div class="product-price">

<div class="PricevariantModification" style="display : none;" >Модификатор цены: <span class="PricevariantModification" ></span></div><div class="PricebasePriceWithTax" style="display : none;" >Основная цена с НДС: <span class="PricebasePriceWithTax" ></span></div><div class="PricediscountedPriceWithoutTax" style="display : none;" >Цена со скидкой: <span class="PricediscountedPriceWithoutTax" ></span></div><div class="PricesalesPrice" style="display : block;" >Цена: <span class="PricesalesPrice" >12000,00 руб</span></div><div class="PricepriceWithoutTax" style="display : block;" >Цена без скидки: <span class="PricepriceWithoutTax" >12000,00 руб</span></div><div class="PricediscountAmount" style="display : none;" >Скидка: <span class="PricediscountAmount" ></span></div><div class="PricetaxAmount" style="display : none;" >Сумма налога: <span class="PricetaxAmount" ></span></div></div>

<div>

<a href="/index.php/uglovye-divany/uglovoj-divan-madrid-detail" title="Угловой диван "Мадрид"" class="product-details">Описание товара</a></div>

</div>

</div>

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

</div>

<div class="horizontal-separator"></div>

<div class="row">

<div class="product floatleft width33 vertical-separator">

<div class="spacer">

<h3>

<a href="/index.php/divany/divan-bentli-detail" title="Диван "Бентли"">Диван "Бентли"</a></h3>

<div>

<a href="/index.php/divany/divan-bentli-detail" ><a title="25" class="modal" href="http://www.tsarmebel-shop.vv.si/images/stories/virtuemart/product/25.jpg"><img src="/images/stories/virtuemart/product/resized/25_200x200.jpg" alt="25" class="featuredProductImage" border="0" /></a></a></div>

<div class="product-price">

<div class="PricevariantModification" style="display : none;" >Модификатор цены: <span class="PricevariantModification" ></span></div><div class="PricebasePriceWithTax" style="display : none;" >Основная цена с НДС: <span class="PricebasePriceWithTax" ></span></div><div class="PricediscountedPriceWithoutTax" style="display : none;" >Цена со скидкой: <span class="PricediscountedPriceWithoutTax" ></span></div><div class="PricesalesPrice" style="display : block;" >Цена: <span class="PricesalesPrice" >11000,00 руб</span></div><div class="PricepriceWithoutTax" style="display : block;" >Цена без скидки: <span class="PricepriceWithoutTax" >11000,00 руб</span></div><div class="PricediscountAmount" style="display : none;" >Скидка: <span class="PricediscountAmount" ></span></div><div class="PricetaxAmount" style="display : none;" >Сумма налога: <span class="PricetaxAmount" ></span></div></div>

<div>

<a href="/index.php/divany/divan-bentli-detail" title="Диван "Бентли"" class="product-details">Описание товара</a></div>

</div>

</div>

<div class="product floatleft width33 vertical-separator">

<div class="spacer">

<h3>

<a href="/index.php/uglovye-divany/uglovoj-divan-royal-detail" title=" Угловой диван "Роял""> Угловой диван "Роял"</a></h3>

<div>

<a href="/index.php/uglovye-divany/uglovoj-divan-royal-detail" ><a title="b_90c2e979-8542-43d3-9dbf-91b9e01e11a0" class="modal" href="http://www.tsarmebel-shop.vv.si/images/stories/virtuemart/product/b_90c2e979-8542-43d3-9dbf-91b9e01e11a0.jpg"><img src="/images/stories/virtuemart/product/resized/b_90c2e979-8542-43d3-9dbf-91b9e01e11a0_200x200.jpg" alt="b_90c2e979-8542-43d3-9dbf-91b9e01e11a0" class="featuredProductImage" border="0" /></a></a></div>

<div class="product-price">

<div class="PricevariantModification" style="display : none;" >Модификатор цены: <span class="PricevariantModification" ></span></div><div class="PricebasePriceWithTax" style="display : none;" >Основная цена с НДС: <span class="PricebasePriceWithTax" ></span></div><div class="PricediscountedPriceWithoutTax" style="display : none;" >Цена со скидкой: <span class="PricediscountedPriceWithoutTax" ></span></div><div class="PricesalesPrice" style="display : block;" >Цена: <span class="PricesalesPrice" >10000,00 руб</span></div><div class="PricepriceWithoutTax" style="display : block;" >Цена без скидки: <span class="PricepriceWithoutTax" >10000,00 руб</span></div><div class="PricediscountAmount" style="display : none;" >Скидка: <span class="PricediscountAmount" ></span></div><div class="PricetaxAmount" style="display : none;" >Сумма налога: <span class="PricetaxAmount" ></span></div></div>

<div>

<a href="/index.php/uglovye-divany/uglovoj-divan-royal-detail" title=" Угловой диван "Роял"" class="product-details">Описание товара</a></div>

</div>

</div>

<div class="product floatleft width33 ">

<div class="spacer">

<h3>

<a href="/index.php/kresla/kreslo-rafael-detail" title="Кресло "Рафаэль"">Кресло "Рафаэль"</a></h3>

<div>

<a href="/index.php/kresla/kreslo-rafael-detail" ><a title="40" class="modal" href="http://www.tsarmebel-shop.vv.si/images/stories/virtuemart/product/40.jpg"><img src="/images/stories/virtuemart/product/resized/40_200x200.jpg" alt="40" class="featuredProductImage" border="0" /></a></a></div>

<div class="product-price">

<div class="PricevariantModification" style="display : none;" >Модификатор цены: <span class="PricevariantModification" ></span></div><div class="PricebasePriceWithTax" style="display : none;" >Основная цена с НДС: <span class="PricebasePriceWithTax" ></span></div><div class="PricediscountedPriceWithoutTax" style="display : none;" >Цена со скидкой: <span class="PricediscountedPriceWithoutTax" ></span></div><div class="PricesalesPrice" style="display : block;" >Цена: <span class="PricesalesPrice" >4000,00 руб</span></div><div class="PricepriceWithoutTax" style="display : block;" >Цена без скидки: <span class="PricepriceWithoutTax" >4000,00 руб</span></div><div class="PricediscountAmount" style="display : none;" >Скидка: <span class="PricediscountAmount" ></span></div><div class="PricetaxAmount" style="display : none;" >Сумма налога: <span class="PricetaxAmount" ></span></div></div>

<div>

<a href="/index.php/kresla/kreslo-rafael-detail" title="Кресло "Рафаэль"" class="product-details">Описание товара</a></div>

</div>

</div>

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

</div>

</div>

</div>

<div class="cleared"></div>

</div>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

<div class="art-layout-cell art-sidebar2">

<div class="art-box art-block">

<div class="art-box-body art-block-body">

<div class="art-bar art-blockheader">

<h3 class="t">

Вход</h3>

</div>

<div class="art-box art-blockcontent">

<div class="art-box-body art-blockcontent-body">

<form action="https://www.tsarmebel-shop.vv.si/index.php" method="post" id="login-form">

<div class="login-greeting">

Здравствуйте, denis,</div>

<div class="logout-button">

<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input type="submit" name="Submit" class="button art-button" value="Выйти" /></span>

<input type="hidden" name="option" value="com_users" />

<input type="hidden" name="task" value="user.logout" />

<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMTc=" />

<input type="hidden" name="e8e80ad6ddb8a79be03e154c3a9becf4" value="1" /></div>

</form>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

</div>

</div>

</div>

<div class="cleared"></div>

<div class="art-content-layout"><div class="art-content-layout-row"><div class="art-layout-cell art-layout-sidebar-bg" style="width: 100%;"> <div class="art-box art-block">

<div class="art-box-body art-block-body">

<div class="art-box art-blockcontent">

<div class="art-box-body art-blockcontent-body">

<!-- Virtuemart 2 Ajax Card -->

<div class="vmCartModule " id="vmCartModule">

<div id="hiddencontainer" style=" display: none; ">

<div class="container">

<div class="prices" style="float: right;"></div>

<div class="product_row">

<span class="quantity"></span>&nbsp;x&nbsp;<span class="product_name"></span>

</div>

<div class="product_attributes"></div>

</div>