Вёрстка главнойВерстка по макету

Вёрстка главной страницы по макету на HTML и CSS: шапка, блоки и подвал, с версией для телефона

Обычно готово за 15 минутДоработки включеныКонтроль качества
Пакеты
Защита оплатыПодробнее
  • Доработки в рамках пакета бесплатны.
  • Если вы не ответите в течение 3 дней после сдачи, работа будет принята автоматически.

При оплате деньги резервируются и переходят сервису, только когда вы примете работу.

Вёрстка главной страницы по макету на HTML и CSS: шапка, блоки и подвал, с версией для телефона

Пример результата

Пример по пакету «Стандарт»

Главная страница стоматологии по её макету

До: макет, который прислал клиент

Макет главной страницы

После: работающая страница

Файлы: ZIP-архив с index.html, стилями и 2 картинками для страницы, готово к загрузке на хостинг клиента. Здесь показаны скриншоты страницы.

Клиент: стоматология Bright Smile Dental. Задача: превратить макет главной страницы в работающую HTML-страницу с той же сеткой, цветами и текстами и кнопками записи, которые звонят в клинику.

Клиент и все данные вымышлены.

Об услуге

Главная задаёт вид, которому следует весь сайт: шапка с логотипом и меню, первый экран, ключевые блоки и подвал. Загрузите макет главной картинками, и мы сверстаем его на HTML и CSS: та же сетка, цвета и порядок, настоящий текст и меню, которое на телефоне сворачивается в кнопку. В пакете на 3 страницы у двух внутренних страниц общие с главной шапка, подвал и стили, так что из них может вырасти весь остальной сайт. Пункты меню для страниц, которых нет в заказе, ведут туда, куда скажете, например к блоку или контактам. Фото рисуются заново, если вы не загрузите свои; CMS, серверной части и хостинга нет.

Что входит

  • Что вы получитеАрхив ZIP со страницами, стилями и картинками, готовый к загрузке на хостинг, и предпросмотр каждой страницы на странице заказа.
  • Шапка и менюЛоготип, меню и контакты как в макете, на маленьких экранах меню для телефона
  • Блоки по порядкуСетка, цвета и шрифты как в вашем макете
  • Основа для остального сайтаШапка, подвал и стили, общие для всех страниц
  • Настоящий текстЗаголовки и абзацы в HTML, которые читают поисковики
  • Чистый кодОбычные HTML и CSS, без фреймворков, ничего не грузится с чужих сайтов

Порядок работы

  1. 1
    ЗагрузкаВы загружаете макет главной и пишете, куда ведут пункты меню
  2. 2
    ВёрсткаМы верстаем страницы и рисуем недостающие картинки
  3. 3
    Предпросмотр и архивВы сравниваете страницы с макетом на компьютере и телефоне, скачиваете архив и просите правки в рамках пакета

Что нужно от вас

До 5 картинок в PNG, JPEG или WebP: макет главной одним высоким экраном или частями по порядку, макеты внутренних страниц для пакета на 3 страницы, мобильная версия, если есть, и по желанию логотип и фото, которые нужно поставить как есть. Напишите, куда ведут пункты меню и кнопки, ваши контакты для шапки и подвала и тексты, которые отличаются от макета.

В брифе мы спросим:

  • Какой файл какая страница?
  • Куда ведут пункты меню?
  • Контакты для шапки и подвала
  • Тексты брать как в макете?
  • Макет ваш?

Сравнение пакетов

ПакетыЭкономГлавная, до 5 блоков21 $СтандартГлавная, до 10 блоков39 $БизнесГлавная и 2 внутренние страницы67 $
Срок1 день2 дня3 дня
Доработки123
Страниц113
Блоковдо 5до 10до 8 на странице
Картинок для страницы24—
Версия для телефонаДаДаДа
Шапка и подвалКак в макетеКак в макетеКак в макете
Картинок для страниц——6
Заказать ЭкономЗаказать СтандартЗаказать Бизнес

Защита оплаты

Вы оплачиваете заказ сразу, но деньги переходят сервису только за принятую работу.

  • Фиксированная ценаЦена пакета не меняется после оплаты.
  • Деньги резервируютсяПри оплате сумма только резервируется. Сервису она переходит, когда вы примете работу.
  • Проверка перед сдачейКаждый результат проходит проверку качества, прежде чем попасть к вам, и вы видите его на странице заказа до приёмки.
  • Бесплатные доработкиПросите изменения в рамках брифа столько раз, сколько предусмотрено пакетом.
  • Приёмка через 3 дняЕсли в течение 3 дней после сдачи вы не примете работу и не попросите изменений, она будет принята автоматически. Если после сдачи вы напишете в чат заказа, заказ подождёт; ответив, мы можем начать отсчёт 3 дней заново и сообщим об этом в чате.
  • Переделка или полный возвратЕсли результат не соответствует брифу и доработки не помогли или срок превышен больше чем вдвое, напишите в чат заказа: мы переделаем работу или полностью вернём деньги.
Как это работает →

Вопросы и ответы

В меню больше пунктов, чем страниц в заказе.

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

Можно сверстать внутренние страницы без макетов?

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

Подключите к WordPress или CMS?

Нет. Вы получаете обычные страницы HTML и CSS, которые сами открываются на любом хостинге; перенос в тему CMS — отдельная задача.

Совпадёт ли вёрстка с макетом до пикселя?

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

Не нашли ответ?

Пакеты