Размещено на http://www.allbest.ru/

Содержание

Введение

• 1. Характеристика объекта практики
• 1.1Краткая технико-экономическая характеристика объекта практики
• 1.2Функции подразделений предприятия и отдела
• 1.3 Обязанности и должностные инструкции инженерно-технических работников
• 2. Техника безопасности и охрана труда
• 3. Состав технических средств
• 3.1 Технические средства, применяемые в подразделении предприятия
• 3.2 Структура локальной сети предприятия
• 4. Информационное обеспечение предприятия
• 5. Индивидуальное задание
• 5.1 Постановка задачи
• 5.2 Карта сайта
• 5.3 Оформление сайта
• 5.4 Программные средства разработки сайта и код страниц
• 5.5 Грамотность построение и описание работы сайта
• Заключение
• Список литературы
• Приложение А

Введение

Производственная практика проходит в обществе с ограниченной ответственностью «Эльдорадо». экономический инженерный локальный

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

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

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

В процессе производственной практики (практики по профилю специальности) студент должен углубить и закрепить знания и умения, полученные в процессе изучения профессиональных модулей ПМ.01 «Разработка программных модулей программного обеспечения для компьютерных систем», ПМ.02 «Разработка и администрирование баз данных», ПМ.03 «Участие в интеграции программных модулей».

В результате прохождения производственной практики (практики по профилю специальности) студент должен:

иметь представление:

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

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

использования инструментальных средств на этапе отладки программного продукта;

проведения тестирования программного продукта по определенному сценарию.

- участия в выработке требований к программному обеспечению;

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

знать:

- основные этапы разработки программного обеспечения;

- основные принципы технологии структурного и объектно_ориентированного программирования;

- основные принципы отладки и тестирования программных продуктов;

методы и средства разработки технической документации;

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

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

- структуры данных СУБД, общий подход к организации представлений, таблиц, индексов и кластеров;

- методы организации целостности данных;

- основные методы и средства защиты данных в базах данных;

- модели и структуры информационных систем;

основы разработки приложений баз данных;

модели процесса разработки программного обеспечения;

основные принципы процесса разработки программного обеспечения;

основные подходы к интегрированию программных модулей;

основные методы и средства эффективной разработки;

основы верификации и аттестации программного обеспечения;

концепции и реализации программных процессов;

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

методы организации работы в коллективах разработчиков программного обеспечения;

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

стандарты качества программного обеспечения;

методы и средства разработки программной документации;

уметь:

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

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

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

- оформлять документацию на программные средства;

использовать инструментальные средства для автоматизации оформления документации;

- создавать объекты баз данных в современных системах управления базами данных и управлять доступом к этим объектам;

- формировать и настраивать схему базы данных;

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

применять стандартные методы для защиты объектов базы данных;

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

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

1. Характеристика объекта практики

1.1 Краткая технико-экономическая характеристика объекта практики

ООО «Эльдорамдо» -- российская торговая сеть по продаже алкогольной продукции. Штаб-квартира -- в Москве.

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

На начало апреля 2013 года в сеть «Эльдорадо» входило 143 собственных магазинов и 56 пунктов заказа и выдачи товаров. На начало 2013 года магазины ООО «Эльдорадо» работали более чем в 350 городах России.

Численность персонала -- около 15 тысяч человек.

1.2 Функции подразделений предприятия и отдела

Функциями подразделений ООО «Эльдорадо» является:

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

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

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

1.3 Обязанности и должностные инструкции инженерно-технических работников

Должностные обязанности:

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

- разрабатывает технологию решения задачи по всем этапам обработки информации;

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

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

- выполняет работу по подготовке программ к отладке и проводит отладку;

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

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

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

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

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

- осуществляет сопровождение внедренных программ и программных средств;

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

- выполняет работу по унификации и типизации вычислительных процессов;

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

Должен знать:

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

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

- технологию автоматической обработки информации;

- виды технических носителей информации;

- методы классификации и кодирования информации;

- формализованные языки программирования;

- действующие стандарты, системы счислений, шифров и кодов;

- порядок оформления технической документации;

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

- основы экономики, организации производства, труда и управления;

- основы трудового законодательства.

2. Техника безопасности и охрана труда

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

a) физические:

1) низкочастотные электрические и магнитные поля;

2) статистическое электричество;

3) лазерное и ультрафиолетовое излучение;

4) повышенная температура;

5) ионизация воздуха;

6) опасное напряжение в электрической сети.

б) химические:

1) пыль;

2) вредные химические вещества, выделяемые при работе принтеров и копировальной техники.

в) психофизиологические:

1) напряжение зрения и внимания;

2) интеллектуальные и эмоциональные нагрузки;

3) длительные статические нагрузки и монотонность труда.

К работам с ПЭВМ допускаются лица:

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

- прошедшие курс обучения принципам работы с вычислительной техникой и специальное обучение работе ПЭВМ с использованием конкретного программного обеспечения;

- прошедшие вводный инструктаж по электробезопасности с присвоением первой квалификационной группы;

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

Требования безопасности перед началом работы:

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

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

- проверить правильность и надежность заземления оборудования;

- проверить правильность расположения оборудования;

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

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

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

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

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

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

Требования безопасности при выполнении работ:

а) оператор во время работы обязан:

1) в течение рабочего дня содержать в порядке и чистоте рабочее место;

2) не закрывать вентиляционные отверстия ПЭВМ;

3) при необходимости временного прекращения работы корректно закрыть все активные задачи;

4) соблюдать правила эксплуатации оборудования;

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

б) оператору во время работы запрещается:

1) прикасаться к задней панели системного блока при включении питания;

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

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

4) производить отключение питания во время выполнения активной задачи;

5) допускать попадания влаги на поверхность устройств;

6) производить самостоятельное вскрытие и ремонт оборудования;

7) производить вскрытие или заправку на рабочем месте картриджей лазерных принтеров и копировальной техники;

8) располагаться при работе на расстоянии не менее пятидесяти сантиметров от экрана монитора.

Требования безопасности по окончанию работы:

- провести закрытие всех выполняемых на ПЭВМ задач;

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

- убрать со стола рабочие материалы, привести в порядок рабочее место.

Требования безопасности в аварийных ситуациях:

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

- не приступать к работе до устранения неисправностей;

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

3. Состав технических средств

3.1 Технические средства, применяемые в подразделении предприятия

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

Таблица 3.1- Основные канцелярские принадлежности

Наименование	Конфигурация
Операционная система	Windows 8
Процессор	AMD A10-5750M
Оперативная память	8 ГБ
Видеокарта	2 ГБ
Монитор	21 ”
Клавиатура	101/102
Манипулятор «мышь»	USB
CD-ROM	Lite - On IHASI22

Имеется 1 принтер марки HP, и МФУ марки Samsung.

3.2 Структура локальной сети предприятия

Для эффективной работы все компьютеры объединены в единую сеть агентства, представленную на рисунке 1. В состав технических средств, которыми располагает «Эльдорадо», входят 5 компьютеров, а также несколько периферийных устройств. Все компьютеры подключены к компьютеру директора при помощи витой пары. ПК директора в свою очередь подключен к МФУ, принтеру, модему.



Рисунок 1 - Структура локальной сети ООО «Эльдорадо»

4. Информационное обеспечение предприятия

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

- Microsoft Windows 8;

- Microsoft Office 2007, 2010;

- Adobe Photoshop 7, 8CS;

- Total Commander;

- Adobe Acrobat 6 Pro;

- Adobe Flash Player;

- Kaspersky Antivirus;

- WinRar 5;

- Google Chrome;

- 1C:Предприятие;

- KMPlayer.

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

5. Индивидуальное задание

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

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

Интернет - сайт содержит: информацию о магазине, информацию о товаре, категории товаров, краткую информацию о компании.

Для информационного ресурса «Эльдорадо - Торговый дом» установлен рекомендуемый состав аппаратного обеспечения, который указан в таблице 5.1.

Таблица 5.1- Рекомендуемый состав аппаратного обеспечения

Наименование	Конфигурация
Операционная система	Windows 8
Процессор	AMD A10-5750M
Оперативная память	8 ГБ
Видеокарта	2 ГБ
Монитор	21 ”
Клавиатура	101/102
Манипулятор «мышь»	USB
CD-ROM	Lite - On IHASI22

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

Данный сайт будет корректно отоброжаться в браузерах не ниже: Firefox 3.6, Opera 10.63, Google Chrome 12.0, Apple Safari 5, Internet Explorer 7 [2].

Аналогом разрабатываемого ресурса является сайт http://eldoradoalco.ru/.

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

5.2 Карта сайта

Карта информационного ресурса для ООО «Эльдорадо» согласована и реализована в связи с требованиями заказчика.

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

Информационный ресурс состоит Главной странице и странице О компании.

При заходе на сайт пользователь попадает на страницу сайта ГЛАВНАЯ, откуда может перейти либо в раздел заинтересовавшей его продукции, нажав на соответствующую картинку или выбрать ее из списка справа: ВИНО, КОНЬЯК, ШАМПАНСКОЕ, либо перейти к странице О КОМПАНИИ и ознакомиться с ней.

С вкладки ВИНО пользователь сайта может перейти на страницы: ГЛАВНАЯ, КОНЬЯК, ШАМПАНСКОЕ, О КОМПАНИИ.

С вкладки КОНЬЯК пользователь сайта может перейти на страницы: ГЛАВНАЯ, ВИНО, ШАМПАНСКОЕ, О КОМПАНИИ.

С вкладки ШАМПАНСКОЕ пользователь сайта может перейти на страницы: ГЛАВНАЯ, ВИНО, КОНЬЯК, О КОМПАНИИ.

С вкладки О КОМПАНИИ пользователь сайта может перейти на страницы: ГЛАВНАЯ, ВИНО, ШАМПАНСКОЕ, КОНЬЯК.

5.3 Оформление сайта

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

Все цвета в интернет- магазине являются WEB-совместимыми.

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

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

При изменении разрешения экрана отображение сайта ведется корректно, это видно на рисунке 2 и рисунке 3.

Рисунок 2- Страница ГЛАВНАЯ



Рисунок 3 - Страница О КОМПАНИИ

5.4 Программные средства разработки сайта и код страниц

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

Основные возможности данной системы управления:

- совместимость с РНР 5.x и MySQL 4.x, 5.x;

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

- в сравнении с конкурентами (Magento, VirtueMart, Prestashop) обладает более высокой скоростью работы и меньшими требованиями к ресурсам сервера;

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

- встроенная многоязычность, по умолчанию установлен английский. Доступны русский, украинский и многие другие;

- неограниченное число разделов и товаров;

- поддержка шаблонов, модулей и дополнений;

В ходе реализации информационного ресурса для ООО «Эльдорадо» использовались следующие технологии разработки.

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

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

SQL (от Structured Query Language - структурированный язык Запросов) - создан для работы с реляционными базами данных. Он позволяет пользователям взаимодействовать с базами данных (просматривать, искать, добавлять, управлять данными). MySQL - многопользовательский, многопоточный сервер базы данных SQL. Имеет хорошую скорость и гибкость, Вели использовать его для хранения изображений и файлов;

РНР - скрипт. Это скриптовый язык программирования, Возданный для генерации HTML-страниц на веб - сервере и работы с базами Ванных. На данный момент он поддерживается практически всеми представителями хостинга;

JavaScript - язык программирования на стороне клиента, необходим для показа модальных окон, работы календаря [3].

Таблица 5.2- Модули

Наименование	Функции модуля
Glavnay.php	Отображение информации Главной страницы
OKompanii.php	Отображение информации, находящейся на странице О компании
Vino.php	Отображение информации страницы Вино
Konyak.php	Отображение информации страницы Коньяк

Наименование	Функции модуля
Shampanskoe.php	Отображение информации страницы Шампанское

5.5 Грамотность построение и описание работы сайта

Общий шаблон реализовывается для всех страниц сайта. Общий шаблон включает в себя: хедер (шапка сайта), вертикальное меню, средняя (контентная) часть сайта.

Функциональная часть информационного ресурса основана на ознакомлении с товаром и оставлении комментариев к нему.

Информационный ресурс реализован с помощью модульной системы.

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

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

В данной системе управления структура файлов и папок представляет собой концепцию MVC (Model - View - Controller).

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

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

Заключение

В ходе процесса производственной практики был разработан информационный ресурс для ООО «Эльдорадо».

В процессе разработки Интернет - сайта использовались приложения:

- Php Expert editor;

- NuSphere PhpED;

- Codelobster Php Edition;

- FileZilla Client;

- Artisteer 3;

- WordPress;

- Denwer;

- Adobe Photoshop CS5.

Разработанная программа обладает следующим свойством: пользователи знакомятся с содержанием продукции предприятия ООО «Эльдорадо».

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

Список литературы

1. http://www.mikhis.org/2008-08-27-05-12-33//-qq/42-25.htm. Техника безопасности на рабочем месте оператора ПЭВМ.

2. http://www.eldorado.ru/okompanii/htm. Информация о компании.

3. http://ru.wikipedia.org/wiki/open_cart Определение OpenCart.

Приложение А

Текст программы

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

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">

<head>

<!--

Created by Artisteer v3.1.0.48375

Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"

-->

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

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

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

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

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

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

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

<style type="text/css">

.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }

.ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }

.ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }

</style>

</head>

<body>

<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">

<h1 class="art-logo-name"><a href="./index.html">Эльдорадо</a></h1>

<h2 class="art-logo-text">торговый дом</h2>

</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="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 art-article">

<div class="art-postmetadataheader">

<h2 class="art-postheader">главная

</h2>

</div>

<div class="art-postcontent">

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

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

<div class="art-layout-cell layout-item-0" style="width: 100%;">

<p><img src="./images/picture_1510.jpg" alt="an image" id="preview-image" name="preview-image" width="500" height="333" /><span style="font-size: 20px;">На данном сайте вы сможете познакомиться с продукцией нашего магазина и выбрать понравившийся вам товар.</span></p>

<p><br /></p>

</div>

</div>

</div>

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

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

<div class="art-layout-cell layout-item-0" style="width: 50%;">

<p><br /></p>

</div><div class="art-layout-cell layout-item-0" style="width: 50%;">

<blockquote style="margin: 10px 0">

Если вы совершеннолетний, то принемаете условия соглашения, в противном случае покиньте сайт.<img width="350" height="232" alt="" src="./images/shutterstock_12763516.jpg" style="float: right;" />

</blockquote>

</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-vmenublock">

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

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

<h3 class="t">Каталог</h3>

</div>

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

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

<ul class="art-vmenu">

<li>

<a href="./new-page.html" class="active">главная</a>

<ul class="active">

<li>

<a href="./new-page/new-page.html">вино</a>

<ul>

<li>

<a href="./new-page/new-page/канти.html">КАНТИ</a>

</li>

<li>

<a href="./new-page/new-page/бардолино.html">Бардолино</a>

</li>

<li>

<a href="./new-page/new-page/белла-тавола-бьянко.html">Белла Тавола Бьянко</a>

</li>

<li>

<a href="./new-page/new-page/вальполичелла.html">Вальполичелла</a>

</li>

<li>

<a href="./new-page/new-page/вино-леонардо.html">Вино Леонардо</a>

</li>

</ul>

</li>

<li>

<a href="./new-page/new-page-2.html">коньяк</a>

<ul>

<li>

<a href="./new-page/new-page-2/коньяк-россиискии-пятилетнии.html">Коньяк Российский Пятилетний</a>

</li>

<li>

<a href="./new-page/new-page-2/коньяк-нои-властелин.html">Коньяк Ной Властелин</a>

</li>

<li>

<a href="./new-page/new-page-2/коньяк-круазе.html">Коньяк Круазе</a>

</li>

<li>

<a href="./new-page/new-page-2/старая-крепость-дербент.html">Старая Крепость Дербент</a>

</li>

<li>

<a href="./new-page/new-page-2/коньяк-жатон.html">Коньяк Жатон</a>

</li>

</ul>

</li>

<li>

<a href="./new-page/new-page-3.html">шампанское</a>

<ul>

<li>

<a href="./new-page/new-page-3/россииское-шампанское-ариант.html">Российское шампанское Ариант</a>

</li>

<li>

<a href="./new-page/new-page-3/дюк-де-пари.html">Дюк де Пари</a>

</li>

<li>

<a href="./new-page/new-page-3/канти-бракетто-эритаж.html">Канти Бракетто Эритаж</a>

</li>

<li>

<a href="./new-page/new-page-3/шарль-гриффон.html">Шарль Гриффон</a>

</li>

<li>

<a href="./new-page/new-page-3/дон-лусиано-москато.html">Дон Лусиано Москато</a>

</li>

</ul>

</li>

</ul>

</li>

<li>

<a href="./new-page-2.html">О компании</a>

</li>

</ul>

<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="cleared"></div>

</div>

</div>

<div class="art-footer">

<div class="art-footer-body">

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

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

<div class="art-footer-text">

<a href="#" class="art-rss-tag-icon" title="RSS"></a>

<p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p>

<p>Copyright © 2011. All Rights Reserved.</p>

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

<p class="art-page-footer"><a href="http://www.artisteer.com/?p=website_templates" target="_blank">Website Template</a> created with Artisteer.</p>

</div>

</div>

</div>

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

</div>

</div>

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

</div>

</body>

</html>

Размещено на Allbest.ru

...