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

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

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

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

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

Небольшой портальчик – каталог пунктов приема вторсырья. Неприхотливый адаптивный дизайн, использование карт от Яндекс Карт Весь функционал организован на моём любимом WordPress, сделаны отдельные типы записей под пункты приема, с помощь кастомных полей расширен функционал. Каждый город может иметь разные... Посмотреть запись

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

Редизайн ТриколорТВ

Сайт крупного диллера ТриколорТВ  в Калининградской области. Клиент обратился с вопросом смогу лия помочь в ускорении загрузки сайта, так как показатели Google PageSpeed Insights были печальными. Сайт также нуждался в мобильной версии и расширении функционала – а именно добавлении каталога товара... Посмотреть запись

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

Рип и доделка шаблонов двух типичных сайт психических расстройств

Есть два типа заказчиков, которые просят скопировать чужой сайт: Копируют чужой дизайн и немного переделав ставятсебе на сайт. Это существенно удешевляет процес разработки (не нужно тратится на дизайнера), ускоряет его. Просят скопировать сайты вместе с текстами, сделать так сказать полноценную... Посмотреть запись

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

Верстка лендинга F1 Studio

Чистя папку проектов, наткнулся сегодня на вот такой сайтик. Судя по всему там был рип сайта и небольшая доверстка. Были разнообразные скрипты, например галерейка или подключение карты сайта. В целом типичный заказ, оставляю здесь ради сохранения для истории;)

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

Верстка посадочной страницы “антикомарин”

Очередной макет от старого заказчика. Макет красивый, но как по мне немного перегруженный. В целом посадочная страница получилась хорошая, я отлично оптимизировал скрипты, стили. Гуглу понравилось тоже ;) Оптимизация сайта под загрузку вышла на ура. Не трудно догадатсья что из... Посмотреть запись

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

Верстка страницы гостиницы rock-hotel.org

Ещё один проект, который я сделал на хотелсах – страница гостиницы в Батуми. Простенький, но информативный дизайн. Главная страница по типу посадочной. Специальные типы записей для разных номеров, кастомные поля дял цен и дат бронирования. В дальнейшем планировалось организовать свою систему заказа номеров.

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

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

Верстка новостного блога для сервиса поиска гостиниц Hotels24 Работая на hotels24.ua я занимался многими интересными и не очень вещами. В общем планировалось что я буду заниматься адаптивной версткой нового сайта, но что-то все к нему не могли подготовить дизайн. Поэтому... Посмотреть запись

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