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

Существует два способа верстки страниц:

  1. Табличная (В качестве структурной основы для расположения графических и текстовых элементов документа используют таблицы.)
  2. Блочная (слоями, дивами). (Является более распространенной, так как этот способ обладает рядом преимуществ перед табличной и комбинированной html версткой. Основное преимущество – это простой и компактный код сайта.)

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

Посадочная страница мебельного заводика Балицкого

Это даже не заказ, а так, поделка. Мой знакомый с своим отцом занимается продажей мебели. Он состряпал какой-то лендиг в Adobe Muse, но полученный результат был настолько ужасен, что мне пришлось на добровольной основе переделать / редизайн и переверстка. Ничего... Посмотреть запись

Детали проекта

Верстка и интеграция лендинга доставки воды

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

Детали проекта

Установка модулей и правки на DLE

Очень нелюблю этот движок, считаю DLE как и Joomla устаревшими. Но попросил клиент внести несколько правок – установить два модуля рейтинга. Попутно ещё нашел несколько ошибок. Грусный движок;(

Детали проекта

Верстка мультиязычного сайта рекламного агентства

С виду обычный макет, но оказался немного сложный – центральный пергамент нормально растянуть не получилось. Пришлось подключить javascript скрипт скролинга контента. В данном случае подключил довольно крутой скрипт jQuery custom content scroller Также для сайта сделано выпадающее меню слева, особо... Посмотреть запись

Детали проекта