Верстка Сайт-Визитка. Цена: 4000

Расположенная по центру область главной страницы для desktop варианта содержит из 3 столбца. В левом столбце размещены разделы с телефонными номерами и с новостными анонсами. В левой части находятся рекламные объявления. Форматируемое по центру пространство включает текстовый элемент и фото к публикациям.

Запускаем index.html и под контейнером slider_(ПИК) разметим описанное ранее графическое пространство:

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

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

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

Сделаем визуальное оформление. Для смартфонов выкраиваем из макета значки, сохраним их в папке images с наименованиями sity.png для стационарного No и velcom.png для провайдер амобильной сети. Изображения в текстовой публикации и рекламные модули стоит расположить в новую папку. По сравнению со значками эти картинки не выступают деталями стилевого дизайна страницы. Сохраним в папке images отдельный каталог с названием pic и скопируем туда две иллюстрации для баннеров (banner_1,...) и столько же иллюстраций для текста (pic_1,... с расширением jpg).

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

Хотите заказать данный компонент или услугу?
Оставьте заявку! И наши менеджеры обязательно свяжутся с Вами!