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 в Киеве можно немного дешевле, потому что это предыдущая серия и цены на нее будут снижаться.

Надоело постоянно ходить в очках? Чувствуете дискомфорт? – попробуйте контактные линзы которые не просто помогут хорошо видеть, но и не будут мешать вашему имиджу.