84744

Проектирование тематического web-сайта «Интернет-магазин каминов»

Курсовая

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

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

Русский

2015-03-21

2.57 MB

2 чел.

МИНОБРНАУКИ РОССИИ

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

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

"Московский государственный технический университет радиотехники,

электроники и автоматики"

МГТУМИРЭА

Факультет информационных технологий (ИТ)

Кафедра информатики и информационных систем (ИИС)

КУРСОВОЙ ПРОЕКТ

по дисциплине

«Мировые информационные ресурсы»

На тему «Проектирование тематического web-сайта «Интернет-магазин каминов»»

Студентка группы    ИСБВ-4-11

Свиридова С. А.

Руководитель курсовой работы

доцент, канд. техн. наук

Ковалев С.Н.

Работа представлена к защите

«__»_______2014 г.

«Допущен к защите»

«__»_______2014г.

Москва 2014    

МИНОБРНАУКИ РОССИИ

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

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

"Московский государственный технический университет радиотехники,

электроники и автоматики"

МГТУМИРЭА

Факультет информационных технологий (ИТ)

Кафедра информатики и информационных систем (ИИС)

Утверждаю

Заведующий

кафедрой______________

«____» __________201___ г.

ЗАДАНИЕ

на выполнение  курсового проекта

по дисциплине «Мировые информационные ресурсы»

Студентка: Свиридова Светлана Александровна                         Группа:  ИСБВ-4-11

  1.  Тема «Проектирование тематического web-сайта «Интернет-магазин каминов»
  2.  Исходные данные: Интернет, WYSIWYG редактор Adobe Dreamweaver CS5, редактор растровой графики Adobe Photoshop CS5, FTP-клиент FileZilla, информация с сайта производителя каминов Contura

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

  1.  Разработка общего дизайна Web-сайта.
  2.  Создание страниц Web-сайта.
  3.  Наполнение страниц Web-сайта тематической информацией.
  4.  Иллюстрирование основных разделов Web-сайта.
  5.  Составление РПЗ к курсовому проекту.
  6.  Выполнение чертежа с отображением общей структуры (дерева) сайта.
  7.  Выполнение чертежа (чертежей) со скриншотами стартовой и главной страниц.

  1.  Срок представления к защите курсовой работы: до «_02_» ___декабря__________ 2014 г.

Задание на курсовой

проект выдал

«___»__________ 2014г.

Ковалев С.Н.

Задание на курсовой

проект получил

«___»__________ 2014г.

Свиридова С. А.                                     

ОТЗЫВ

на курсовой проект студентки группы ИСБВ-4-11 С.А.Свиридовой

по дисциплине «Мировые информационные ресурсы» на тему

«Проектирование тематического web-сайта  «Интернет-магазин каминов»

Представленные материалы курсового проекта не дают возможности составить о нем определенное впечатление, в первую очередь потому, что никакие web-страницы сайта, включая стартовую, «кроссбраузерно» не открываются в нормальном виде. И они не имеют ничего общего со скриншотами, приведенными в пояснительной записке (ПЗ).

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

Поэтому привожу все те же «типовые» замечания:

  1.  Исходные данные листа задания выглядят откровенно нелепо: по таким данным невозможно что-либо разработать. Сильно сомневаюсь, что руководство любого интернет-магазина предложило бы разработать сайт по таким исходным данным. Исходные данные должны задавать потребительские свойства любой разработки, заявленные потенциальным «заказчиком».
  2.  Название вуза на стартовой странице, независимо от качества ее воспроизведения браузером, приведено неверно.
  3.  На титульном листе ПЗ и в других ее разделах путаются понятия «курсовой проект» и «курсовая работа».
  4.  В ПЗ перепутана очередность разделов, однозначно указанная в методических указаниях. Да просто, по здравому смыслу, не может аннотация следовать за рефератом.
  5.  Подтитульный лист (вообще непонятно, который из присутствующих выполняет эту роль) не содержит необходимую информацию.
  6.  Реферат не дает представления о структуре курсового проекта и последовательности изложения вопросов, для чего он и предназначен (по сути, это должно быть сильно сокращенное содержание пояснительной записки с основными его положениями)3.
  7.  Во Введении следует конкретно охарактеризовать постановку задачи проектирования и обосновать его цель.
  8.  Пояснительная записка мало что поясняет и, по сути, являет собою набор скриншотов страниц сайта с комментариями. Вполне уместный листинг в приложении дело не спасает.
  9.  Чертежи не соответствуют ЕСКД – нарушены все размеры, какие только можно нарушить (и какие нельзя – тоже нарушены).
  10.  Структура (дерево) сайта также должна приводиться на отдельном чертеже.

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

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

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

Руководитель курсового проекта

С.Н.Ковалев, 21 декабря 2014г.

Автор проекта – С. А. Свиридова

Преподаватель – С. Н. Ковалев

Стр. 41. Ист. 5. Ил. 6. Сх. 3.

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

В качестве программных средств при разработке сайта мной использовались: WYSIWYG (от англ. What You SeeIs What You Get) редактор Adobe Dreamweaver CS5, редактор растровой графики AdobePhotoshopCS5, а также FTP-клиент FileZilla.

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

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

       

Ил. – Иллюстрации

Ист. – Источники

Стр. – Страницы

Сх. – Схемы

Ключевые слова

Реферат

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

В качестве тематики сайта я выбрала направление «Интернет-магазин каминов Contura» как наиболее интересную и коммерчески ликвидную тему. В процессе написания данного веб-сайта мной была использована библиотека JQuery, подключаемая для упрощения взаимодействия между HTMLи JavaScript, что, в конечном счете, позволило расширить функционал веб-сайта и облегчить его дальнейшие редактирование и модернизацию.

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

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

Адрес в МИРЭА:

pepperchili.1993@yandex.ru 119454, Москва, пр-т Вернадского, д.78

Тираж: 1 экз.(на правах рукописи) © Свиридова С. А.

Оглавление

Введение 7

Структура страниц сайта 8

Заключение 14

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

Приложение 1 16

Приложение 2 20

Приложение 3 23

Приложение 4 25

Приложение 5 32

Приложение 6 34

Приложение 7 38

Приложение 8 39

Приложение 9 40


Введение

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

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


Структура страниц сайта

Структура веб-сайта «Интернет-магазин каминов Contura» состоит из шести веб-страниц формата HTML и из трех папок: папки с подключаемыми JavaScript-файлами, папки с файлом CSS3 и папки с изображениями для веб-сайта.

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

Структура главной страницы веб-сайта (index.html) (Рис. 1) состоит из канонических для любого современного веб-сайта элементов: шапки сайта с указанием контактной информации, логотипом компании, заголовком и меню сайта, «тела» веб-страницы, разделенного на два контейнера для наиболее удобного представления информации, и футера.

Все элементы сайт, кроме шапки, помещены в контейнер <div>, позиционированный по середине экрана и занимающий до 1060 px от его ширины. Шапка веб-сайта помещена в отдельный контейнер с предустановкой ширины на значение 100%, что позволяет придать объемность дизайну веб-сайта.

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

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

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

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

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

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

Страница «О компании»

Страница about.html (Рис. 2) находится в корне директории с веб-сайтом и была создана с помощью веб-редактора Abode Dreamweaver CS5. На ней размещена текстовая и графическая информация, размеченная согласно стандартам HTML. В тексте описывается история компании и основные преимущества продаваемой ею продукции. Разметка текста содержит теги <h1> и <h2>, в которые заключены заголовки первого и второго уровня, соответственно, теги параграфов <p>, теги изображений <img>, а также теги <b> для выделения жирным шрифтом важных численных значений. Листинг страницы «О компании» представлен в Приложении 2.

Рис. 2. Страница «О компании».

Страница «Акции»

Страница actions.html (Рис. 3) находится в корне директории с веб-сайтом и была создана с помощью веб-редактора Abode Dreamweaver CS5.  Изображение, размещенной на ней, было разработано и скомпилировано в редакторе растровой графики Abode Photoshop CS5. Изображение имеет атрибут стилей, который задает его положение по центру страницы и отступы. Весь контент данной страницы размечен согласно правилам HTML. Страница содержит текстовую гиперссылку на другой раздел сайта – «Каталог».

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

Рис. 3. Страница «Акции».

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

Страница catalog.html (Рис. 4) находится в корне директории с веб-сайтом и была создана с помощью веб-редактора Abode Dreamweaver CS5.Данная веб-страница является ключевой для покупателя, так как на ней представлены полные технические характеристики предоставляемой продукции и цены на них. Каталог печей каминов выполнен в виде контейнера, внутри которого находятся блоки <div> с товарными позициями. Каждый блок имеет следующую структуру:

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

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

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

Сама форма обратной связи выполнена по технологии HTML5 и имеет стандартные функции проверки наличия вводимых данных. Если пользователь не ввел, допустим, данные в поле «E-mail», то это поле будет гореть красным цветом, сигнализируя о необходимости заполнить его. Форма имеет возможность отправки сообщений, содержащих данные, введенные пользователем, на любой почтовый ящик, но для реализации это функции необходима установка почтового сервера и загрузка дополнительных файлов на хостинг. Листинг страницы «Каталог» представлен в Приложении 4.

Рис. 4. Страница «Каталог».

Страница «Монтаж»

Страница install.html (Рис. 5) находится в корне директории с веб-сайтом и была создана с помощью веб-редактора Abode Dreamweaver CS5.  Изображение, размещенной на ней, было разработано и скомпилировано в редакторе растровой графики Abode Photoshop CS5. Изображение имеет атрибут стилей style, который задает его положение по центру страницы и отступы. Весь контент данной страницы размечен согласно правилам HTML. Страница содержит тег нумерованного списка <ol>  и заголовки первого и второго уровней. Листинг страницы «Монтаж» представлен в Приложении 5.

Рис. 5. Страница «Монтаж»

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

Страница contacts.html (Рис. 6) находится в корне директории с веб-сайтом и была создана с помощью веб-редактора Abode Dreamweaver CS5.Страница содержит, помимо заголовка первого уровня, интерактивный модуль Яндекс.Карт со схемой проезда к офису компании (адрес компании указан в качестве примера). Модуль интегрирован в страницу с применением API сервиса Яндекс.Карты и представляет собой подключаемый при помощи языка JavaScript фрейм, стилизованный согласно дизайну данного веб-ресурса.

Также на странице присутствует таблица с заливкой чередующихся строк. Такая реализация является возможной благодаря новым свойствам каскадных таблиц стилей CSS3, а именно – псевдоклассов. Все нечетные строки в данной таблице выделены другим цветом для удобства чтения. Весь контент данной страницы размечен согласно правилам HTML. Листинг страницы «Контакты» представлен в Приложении 6.

Рис. 6. Страница «Контакты»

Заключение

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

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

  1.  Едомский Ю. Техника Web-дизайна для студента. – СПб: BHV, 2005. – 400 с.
    1.  Молер Д., Боуэн К. Dreamweaver MX 2004: Руководство Web-дизайнера. – М: Эксмо-Пресс, 2005. – 352 с.
      1.  Полонская Е. Л. Самоучитель. Язык HTML. - Изд.:Диалектика, 2003.
        1.  Гаевский А. Ю., Романовский В. А. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScriptИзд.: Технолоджи-3000, 2008. – 464 с.
        2.  Сайт производителя каминов Contura. http://www.contura.eu/ru/Russia/ от 13.11.2014 г.


Приложение 1

Листинг главной страницы:

<!DOCTYPE html>

<html>

<head>

<meta charset="windows-1251" />

<title>Шведские печи-камины Contura</title>

<meta name="keywords" content="камины, камины contura, шведские печи-камины, contura" />

<meta name="description" content="Шведские камины Contura - эталон отопительного оборудования, соответствующий всем потребностям его владельца. Они безопасны, долговечны и эффективны.">

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

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

<script type="text/javascript" src="/js/cloud-carousel.1.0.5.js"></script>

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

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

<script type="text/javascript">

$(document).ready(function(){         

$("#carousel1").CloudCarousel(  

 {   

  xPos: 510,

  yPos: 40,

  xRadius: 460,

  yRadius: -40,

  buttonLeft: $("#left-but"),

  buttonRight: $("#right-but"),

  altBox: $("#alt-text"),

  titleBox: $("#title-text")

 }

);

});

</script>

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div id="wrapper">

 <div class="author">

   <p>Московский государственный технический университет радиотехники, электроники и автоматики</p>

   <p>Кафедра информатики и информационных систем</p>

   <p>Тема работы: "Интернет-магазин каминов"</p>

 </div>

 <div class="author right">

   <p>Курсовая работа по дисциплине "Мировые информационные ресурсы" <br/>

     выполнил студент: Свиридова С.А. <br/>

     Руководитель курсовой работы: Ковалев С.Н.</p>

   <p>2014 год.</p>

 </div>

 <div id="header">

   <div id="topInfo"> <a href="#" class="logotype"><img src="/images/logotype.png" width="190" height="59"></a>

     <div id="sloganWrap">

       <p>Продажа и установка шведских печей-каминов Contura</p>

     </div>

     <div id="contactsWrap"><span class="yaPhone">+7 495 555-555-5</span>

       <p>многоканальный</p>

     </div>

     <ul class="mainMenu">

       <li><a href="about.html">О компании</a></li>

       <li><a href="actions.html">Акции</a></li>

       <li><a href="catalog.html">Каталог</a></li>

       <li><a href="install.html">Монтаж</a></li>

       <li><a href="contacts.html">Контакты</a></li>

     </ul>

   </div>

   <div id="carousel1">

     <input id="right-but" type="button" value="" />

     <input id="left-but"  type="button" value="" />

     <a href="#"> <img src="/images/Contura-880-G-FL.png" alt="Мощность — 5 кВт <br/> Эффективность — 82%" width="220" height="500" class="cloudcarousel" title="Contura 880 G FL" /> </a> <a href="#"> <img src="/images/Contura-560T-G.png" alt="Мощность — 3-9 кВт <br/> Эффективность — 79%"  width="220" height="500" class="cloudcarousel" title="Contura 560T G"> </a> <a href="#"> <img src="/images/Contura-i31A.png" alt="Мощность — 4-9 кВт <br/> Эффективность — 80%"  width="220" height="500" class="cloudcarousel" title="Contura i31A"> </a> <a href="#"> <img src="/images/Contura_820_T_S.png" alt="Мощность — 5 кВт <br/> Эффективность — 82%"  width="220" height="500" class="cloudcarousel" title="Contura 820 T S"> </a> <a href="#"> <img src="/images/Contura-54.png" alt="Мощность — 3-7 кВт <br/> Эффективность — 81%"  width="220" height="500" class="cloudcarousel" title="Contura 54"> </a>

     <div id="controls"> <span id="title-text">Название котла</span>

       <p id="alt-text">Технические характеристики</p>

     </div>

     <div id="microText">

       <p>Шведские камины Contura - эталон отопительного оборудования, соответствующий любым потребностям его владельца. Они безопасны, долговечны и эффективны.</p>

     </div>

   </div>

 </div>

 <div class="wrapper">

   <div id="mainContainer">

     <h1>Печи-камины Contura: комфорт и удобство в Вашем доме!</h1>

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

     <h2>Почему именно Contura?</h2>

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

     <p> Камины Contura производства Швеции соединяют в себе элегантный дизайн и новые технологии. При этом производители учитывают функциональность и высокую эргономичность создаваемых приборов с учетом основной функции обогрева помещений.</p>

     <div id="advBlock">

       <div class="advItem"> <img src="/images/icon-1.jpg" width="100" height="100"> <span class="advName">Высокая эффективность</span>

         <p>производит больше тепла при минимальном расходе дров. КПД от 78%!</p>

       </div>

       <div class="advItem"> <img src="/images/icon-2.jpg" width="100" height="100"> <span class="advName">Настраиваемая мощность</span>

         <p>позволяет экономить дрова: расход всего 1 кг в час!</p>

       </div>

       <div class="advItem"> <img src="/images/icon-3.jpg" width="100" height="100"> <span class="advName">Изоляция топочной камеры</span>

         <p>вермикулит позволяет продлить срок службы и эффективность горения</p>

       </div>

       <div class="advItem"> <img src="/images/icon-4.jpg" width="100" height="100"> <span class="advName">Настраиваемое подключение</span>

         <p>подача воздуха для горения может производиться как с улицы, так и из комнаты.</p>

       </div>

       <div class="advItem"> <img src="/images/icon-5.jpg" width="100" height="100"> <span class="advName">Современный дизайн</span>

         <p>изгибы линии топки и используемые природные материалы добавят элегантности и роскоши любому интерьеру.</p>

       </div>

       <div class="advItem"> <img src="/images/icon-6.jpg" width="100" height="100"> <span class="advName">Обзор огня до 178<sup>0</sup></span>

         <p>новая эффективная технология горения минимизирует образование копоти и сажи. Любуйтесь огнем без преград!</p>

       </div>

     </div>

     <hr />

     <h2>Подчеркните Ваш неповторимый стиль!</h2>

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

   </div>

   <div id="rightContainer">

     <div id="specialOffer"><img src="/images/test-img.jpg" width="173" height="304"><span class="prName">Печь-камин Contura i31A</span> <span class="costItem">271 200 руб.</span><a href="#" class="buyButton">Заказать</a></div>

     <div id="special">

       <h3>Наши акции:</h3>

       <div class="inner"> <img src="/images/delivery.png" width="88" height="127" style="margin:-10px 0 0 20px; float:right;">

         <p> При покупке любой печи-камина Contura Вы получаете бесплатную доставку по Москве и Области!</p>

       </div>

     </div>

   </div>

 </div>

</div>

<div id="footer">

 <div class="wrapper">

   <table>

     <tbody>

       <tr>

         <td width="25%"><img src="/images/logotype.png" width="190" height="59">

           <p>Продажа шведского отопительного оборудования</p></td>

         <td width="40%"><p><img src="/images/sitemap-icon.png" width="16" height="16" style="margin-right:7px;" align="left"> Карта сайта:</p>

           <ul>

             <li><a href="about.html">О компании</a></li>

             <li><a href="actions.html">Акции</a></li>

             <li><a href="catalog.html">Каталог</a></li>

             <li><a href="install.html">Монтаж</a></li>

             <li><a href="contacts.html">Контакты</a></li>

           </ul></td>

         <td width="35%"><p class="bottomPhone">Номер телефона: <span>+7 495 555-555-5</span> Почтовый ящик: info@domain.ru </p></td>

       </tr>

     </tbody>

   </table>

 </div>

</div>

<div style="display:none;background-color:#FFF">

 <div id="sp_order" class="fieldContainer">

   <div class="wrapper_form">

     <form name="send_form" method="post" onsubmit="return check();" id="signupForm" class="contact_form">

       <input type="hidden" name="cmd" value="send">

       <ul>

         <li>

           <label for="fio">Вас зовут:</label>

           <input type="text" name="fio" id="fio" value="" required="">

           <span class="form_hint">Пример: "Иванов Иван"</span> </li>

         <li>

           <label for="mail">E-mail:</label>

           <input type="text" name="mail" id="mail" value="" required="">

           <span class="form_hint">Пример: "ivanov@yandex.ru"</span> </li>

         <li>

           <label for="phone">Телефон:</label>

           <input type="text" name="phone" id="phone" value="" required="">

           <span class="form_hint">Пример: "+7 (916) 123-45-67"</span> </li>

         <li>

           <label for="text">Доставка:</label>

           <textarea class="textarea" name="text" style="width:300px; height:100px;"></textarea>

         </li>

       </ul>

       <div class="signupButton">

         <center>

           <input class="sendData" type="button" value="Заказать" onClick="order_call();"/>

         </center>

       </div>

     </form>

   </div>

 </div>

</div>

</body>

</html>

Приложение 2

Листинг страницы «О компании»:

<!DOCTYPE html>

<html>

<head>

<meta charset="windows-1251" />

<title>Шведские печи-камины Contura</title>

<meta name="keywords" content="камины, камины contura, шведские печи-камины, contura" />

<meta name="description" content="Шведские камины Contura - эталон отопительного оборудования, соответствующий всем потребностям его владельца. Они безопасны, долговечны и эффективны.">

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

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

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

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

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div id="wrapper">

 <div id="header-inner">

   <div id="topInfo"> <a href="/" class="logotype"><img src="/images/logotype.png" width="190" height="59"></a>

     <div id="sloganWrap">

       <p>Продажа и установка шведских печей-каминов Contura</p>

     </div>

     <div id="contactsWrap"><span class="yaPhone">+7 495 555-555-5</span>

       <p>многоканальный</p>

     </div>

     <ul class="mainMenu">

       <li><a href="about.html">О компании</a></li>

       <li><a href="actions.html">Акции</a></li>

       <li><a href="catalog.html">Каталог</a></li>

       <li><a href="install.html">Монтаж</a></li>

       <li><a href="contacts.html">Контакты</a></li>

     </ul>

   </div>

 </div>

 <div class="wrapper">

   <div id="mainContainer">

     <h1>Компания "Феникс"</h1>

     <p><img src="/images/logotype.png" width="190" height="59" align="left" style="margin:0 18px 14px 0;"> Компания "Феникс" была основана в 2008 году, и на протяжении уже <b>6 лет</b> занимается поставкой, монтажом и сервисным обслуживанием отопительного оборудования. За это время был сформирован профессиональный и квалифицированный штат сотрудников, способных справится даже с самой непростой задачей при монтаже инженерных систем, было изучено большинство отопительных каминов, представленных на российском рынке, и получен неоценимый опыт работы с ними. Опираясь на полученный опыт, мы с полной ответстенностью рекомендуем нашим клиентам именно шведские камины-печи Contura, как наиболее качественные, энергоэффективные и безопасные в своем классе печи.</p>

     <h2>Современные технологии на страже Вашего уюта!</h2>

     <p><img src="/images/shem-of-item.jpg" width="227" height="322" align="right" style="margin:7px 2px 8px 19px;"> Используя самые современные технологии производства каминов в Европе, шведский производитель предоставляет не просто качественный продукт, а определяет направление всего рынка отопительных каминов. Уникальная запетентованная конструкция шведских каминов позволяет добиться по-настоящему высоких процентов КПД горения - до <b>85%</b>, при том, что у конкурентов этот показатель колеблется от 40% до 60%. А использование специального огнестойкого стекла позволит Вам любоваться процессов горения дров с невероятно широким углом обзора - <b>178%!</b> Оцените шведское качество и практичность уже сегодня: купите камин Contura с бесплатной доставкой!</p>

   </div>

   <div id="rightContainer">

     <div id="specialOffer"><img src="/images/test-img.jpg" width="173" height="304"><span class="prName">Печь-камин Contura i31A</span> <span class="costItem">271 200 руб.</span><a href="#" class="buyButton">Заказать</a></div>

     <div id="special">

       <h3>Наши акции:</h3>

       <div class="inner"> <img src="/images/delivery.png" width="88" height="127" style="margin:-10px 0 0 20px; float:right;">

         <p> При покупке любой печи-камина Contura Вы получаете бесплатную доставку по Москве и Области!</p>

       </div>

     </div>

   </div>

 </div>

</div>

<div id="footer">

 <div class="wrapper">

   <table>

     <tbody>

       <tr>

         <td width="25%"><img src="/images/logotype.png" width="190" height="59">

           <p>Продажа шведского отопительного оборудования</p></td>

         <td width="40%"><p><img src="/images/sitemap-icon.png" width="16" height="16" style="margin-right:7px;" align="left"> Карта сайта:</p>

           <ul>

             <li><a href="about.html">О компании</a></li>

             <li><a href="actions.html">Акции</a></li>

             <li><a href="catalog.html">Каталог</a></li>

             <li><a href="install.html">Монтаж</a></li>

             <li><a href="contacts.html">Контакты</a></li>

           </ul></td>

         <td width="35%"><p class="bottomPhone">Номер телефона: <span>+7 495 555-555-5</span> Почтовый ящик: info@domain.ru </p></td>

       </tr>

     </tbody>

   </table>

 </div>

</div>

<div style="display:none;background-color:#FFF">

 <div id="sp_order" class="fieldContainer">

   <div class="wrapper_form">

     <form name="send_form" method="post" onsubmit="return check();" id="signupForm" class="contact_form">

       <input type="hidden" name="cmd" value="send">

       <ul>

         <li>

           <label for="fio">Вас зовут:</label>

           <input type="text" name="fio" id="fio" value="" required="">

           <span class="form_hint">Пример: "Иванов Иван"</span> </li>

         <li>

           <label for="mail">E-mail:</label>

           <input type="text" name="mail" id="mail" value="" required="">

           <span class="form_hint">Пример: "ivanov@yandex.ru"</span> </li>

         <li>

           <label for="phone">Телефон:</label>

           <input type="text" name="phone" id="phone" value="" required="">

           <span class="form_hint">Пример: "+7 (916) 123-45-67"</span> </li>

         <li>

           <label for="text">Доставка:</label>

           <textarea class="textarea" name="text" style="width:300px; height:100px;"></textarea>

         </li>

       </ul>

       <div class="signupButton">

         <center>

           <input class="sendData" type="button" value="Заказать" onClick="order_call();"/>

         </center>

       </div>

     </form>

   </div>

 </div>

</div>

</body>

</html>

Приложение 3

Листинг страницы «Акции»:

<!DOCTYPE html>

<html>

<head>

<meta charset="windows-1251" />

<title>Шведские печи-камины Contura</title>

<meta name="keywords" content="камины, камины contura, шведские печи-камины, contura" />

<meta name="description" content="Шведские камины Contura - эталон отопительного оборудования, соответствующий всем потребностям его владельца. Они безопасны, долговечны и эффективны.">

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

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

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

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

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div id="wrapper">

 <div id="header-inner">

   <div id="topInfo"> <a href="/" class="logotype"><img src="/images/logotype.png" width="190" height="59"></a>

     <div id="sloganWrap">

       <p>Продажа и установка шведских печей-каминов Contura</p>

     </div>

     <div id="contactsWrap"><span class="yaPhone">+7 495 555-555-5</span>

       <p>многоканальный</p>

     </div>

     <ul class="mainMenu">

       <li><a href="about.html">О компании</a></li>

       <li><a href="actions.html">Акции</a></li>

       <li><a href="catalog.html">Каталог</a></li>

       <li><a href="install.html">Монтаж</a></li>

       <li><a href="contacts.html">Контакты</a></li>

     </ul>

   </div>

 </div>

 <div class="wrapper">

   <div id="mainContainer">

     <h1>Акции и специальные предложения</h1>

     <p>Мы рады объявить о начале беспрецедентной акции "Доставка камина за наш счет"! С 01.12.14 и вплоть до 31.12.14 при заказе в нашем интернет-магазине любого камина от шведской компании Contura, Вы сэкономите от 1 000 до 3 000 рублей, так как мы доставим его Вам совершенно бесплатно! Подарите родным и близким замечательные мгновения нахождения в уюте и комфорте в эту Новогоднуюю ночь!</p>

     <img src="/images/free-delivery.jpg" width="600" height="370" style="margin:10px auto; display:block;">

     <h2>Как получить камин с бесплатной доставкой?</h2>

     <p>Перейдите в аш <a href="/catalog.html">каталог продукции</a> и выберите понравившийся камин. Если Вы не можете подобрать камин самостоятельно или нуждаетесь в консультации специалиста, обратитесь к нам по телефону +7 (495) 555-55-55, и мы с удовольствием поможем Вам с выбором.</p>

     <p>После того, как Вы опеределились с выбором, нажмите на кнопку "Заказать" напротив нужного камина и заполните все необходимые поля. Наш менеджер свяжется с Вами в течение 5 минут для подтверждения и уточнения деталей заказа. После оплаты, камин будет доставлен Вам на следующий день совершенно бесплатно!</p>

   </div>

   <div id="rightContainer">

     <div id="specialOffer"><img src="/images/test-img.jpg" width="173" height="304"><span class="prName">Печь-камин Contura i31A</span> <span class="costItem">271 200 руб.</span><a href="#" class="buyButton">Заказать</a></div>

     <div id="special">

       <h3>Наши акции:</h3>

       <div class="inner"> <img src="/images/delivery.png" width="88" height="127" style="margin:-10px 0 0 20px; float:right;">

         <p> При покупке любой печи-камина Contura Вы получаете бесплатную доставку по Москве и Области!</p>

       </div>

     </div>

   </div>

 </div>

</div>

<div id="footer">

 <div class="wrapper">

   <table>

     <tbody>

       <tr>

         <td width="25%"><img src="/images/logotype.png" width="190" height="59">

           <p>Продажа шведского отопительного оборудования</p></td>

         <td width="40%"><p><img src="/images/sitemap-icon.png" width="16" height="16" style="margin-right:7px;" align="left"> Карта сайта:</p>

           <ul>

             <li><a href="about.html">О компании</a></li>

             <li><a href="actions.html">Акции</a></li>

             <li><a href="catalog.html">Каталог</a></li>

             <li><a href="install.html">Монтаж</a></li>

             <li><a href="contacts.html">Контакты</a></li>

           </ul></td>

         <td width="35%"><p class="bottomPhone">Номер телефона: <span>+7 495 555-555-5</span> Почтовый ящик: info@domain.ru </p></td>

       </tr>

     </tbody>

   </table>

 </div>

</div>

<div style="display:none;background-color:#FFF">

 <div id="sp_order" class="fieldContainer">

   <div class="wrapper_form">

     <form name="send_form" method="post" onsubmit="return check();" id="signupForm" class="contact_form">

       <input type="hidden" name="cmd" value="send">

       <ul>

         <li>

           <label for="fio">Вас зовут:</label>

           <input type="text" name="fio" id="fio" value="" required="">

           <span class="form_hint">Пример: "Иванов Иван"</span> </li>

         <li>

           <label for="mail">E-mail:</label>

           <input type="text" name="mail" id="mail" value="" required="">

           <span class="form_hint">Пример: "ivanov@yandex.ru"</span> </li>

         <li>

           <label for="phone">Телефон:</label>

           <input type="text" name="phone" id="phone" value="" required="">

           <span class="form_hint">Пример: "+7 (916) 123-45-67"</span> </li>

         <li>

           <label for="text">Доставка:</label>

           <textarea class="textarea" name="text" style="width:300px; height:100px;"></textarea>

         </li>

       </ul>

       <div class="signupButton">

         <center>

           <input class="sendData" type="button" value="Заказать" onClick="order_call();"/>

         </center>

       </div>

     </form>

   </div>

 </div>

</div>

</body>

</html>

Приложение 4

Листинг страницы «Каталог»:

<!DOCTYPE html>

<html>

<head>

<meta charset="windows-1251" />

<title>Шведские печи-камины Contura</title>

<meta name="keywords" content="камины, камины contura, шведские печи-камины, contura" />

<meta name="description" content="Шведские камины Contura - эталон отопительного оборудования, соответствующий всем потребностям его владельца. Они безопасны, долговечны и эффективны.">

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

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

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

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

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div id="wrapper">

 <div id="header-inner">

   <div id="topInfo"> <a href="/" class="logotype"><img src="/images/logotype.png" width="190" height="59"></a>

     <div id="sloganWrap">

       <p>Продажа и установка шведских печей-каминов Contura</p>

     </div>

     <div id="contactsWrap"><span class="yaPhone">+7 495 555-555-5</span>

       <p>многоканальный</p>

     </div>

     <ul class="mainMenu">

       <li><a href="about.html">О компании</a></li>

       <li><a href="actions.html">Акции</a></li>

       <li><a href="catalog.html">Каталог</a></li>

       <li><a href="install.html">Монтаж</a></li>

       <li><a href="contacts.html">Контакты</a></li>

     </ul>

   </div>

 </div>

 <div class="wrapper">

   <div id="mainContainer">

     <h1>Каталог печей Contura</h1>

     <div id="catalog">

       <div class="item"> <span class="img-wrapper"><img src="/images/Contura_820_T_S.png" width="220" height="500"></span>

         <div class="card"> <span class="prName">Печь-камин Contura 820 T S</span> <span class="costItem">151 800 руб.</span>

           <div class="anons">

             <table>

               <tbody>

                 <tr>

                   <td>Мощность</td>

                   <td>5 кВт</td>

                 </tr>

                 <tr>

                   <td>Эффективность</td>

                   <td>82%</td>

                 </tr>

                 <tr>

                   <td>Отапливаемая площадь</td>

                   <td>до 100 м<sup>2</sup></td>

                 </tr>

                 <tr>

                   <td>Высота</td>

                   <td>930 мм</td>

                 </tr>

                 <tr>

                   <td>Ширина</td>

                   <td>460 мм</td>

                 </tr>

                 <tr>

                   <td>Глубина</td>

                   <td>360 мм</td>

                 </tr>

                 <tr>

                   <td>Bec</td>

                   <td>125 кг</td>

                 </tr>

               </tbody>

             </table>

           </div>

         </div>

         <a href="#" class="buyButton">Заказать</a> </div>

       <div class="item"> <span class="img-wrapper"><img src="/images/Contura-54.png" width="220" height="500"></span>

         <div class="card"> <span class="prName">Печь-камин Contura 54</span> <span class="costItem">109 800 руб.</span>

           <div class="anons">

             <table>

               <tbody>

                 <tr>

                   <td>Мощность</td>

                   <td>3-7 кВт</td>

                 </tr>

                 <tr>

                   <td>Эффективность</td>

                   <td>81%</td>

                 </tr>

                 <tr>

                   <td>Отапливаемая площадь</td>

                   <td>до 120 м<sup>2</sup></td>

                 </tr>

                 <tr>

                   <td>Высота</td>

                   <td>825 мм</td>

                 </tr>

                 <tr>

                   <td>Ширина</td>

                   <td>550 мм</td>

                 </tr>

                 <tr>

                   <td>Глубина</td>

                   <td>455 мм</td>

                 </tr>

                 <tr>

                   <td>Bec</td>

                   <td>149 кг</td>

                 </tr>

               </tbody>

             </table>

           </div>

         </div>

         <a href="#" class="buyButton">Заказать</a> </div>

       <div class="item"> <span class="img-wrapper"><img src="/images/Contura-560T-G.png" width="220" height="500"></span>

         <div class="card"> <span class="prName">Печь-камин Contura 560T G </span> <span class="costItem">187 700 руб.</span>

           <div class="anons">

             <table>

               <tbody>

                 <tr>

                   <td>Мощность</td>

                   <td>3-9 кВт</td>

                 </tr>

                 <tr>

                   <td>Эффективность</td>

                   <td>79%</td>

                 </tr>

                 <tr>

                   <td>Отапливаемая площадь</td>

                   <td>до 120 м<sup>2</sup></td>

                 </tr>

                 <tr>

                   <td>Высота</td>

                   <td>1010 мм</td>

                 </tr>

                 <tr>

                   <td>Ширина</td>

                   <td>536 мм</td>

                 </tr>

                 <tr>

                   <td>Глубина</td>

                   <td>455 мм</td>

                 </tr>

                 <tr>

                   <td>Bec</td>

                   <td>145 кг</td>

                 </tr>

               </tbody>

             </table>

           </div>

         </div>

         <a href="#" class="buyButton">Заказать</a> </div>

       <div class="item"> <span class="img-wrapper"><img src="/images/Contura-880-G-FL.png" width="220" height="500"></span>

         <div class="card"> <span class="prName">Печь-камин Contura 880 G FL</span> <span class="costItem">136 600 руб.</span>

           <div class="anons">

             <table>

               <tbody>

                 <tr>

                   <td>Мощность</td>

                   <td>5 кВт</td>

                 </tr>

                 <tr>

                   <td>Эффективность</td>

                   <td>82%</td>

                 </tr>

                 <tr>

                   <td>Отапливаемая площадь</td>

                   <td>до 140 м<sup>2</sup></td>

                 </tr>

                 <tr>

                   <td>Высота</td>

                   <td>1060 мм</td>

                 </tr>

                 <tr>

                   <td>Ширина</td>

                   <td>460 мм</td>

                 </tr>

                 <tr>

                   <td>Глубина</td>

                   <td>360 мм</td>

                 </tr>

                 <tr>

                   <td>Bec</td>

                   <td>90 кг</td>

                 </tr>

               </tbody>

             </table>

           </div>

         </div>

         <a href="#" class="buyButton">Заказать</a> </div>

       <div class="item"> <span class="img-wrapper"><img src="/images/Contura-i31A.png" width="220" height="500"></span>

         <div class="card"> <span class="prName">Печь-камин Contura 880 G FL</span> <span class="costItem">271 200 руб.</span>

           <div class="anons">

             <table>

               <tbody>

                 <tr>

                   <td>Мощность</td>

                   <td>4-9 кВт</td>

                 </tr>

                 <tr>

                   <td>Эффективность</td>

                   <td>80%</td>

                 </tr>

                 <tr>

                   <td>Отапливаемая площадь</td>

                   <td>до 120 м<sup>2</sup></td>

                 </tr>

                 <tr>

                   <td>Высота</td>

                   <td>1750 мм</td>

                 </tr>

                 <tr>

                   <td>Ширина</td>

                   <td>1660 мм</td>

                 </tr>

                 <tr>

                   <td>Глубина</td>

                   <td>580 мм</td>

                 </tr>

                 <tr>

                   <td>Bec</td>

                   <td>590 кг</td>

                 </tr>

               </tbody>

             </table>

           </div>

         </div>

         <a href="#" class="buyButton">Заказать</a> </div>

       <p style="padding:5px 20px">Чтобы посмотреть полный каталог каминов, обратитесь к нашим менеджерам по телефону: +7 (495) 555-55-55</p>

     </div>

   </div>

   <div id="rightContainer">

     <div id="specialOffer"><img src="/images/test-img.jpg" width="173" height="304"><span class="prName">Печь-камин Contura i31A</span> <span class="costItem">271 200 руб.</span><a href="#" class="buyButton">Заказать</a></div>

     <div id="special">

       <h3>Наши акции:</h3>

       <div class="inner"> <img src="/images/delivery.png" width="88" height="127" style="margin:-10px 0 0 20px; float:right;">

         <p> При покупке любой печи-камина Contura Вы получаете бесплатную доставку по Москве и Области!</p>

       </div>

     </div>

   </div>

 </div>

</div>

<div id="footer">

 <div class="wrapper">

   <table>

     <tbody>

       <tr>

         <td width="25%"><img src="/images/logotype.png" width="190" height="59">

           <p>Продажа шведского отопительного оборудования</p></td>

         <td width="40%"><p><img src="/images/sitemap-icon.png" width="16" height="16" style="margin-right:7px;" align="left"> Карта сайта:</p>

           <ul>

             <li><a href="about.html">О компании</a></li>

             <li><a href="actions.html">Акции</a></li>

             <li><a href="catalog.html">Каталог</a></li>

             <li><a href="install.html">Монтаж</a></li>

             <li><a href="contacts.html">Контакты</a></li>

           </ul></td>

         <td width="35%"><p class="bottomPhone">Номер телефона: <span>+7 495 555-555-5</span> Почтовый ящик: info@domain.ru </p></td>

       </tr>

     </tbody>

   </table>

 </div>

</div>

<div style="display:none;background-color:#FFF">

 <div id="sp_order" class="fieldContainer">

   <div class="wrapper_form">

     <form name="send_form" method="post" onsubmit="return check();" id="signupForm" class="contact_form">

       <input type="hidden" name="cmd" value="send">

       <ul>

         <li>

           <label for="fio">Вас зовут:</label>

           <input type="text" name="fio" id="fio" value="" required="">

           <span class="form_hint">Пример: "Иванов Иван"</span> </li>

         <li>

           <label for="mail">E-mail:</label>

           <input type="text" name="mail" id="mail" value="" required="">

           <span class="form_hint">Пример: "ivanov@yandex.ru"</span> </li>

         <li>

           <label for="phone">Телефон:</label>

           <input type="text" name="phone" id="phone" value="" required="">

           <span class="form_hint">Пример: "+7 (916) 123-45-67"</span> </li>

         <li>

           <label for="text">Доставка:</label>

           <textarea class="textarea" name="text" style="width:300px; height:100px;"></textarea>

         </li>

       </ul>

       <div class="signupButton">

         <center>

           <input class="sendData" type="button" value="Заказать" onClick="order_call();"/>

         </center>

       </div>

     </form>

   </div>

 </div>

</div>

</body>

</html>

Приложение 5

Листинг страницы «Монтаж»:

<!DOCTYPE html>

<html>

<head>

<meta charset="windows-1251" />

<title>Шведские печи-камины Contura</title>

<meta name="keywords" content="камины, камины contura, шведские печи-камины, contura" />

<meta name="description" content="Шведские камины Contura - эталон отопительного оборудования, соответствующий всем потребностям его владельца. Они безопасны, долговечны и эффективны.">

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

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

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

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

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div id="wrapper">

 <div id="header-inner">

   <div id="topInfo"> <a href="/" class="logotype"><img src="/images/logotype.png" width="190" height="59"></a>

     <div id="sloganWrap">

       <p>Продажа и установка шведских печей-каминов Contura</p>

     </div>

     <div id="contactsWrap"><span class="yaPhone">+7 495 555-555-5</span>

       <p>многоканальный</p>

     </div>

     <ul class="mainMenu">

       <li><a href="about.html">О компании</a></li>

       <li><a href="actions.html">Акции</a></li>

       <li><a href="catalog.html">Каталог</a></li>

       <li><a href="install.html">Монтаж</a></li>

       <li><a href="contacts.html">Контакты</a></li>

     </ul>

   </div>

 </div>

 <div class="wrapper">

   <div id="mainContainer">

     <h1>Установка и эксплуатация печей-каминов Contura</h1>

     <p>Крайне важно, чтобы установка камина была проведена сертифицированной компанией еще до

       начала его использования. Также настоятельно рекомендуем внимательно изучить инструкцию по эксплуатации камина до того, как разжечь его в первый раз. </p>

     <img src="/images/install-shem.jpg" alt="Пример схемы сборки камина" style="margin:5px auto 0; display:block;" />

     <ol>

       <li>Дровяная решетка</li>

       <li>Колосниковая решетка</li>

       <li>Внутренняя отделка топки</li>

     </ol>

     <h2>Будьте внимательны при эксплуатации</h2>

     <p>Некоторые поверхности камина становятся очень горячими

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

       при касании. Также будьте осторожны с теплом, излучаемым

       через стекло дверцы топки. Размещение горючих

       материалов ближе отмеченной безопасной дистанции

       может привести к пожару. Неправильная эксплуатация

       камина может спровоцировать быстрое воспламенение

       газов, которое может привести к повреждению Вашего

       имущества и нанесению вреда здоровью.</p>

   </div>

   <div id="rightContainer">

     <div id="specialOffer"><img src="/images/test-img.jpg" width="173" height="304"><span class="prName">Печь-камин Contura i31A</span> <span class="costItem">271 200 руб.</span><a href="#" class="buyButton">Заказать</a></div>

     <div id="special">

       <h3>Наши акции:</h3>

       <div class="inner"> <img src="/images/delivery.png" width="88" height="127" style="margin:-10px 0 0 20px; float:right;">

         <p> При покупке любой печи-камина Contura Вы получаете бесплатную доставку по Москве и Области!</p>

       </div>

     </div>

   </div>

 </div>

</div>

<div id="footer">

 <div class="wrapper">

   <table>

     <tbody>

       <tr>

         <td width="25%"><img src="/images/logotype.png" width="190" height="59">

           <p>Продажа шведского отопительного оборудования</p></td>

         <td width="40%"><p><img src="/images/sitemap-icon.png" width="16" height="16" style="margin-right:7px;" align="left"> Карта сайта:</p>

           <ul>

             <li><a href="about.html">О компании</a></li>

             <li><a href="actions.html">Акции</a></li>

             <li><a href="catalog.html">Каталог</a></li>

             <li><a href="install.html">Монтаж</a></li>

             <li><a href="contacts.html">Контакты</a></li>

           </ul></td>

         <td width="35%"><p class="bottomPhone">Номер телефона: <span>+7 495 555-555-5</span> Почтовый ящик: info@domain.ru </p></td>

       </tr>

     </tbody>

   </table>

 </div>

</div>

<div style="display:none;background-color:#FFF">

 <div id="sp_order" class="fieldContainer">

   <div class="wrapper_form">

     <form name="send_form" method="post" onsubmit="return check();" id="signupForm" class="contact_form">

       <input type="hidden" name="cmd" value="send">

       <ul>

         <li>

           <label for="fio">Вас зовут:</label>

           <input type="text" name="fio" id="fio" value="" required="">

           <span class="form_hint">Пример: "Иванов Иван"</span> </li>

         <li>

           <label for="mail">E-mail:</label>

           <input type="text" name="mail" id="mail" value="" required="">

           <span class="form_hint">Пример: "ivanov@yandex.ru"</span> </li>

         <li>

           <label for="phone">Телефон:</label>

           <input type="text" name="phone" id="phone" value="" required="">

           <span class="form_hint">Пример: "+7 (916) 123-45-67"</span> </li>

         <li>

           <label for="text">Доставка:</label>

           <textarea class="textarea" name="text" style="width:300px; height:100px;"></textarea>

         </li>

       </ul>

       <div class="signupButton">

         <center>

           <input class="sendData" type="button" value="Заказать" onClick="order_call();"/>

         </center>

       </div>

     </form>

   </div>

 </div>

</div>

</body>

</html>

Приложение 6

Листинг страницы «Контакты»:

<!DOCTYPE html>

<html>

<head>

<meta charset="windows-1251" />

<title>Шведские печи-камины Contura</title>

<meta name="keywords" content="камины, камины contura, шведские печи-камины, contura" />

<meta name="description" content="Шведские камины Contura - эталон отопительного оборудования, соответствующий всем потребностям его владельца. Они безопасны, долговечны и эффективны.">

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

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

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

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

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div id="wrapper">

 <div id="header-inner">

   <div id="topInfo"> <a href="/" class="logotype"><img src="/images/logotype.png" width="190" height="59"></a>

     <div id="sloganWrap">

       <p>Продажа и установка шведских печей-каминов Contura</p>

     </div>

     <div id="contactsWrap"><span class="yaPhone">+7 495 555-555-5</span>

       <p>многоканальный</p>

     </div>

     <ul class="mainMenu">

       <li><a href="about.html">О компании</a></li>

       <li><a href="actions.html">Акции</a></li>

       <li><a href="catalog.html">Каталог</a></li>

       <li><a href="install.html">Монтаж</a></li>

       <li><a href="contacts.html">Контакты</a></li>

     </ul>

   </div>

 </div>

 <div class="wrapper">

   <div id="mainContainer">

    <h1>Контакты:</h1>

       <div class="map"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=_Hu6AS6HWzL4tuYkveUVjHTjkMxlOsXc&width=600&height=440"></script></div>

<table id="contacts">

<tbody>

<tr><td>Название компании:</td><td>ООО "Феникс"</td></tr>

   <tr><td>Ближайшее метро:</td><td>м. Юго-Западная</td></tr>

   <tr><td>Контактный телефон:</td><td>+7 495 555-55-55</td></tr>

   <tr><td>E-mail:</td><td>info@domain.ru</td></tr>

   <tr><td>Время работы:</td><td>с 09:00 до 18:00</td></tr>

</tbody>

</table>

       

   </div>

   <div id="rightContainer">

     <div id="specialOffer"><img src="/images/test-img.jpg" width="173" height="304"><span class="prName">Печь-камин Contura i31A</span> <span class="costItem">271 200 руб.</span><a href="#" class="buyButton">Заказать</a></div>

     <div id="special">

       <h3>Наши акции:</h3>

       <div class="inner"> <img src="/images/delivery.png" width="88" height="127" style="margin:-10px 0 0 20px; float:right;">

         <p> При покупке любой печи-камина Contura Вы получаете бесплатную доставку по Москве и Области!</p>

       </div>

     </div>

   </div>

 </div>

</div>

<div id="footer">

 <div class="wrapper">

   <table>

     <tbody>

       <tr>

         <td width="25%"><img src="/images/logotype.png" width="190" height="59">

           <p>Продажа шведского отопительного оборудования</p></td>

         <td width="40%"><p><img src="/images/sitemap-icon.png" width="16" height="16" style="margin-right:7px;" align="left"> Карта сайта:</p>

           <ul>

             <li><a href="about.html">О компании</a></li>

             <li><a href="actions.html">Акции</a></li>

             <li><a href="catalog.html">Каталог</a></li>

             <li><a href="install.html">Монтаж</a></li>

             <li><a href="contacts.html">Контакты</a></li>

           </ul></td>

         <td width="35%"><p class="bottomPhone">Номер телефона: <span>+7 495 555-555-5</span> Почтовый ящик: info@domain.ru </p></td>

       </tr>

     </tbody>

   </table>

 </div>

</div>

<div style="display:none;background-color:#FFF">

 <div id="sp_order" class="fieldContainer">

   <div class="wrapper_form">

     <form name="send_form" method="post" onsubmit="return check();" id="signupForm" class="contact_form">

       <input type="hidden" name="cmd" value="send">

       <ul>

         <li>

           <label for="fio">Вас зовут:</label>

           <input type="text" name="fio" id="fio" value="" required="">

           <span class="form_hint">Пример: "Иванов Иван"</span> </li>

         <li>

           <label for="mail">E-mail:</label>

           <input type="text" name="mail" id="mail" value="" required="">

           <span class="form_hint">Пример: "ivanov@yandex.ru"</span> </li>

         <li>

           <label for="phone">Телефон:</label>

           <input type="text" name="phone" id="phone" value="" required="">

           <span class="form_hint">Пример: "+7 (916) 123-45-67"</span> </li>

         <li>

           <label for="text">Доставка:</label>

           <textarea class="textarea" name="text" style="width:300px; height:100px;"></textarea>

         </li>

       </ul>

       <div class="signupButton">

         <center>

           <input class="sendData" type="button" value="Заказать" onClick="order_call();"/>

         </center>

       </div>

     </form>

   </div>

 </div>

</div>

</body>

</html>



3 Схема составления реферата прилагается отдельным файлом


 

А также другие работы, которые могут Вас заинтересовать

55624. Початок Української революції 168.5 KB
  Мета: зясувати причини Лютневої революції в Росії та її наслідки для України; розглянути перший етап Української революції та його особливості; розвивати у учнів комунікативні здібності...
55625. ПОЧАТОК ПРОМИСЛОВОЇ РЕВОЛЮЦІЇ 64.5 KB
  Група буде протягом уроку визначати внесок в роботу кожного з членів команди і в кінці уроку виставить відповідні оцінки: за роботу на уроці і за роботу з контурною картою. Кожна група отримує поняття щоб надати його визначення і пояснити значення.
55626. Запровадження рейтингової системи оцінювання роботи викладача - одна з ефективних умов удосконалення його професійних знань та педагогічної майстерності 203 KB
  Оцінка ефективності викладацької діяльності є обовязковою умовою що забезпечує функціонування системи управління якістю освіти тому що дозволяє контролювати зміну кадрового потенціалу активність роботи виявляти та підтримувати позитивні тенденції у роботі викладацького складу.
55628. Головні річкові системи та басейни річок України 123.5 KB
  Мета: навчальна: ознайомити учнів із поняттям річка басейн річки частинами річки та основними річками України їх назвами розташуванням та напрямком течії навчати користуватись географічною картою; розвиваюча...
55629. Основні річкові системи України 35.5 KB
  Мета: ознайомити учнів з особливостями річкової мережі України її залежністю від клімату й рельєфу; формувати вміння характеризувати річки за типовим планом; характеризувати екологічні проблеми річок перспективи їх розв’язання...
55630. Від роду до роду нема переводу – коріння міцне 46 KB
  Де найкраще місце на землі Де зелені змори яворів Заступили неба синій став На стежині сонце я зустрів Привітав його і запитав: Всі народи бачиш ти з висот Всі долини і гірські шпилі Де ж найкращий на землі народ Де ж найкраще місце на землі Ведуча. Ведуча.
55631. Роде мій красний, роде мій прекрасний 104 KB
  Підготувати інсценізації казки Колобок Декламатори. Казка Колобок Наперед виходять Дід Баба Мати Батько Колобок ведучий. Так і прозвали його Колобок. Та й покотився Колобок по дорозі.
55632. Фонетика. Орфоепія. Графіка. Орфографія 1.2 MB
  Додаток Кожен учень отримує картку з певною буквою алфавіту виконує завдання запропоновані на картці а потім захищає свою букву. Це завдання можна використати при повторенні даної теми при підготовці до контрольної роботи а також як завдання на контрольну роботу.