SiteIS

HTML и CSS - революция в мире web-дизайна!

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

- Более точный контроль над внешним видом web-документов

- Различные представления для разных носителей информации

- Сложная и проработанная техника дизайна

Главная / Верстка шаблонов

Сайт визитка - верстаем футер и блок с картинкой

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

Подробнее: Сайт визитка - верстаем футер и блок с картинкой

Сайт визитка - верстаем центральную часть

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

Подробнее: Сайт визитка - верстаем центральную часть

Сайт визитка - стилизуем центральную часть

На данном этапе мы имеем полностью размеченную главную страницу сайта и нам осталось совсем немного - расположить элементы ее центральной части в соответствии с дизайном. Приступим...

Подробнее: Сайт визитка - стилизуем центральную часть

Сайт визитка - страницы "О компании" и "Контакты"

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

Подробнее: Сайт визитка - страницы "О компании" и "Контакты"

Сайт визитка - страница "Новости"

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

Подробнее: Сайт визитка - страница "Новости"

Сайт визитка - пагинация на странице "Новости"

До завершения работы над desktop версией сайта остался последний шаг - сверстать пагинацию для страницы новостей. Об этом и пойдет речь в данном материале.

Подробнее: Сайт визитка - пагинация на странице "Новости"