Сколько занимает верстка сайта

Сколько времени уходит на верстку несложного макета, макета средней сложности?

Я не верстальщик, но бывает такие задачи ставят. Пишу бек, просто стало интересно сколько времени у бекендщика займет верстка макета(с галереей, с кастомными select и прочими сложностями)? А сколько у фронтендщика? Это нормально, если у меня уходит на такое около двух недель?

VolanQ
21.06.23 17:41:27 MSK

• Ответить на это сообщение
• Ссылка

Ненормально. Когда-то, прям очень давно, во времена, когда ещё жива была мерзость под названием IE6, на вёрстку у меня уходило не более 2-3 дней. При этом, я тоже нисколько не верстальщик.

С тех пор, всё стало только в разы проще, как мне кажется. Появились флексы, гриды, и много чего ещё. И Microsoft Internet Explorer давно кол в грудь забили, а именно на совместимость с этим убожищем убивалась львиная доля времени.

Вообще, я бы завязывал с работами, где требуется и бэкенд писать, и верстать. Это совершенно разные области деятельности, и нет никакого смысла гнаться за двумя зайцами — всё равно не получится.

emorozov ☆
( 21.06.23 18:11:08 MSK )

• Ответить на это сообщение
• Ссылка

Чтобы темы не плодить, где почитать про практическое применение html+css, чтобы было просто, но красиво и функционально? Ступор какой-то, отдельно html и сss понимаю, а нормально сделать простейший GUI лыжи не едут. С рисованием с детства не дружу.

yu-boot ★★★★
( 21.06.23 18:27:32 MSK )

• Ответить на это сообщение
• Показать ответ
• Ссылка

Ответ на: комментарий от yu-boot 21.06.23 18:27:32 MSK

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

Верстай как можно больше. Макетов в сети полно и фигмовских и psd.

А до рисовать — это не задача верстальщика. Это тебе надо учиться в проектирование ui/ux. Тут уже можешь и читать, и вдохновляться работами других — behance/dribbble тебе помогут.

javascript ★
( 21.06.23 18:59:56 MSK )

• Ответить на это сообщение
• Показать ответ
• Ссылка

Верстка макетов в общем случае занимает 2-3 дня. На недели могут растягиваться только специфические вещи — моушен дизайн/webgl/работа с 3d/сложные анимации требующие ручной пошаговой обработки.

Не стоит смешивать простую верстку (лэйаут/компоненты дизайн системы) и программирование фронта.

Программировать фронт можно и месяцами. На фронте есть и логика ui и логика домена. И в современных реалиях фронт часто не тоньше бэка.

javascript ★
( 21.06.23 19:05:37 MSK )

• Ответить на это сообщение
• Ссылка

Ответ на: комментарий от javascript 21.06.23 18:59:56 MSK

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

-1. «Учись сынок, а то так и будешь всю жизнь ключи подавать.»

pr849 ★
( 21.06.23 19:40:25 MSK )
Последнее исправление: pr849 21.06.23 19:41:20 MSK (всего исправлений: 1)

• Ответить на это сообщение
• Ссылка

ачо чятжопэтэ еще не научились обманывать, что бы он выполнял холопский труд вообразив себя верстальщиком? вроде лет 5 назад говорили, что уже все автоматизировано и верстальщики больше нужны. Хотя конечно и лет 15 назад похожее говорили про конструкторы и фронтпейдж.

Syncro ★★★★★
( 22.06.23 05:06:24 MSK )
Последнее исправление: Syncro 22.06.23 05:07:13 MSK (всего исправлений: 1)

• Ответить на это сообщение
• Показать ответы
• Ссылка

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

vbr ★★★
( 22.06.23 08:21:04 MSK )

• Ответить на это сообщение
• Ссылка

Ответ на: комментарий от Syncro 22.06.23 05:06:24 MSK

В целом можно, но текст есть текст, объяснять ему текстом что-то — проще самому написать, а картинки на вход ему пока не сделали, хотя вроде и обещали.

vbr ★★★
( 22.06.23 08:22:13 MSK )

• Ответить на это сообщение
• Ссылка

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

Для макетов 2 недели перебор, но для верстки сайтов – может и норм.

Вообще, для шаблонов/макетов, если интерфейс делаю сам, то я делаю верстку с bootstrap + jquery + плагины к нему. Почти всегда всем нравится.

dicos ★★
( 23.06.23 07:31:34 MSK )

• Ответить на это сообщение
• Ссылка

Ответ на: комментарий от Syncro 22.06.23 05:06:24 MSK

лет 15 назад похожее говорили про конструкторы и фронтпейдж.

Они примерно на том же уровне и остались. Если что-то стандартное, то без проблем. Если надо чуть отойти от того, что делают конструкторы, то проще изучить самому html + css + js.

dicos ★★
( 23.06.23 07:35:06 MSK )

• Ответить на это сообщение
• Ссылка

Вёрстка сайта

Вёрстка сайтов — относительно независимый этап при разработке сайтов, в процессе которого дизайн, заранее подготовленный по сетке, чаще всего это Bootstrap 3 или 4 версии, от 8 до 12 колонок, разрезается, и функциональные блоки получают свои контейнеры, которые в дальнейшем мы можем передать параметры при фронтенде и бэкенде доработки сайта. А также при интеграции, так называемого HTML макета в макет непосредственно сайта или шаблон страницы сайта, интегрированные в CMS, будь то Битрикс, Вордпресс или Джумла, которые имеют свои особенности при интеграции шаблонов.

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

Вёрстка должна содержать кроссбраузерность, стабильную ширину или «резиновую», обязательно выносится в нашей вёрстке CSS, JavaScript в отдельные файлы, подписывается, комментируется и проверяется на валидность разметки вёрстки в специализированных сервисах.

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

Вёрстку сайта мы оказываем как в комплексе с разработкой сайта, под определённые системы управления или фреймворк, а также из вашего исходника дизайна, представленного нам в формате PSD или Figma Sketch, которые вы можете забрать как готовый продукт и передать другому исполнителю.

Стоимость вёрстки сайта

• Стоимость вёрстки для сложных страниц может доходить до 10 000- 15 000 руб,
• Страниц типовых внутренних — не менее 3 000- 5 000 руб, в зависимости от сложности страницы.

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

По стоимость отдельных типов сайтов ситуация такова:

• Визитки, корпоративные сайты, которые содержат обычно, до 5 шаблонов, средняя вёрстка выходит 20 000- 25 000 руб.
• Для интернет — магазинов, имеющих большое количество шаблонов может доходить до 70 000 руб. в зависимости от количества страниц.
• Портальная вёрстка, содержащая не меньше 30 макетов страниц, в зависимости от функциональности, блочности и повторяемости блоков на страницах, обычно выходит не менее 100 000 руб.

Сроки выполнения работ по вёрстке сайта

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

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

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

• Сроки на вёрстке внутренних страниц, обычно до 3 рабочих дней и требуют обязательную предоплату работ. Любой сложный JavaScript, анимация, эффекты на страницах оговариваются в начале работ, в том числе вы получаете ТЗ для верстальщика, по которому можно свериться, верно ли выполнена вёрстка в целом.

Предоставляется вёрстка в готов виде, в формате HTML, с папками CSS JavaScript, картинками. Лицензии на картинки могут распространяться могут и нет, всё зависит от формата и необходимости верстать ваш или наш макет.

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

Наша команда занимается разработкой сайтов более 15 лет, вёрстка, соответственно у наших профессионалов и специалистов выходит грамотная, без претензий по качеству и составу работ. Всегда рады видеть новых клиентов по направлению вёрстки и в больших и в единичных исполнениях по вёрстке. От лендинг пейдж до крупных порталов с долгим сроком разработки. Уверены в плодотворном и долгосрочном сотрудничестве с вашим бизнесом, Ваша команда W3promo.

Понравилась статья? Расскажите о ней своим знакомым!

Сколько времени занимает развертывание, натяжка верстки и настройка среднего сайта?

Сколько в среднем занимает развертывание, натяжка верстки и настройка среднего сайта (главная типа лендинг, о компании, новости, отзывы, контакты, галерея).

Типо того info-security.su

• Drupal8
• Drupal7
• Есть вопрос
• Установка и настройка

• Блог
• Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Комментарии

Mihail.space 11 июля 2016 в 11:21

больше всего времени занимает верстка, вернее темизация. это может быть 2-3- часа, а может и 1-2 дня, а то и больше. зависит от диза

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии
• Реакции

Показанное на примере по нашим нормостандартам 8-12 часов за «итого готовый сайт». С панелькой для клиента, заполнением и т.п., т.е. итоговый результат.

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии
• Реакции

8-12 часов за «итого готовый сайт»
Верю.
Если свой дизайнер, и одинаковый функционал.

А если дизеры разные (диз кривой), концепцию построения контента заказчик меняет каждый день. Потом выясняется что у заказчика нет желания заполнять сайт. Желание появляется где-то через месяц и выясняется что «контргайка с поперечной резьбой» — это не материал, а набор терминов таксономии. Тогда тоже верстка 12 часов. А разработка сайта — 3 месяца.

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии
• Реакции

Я для оценки брал приведенный сайт. Понятное дело, если подсунут другое тз, другой образец, скажут «порисуйте еще 20 вариантов», оценка будет другой.

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии
• Реакции

Спасибо! Он был сделал на netcat. Примерно тоже 8-12 часов.

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии
• Реакции

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

Сколько времени занимает верстка сайта по вайрфрейму без дизайна? В среднем верстка по вайрфрейму занимает сутки для одностраничника, три дня для представительского сайта и неделю для интернет-магазина.

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

• Размер и сложность сайта. Небольшие сайты с простой структурой и небольшим количеством страниц, вероятно, потребуют меньше времени. Большие и сложные проекты могут занять больше времени из-за объема работы.
• Опыт верстальщика. Опытный верстальщик, знакомый с последними технологиями и лучшими практиками, может справиться быстрее. Новичку может потребоваться больше времени для выполнения тех же задач.
• Технологии и инструменты. Использование современных инструментов и технологий может ускорить процесс верстки. Различные фреймворки и библиотеки также могут повлиять на продолжительность работы.
• Определенность требований. Чем четче и конкретнее требования к сайту, тем легче и быстрее будет выполнена верстка.
• Уровень детализации вайрфрейма. Если вайрфрейм содержит ясные указания по структуре и взаимодействию элементов, это может сэкономить время.
• Тестирование и оптимизация. Время также может потребоваться на тестирование сайта, его оптимизацию для различных устройств и браузеров.

Уточненное время может быть предоставлено только после более детального анализа конкретных требований проекта и определения объема работы. В среднем верстка сайта по вайрфрейму в «Креативном Бюро 77»‎ занимает сутки для одностраничника, три дня для представительского сайта и неделю для интернет-магазина.