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

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

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

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

Рип, редизайн, верстка и интеграция на WordPress сайта дизайн-студии designandproduction.ru

Один из самых крутых проектов, которые мне пришлось делать – сложность заключалась в довольно обьемном техзадании: Нужно было сделать рип дизайна сайта По макету заказчика доверстать ещё несколько элементов: что-то убрать, что-то добавить Оптимизировать верстку, убрать лишний мусор в стилях, ускорить загрузку сайта... Посмотреть запись

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

Верстка и интеграция на WordPress проекта мультфильмов “Мои маленькие понни”

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

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

Разработка сайта для масажного/спа салона

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

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

Разработка портала hotels24.ua

Один из самых крупных проектов, в котором мне пришлось работать – сайт поиска отелей по Украине и миру. Работы было достаточно, а я единственным фрон-ендом на 6 человек разработки бек-енда. Использовалось множество разнообразных технологий – верстка сайта была очень устаревшая:... Посмотреть запись

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

Рип сайта CSGO

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

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

Редизайн посадочной страницы продажи турников – turniklife

Заказ с фриланса. По техзаданию на посадочной странице нужно было изменить всего пару блоков. Но дело оказалось намного сложней, чем было задумано. Самой большой проблемой стало то, что сайт сверстан полуавтоматической машиной для верстания – Adobe Muse, в результате код... Посмотреть запись

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

Техническое задание для Astound

Было интересно пройти техническое задание для astound – одной из крупнейших ИТ компаний в моём регионе. Нужно было создать 1 страничку интернет-магазина, страничка адаптивная-респонсивная. Задание довольно простое, я так понимаю проверялась просто смекалка. Естественно я постарался максимально оптимизировать скорость загрузки, скрипты. Картинок... Посмотреть запись

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