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

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

В данном обзоре расскажу об онлайн сервисе 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 верстки сайта. Никто просто так деньги брать не будет.

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

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

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