Автоматическая HTML/XHTML/CSS верстка сайта за 1 минуту!

Для чего этот сервис?

• В первую очередь сервис ориентирован на создание простых сайтов из несложных дизайн-макетов. Он помогает значительно сократить время и стоимость их создания.
• При создании сложных сайтов сервис верстки поможет сделать нарезку изображений из слоев PSD файла, извлечь стилизованный текст и сверстать каркас сайта, готовый к последующей доработке.
• Также сервис удобен для создания промежуточных вариантов web верстки, которые дают возможность предоставить на рассмотрение заказчику различные версии будущего сайта.

Как он работает?

• Загружаете PSD файл с дизайном сайта, созданный в Photoshop или Gimp.
• В течение нескольких минут сервис автоматически генерирует XHTML 1.0 Strict/CSS 2.1 верстку сайта.
• Просматриваете скриншот получившейся страницы, а также сгенерированный HTML код. Если все устраивает - оплачиваете конвертацию и скачиваете HTML верстку.

Сколько это стоит?

• 299 рублей за 1 день подписки на безлимитное использование сервиса - делайте неограниченное количество конвертаций (покупка - из Личного кабинета после регистрации)
• Кроме безлимитной подписки есть возможность покупать по одной конвертации за 98 рублей
• Из Личного кабинета Вы можете покупать подписку на несколько дней и пакеты из нескольких конвертаций со значительными скидками - до 25%
• Чем больше конвертаций Вы делаете, тем больше Ваша накопительная скидка - до 20%
• Скидки суммируются, Вы можете получить скидку до 40%
• Оплата - всегда только после просмотра готовой HTML верстки сайта
• Получите свою бесплатную HTML верстку сайта

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

Сервис постоянно совершенствуется, автоматическая верстка сайта становится все более качественной и оптимизированной. Наш онлайн генератор HTML/CSS кода поможет Вам легко создать web сайт из PSD дизайна практически бесплатно.

Рассказать друзьям

Понравился сервис web верстки? Поддержите нас, расскажите о сервисе своим друзьям, пусть им тоже понравится. Участвуйте в партнерской программе, получайте бесплатные конвертации PSD в CSS/HTML верстку.

Рассказать друзьям:

Пошаговая инструкция, как получить HTML/CSS верстку сайта из PSD

При автоматической web верстке дизайн-макета Вы не прикладываете практически никаких усилий. Программа сделает за Вас почти все (при развитии сервиса PSD to HTML Converter мы стремимся к полной автоматизации процесса, но совершенно все автоматизировать невозможно). Вы значительно улучшите автоматически генерируемую верстку сайта, если вы будете следовать правилам, изложенным ниже.

1. Пометить необходимые слои тегами в соответствии с документацией сервиса "PSD в HTML". Если из слоя или группы слоев в Photoshop Вы хотите получить в HTML верстке сайта нечто отличное от слоя текста или изображения (например, ссылка, форма ввода, таблица, список), пометьте слой или группу соответствующим тегом. Все поддерживаемые теги смотрите на странице документации.
2. Логически сгруппировать слои. Объединяйте логические группы элементов (такие как заголовок, футер, основной контент, колонки и т.п.) в группы слоев (Layer Group) в Photoshop. Это поможет нам правильно объединить CSS элементы в гибкие div блоки HTML (таким образом, если кто-то добавит больше текста, ничего не испортится).
3. Объединить все слои одного изображения в один Smart Object. Из каждого видимого Photoshop слоя в HTML вёрстке сайта получается отдельный HTML/CSS элемент. Если в макете для создания одного изображения (логотип/бэкграунд/т.п.) использовано несколько слоев - объедините их в один, сконвертировав их в Smart Object (это рекомендуемый, недеструктивный метод). В противном случае, в CSS верстке сайта вы получите излишние элементы с изображениями. После этого загрузите PSD макет и получите HTML вёрстку сайта.

И конечно же, помогите разработчикам улучшить "PSD в CSS" сервис. Если вы загрузили PSD файл, но получили на Ваш взгляд не то, что должны были получить, то пожалуйста, сообщите нам об этом на почту support@psd2htmlconverter.com. Если это ошибка "Photoshop в CSS" сервиса, мы не только исправим ее как можно скорее, но еще и оповестим Вас об этом и вышлем Вам готовую верстку сайта для Вашего макета!