Psd2htmlconverter – сервис автоматической верстки сайта

Процесс создания сайта можно разделить на несколько основных частей. Все начинается с создание дизайн-макета в одной из программ графического дизайна. Обычно в этой роли выступает Adobe Photoshop. Дальше происходит “нарезка” дизайн-макета и создание HTML/CSS верстки web-страницы. Последний этап – связывание верстки и движка сайта. Для каждого из них нужны определенные знания и навыки, но в некоторых случаях можно воспользоваться сторонними сервисами и программами, позволяющими немного облегчить работу.

сервис верстки Psd2htmlconverter

В данном обзоре расскажу об онлайн сервисе Psd 2 Html Converter – это стартап-проект, направленный на автоматизацию одной из частей процесса создания сайта, а именно – верстки веб сайта из дизайн-макета, подготовленного в Photoshop или Gimp. Другими словами он поможет обработать исходный нарисованный макет сайта и на выходе получить уже сверстанный дизайн в соответствии со стандартами XHTML 1.0 Strict / CSS 2.1.

С помощью Psd 2 Html Converter можно:

  • Значительно ускорить процесс верстки простых макетов, выполнив всю рутинную работу автоматически.
  • Для сложных сайтов можно выполнить часть работы, сверстать каркас для последующей обработки.
  • Представить на рассмотрение заказчику (если он требует) промежуточные вариант верстки макета без затрат на работу.

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

Как же работает Psd 2 Html Converter?

Первое, что требуется сделать – подготовить PSD файл с дизайном сайта в соответствии с документацией сайта. Для чего это надо? Дело в том, что не всегда возможно автоматически распознать такие элементы сайта, как формы ввода текста/паролей, списки и т.п. Поэтому информация о том, во что должен превратиться слой в HTML верстке должна быть каким-то образом передана нашему сервису Psd 2 Html Converter.

В качестве способа передачи таких данных мы выбрали следующий. Слой PSD макета, который должен быть сконвертирован в какой-либо HTML элемент, отличный от изображения и текста, должен быть отмечен специальным тегом. Процесс чем-то похож на работу с TemplaVoila  при подключении шаблона в TYPO3. На данный момент с помощью таких тегов можно создавать заголовки, списки, формы ввода, ссылки и даже таблицы. Список всех поддерживаемых тегов и их описание смотрите на странице документации сервиса.

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

Сервис автоматической верстки сайта Psd 2 Html Converter не бесплатный. Стоимость конвертации страницы – 98 рублей (3.5 USD / 2.5 EUR), но только после просмотра готовой html верстки сайта. Никто просто так деньги брать не будет.

автоматическая версткаи Psd2htmlconverter

К счастью, у сервиса Psd 2 Html Converter есть партнерская программа, которая поможет немного сэкономить. При регистрации аккаунта вы сможете смотреть историю сделанных конвертаций PSD -> HTML, получить скидку 25% при нескольких заказах сразу, а также бесплатные три PSD -> CSS конвертации за приглашенного друга. Кроме того, в системе действует накопительная скидка до 20%. Да и, в принципе, сумма в 100 рублей за подобную работу (пусть и простого макета) зато грамотно сделанного – это уже неплохое предложение.

Вообще проект Psd 2 Html Converter понравился, пару раз встречал похожие сервисы в буржунете, радует, что теперь и “у нас” есть нечто похожее. На сайте сервиса найдете также дополнительную документацию, FAQ, портфолио и блог. В последнем есть заметка как получить HTML/CSS верстку совершенно бесплатно – для этого нужно написать небольшой обзор о проекте в своем блоге или поделиться информацией в социальной сети.

P.S. Совсем недавно вышла новая версия айфона и теперь купить iPhone 4 в Киеве можно немного дешевле, потому что это предыдущая серия и цены на нее будут снижаться.
Надоело постоянно ходить в очках? Чувствуете дискомфорт? – попробуйте контактные линзы которые не просто помогут хорошо видеть, но и не будут мешать вашему имиджу.

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        

Комментариев - 4 для поста Psd2htmlconverter – сервис автоматической верстки сайта
  1. ]]> Лис ]]> (March 23, 2012)

    Совершенно случайно попал на блог, и так удачно! Очень полезная инфа, спасибо! Удачи!

  2. ]]> Айганым ]]> (November 2, 2012)

    Здраствуйте!!! Пожалуйста помогите мне скачать программу Psd. Есл и возможно бесплатно и без регистрации. Подскажите. Заранее блогадарю.

  3. ]]> Tod ]]> (November 3, 2012)

    Айганым, у меня такой программы нету, сервис, о котором я писал в статье, увы, требует оплату.

  4. ]]> Наталья ]]> (July 18, 2013)

    Супер! очень актуальная инфа. как раз искала что-то подобное.

Оставить комментарий
для статьи Psd2htmlconverter – сервис автоматической верстки сайта