Psd2htmlconverter – сервис автоматической верстки сайта - «Верстка»
Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Видео уроки
Наш опрос



Наши новости

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

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


    Процесс создания сайта можно разделить на несколько основных частей. Все начинается с создание дизайн-макета в одной из программ графического дизайна. Обычно в этой роли выступает 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 в Киеве можно немного дешевле, потому что это предыдущая серия и цены на нее будут снижаться. Надоело постоянно ходить в очках? Чувствуете дискомфорт? – попробуйте контактные линзы которые не просто помогут хорошо видеть, но и не будут мешать вашему имиджу.

    Теги: CSS Верстка, верстки Html сайта можно Converter

    Просмотров: 2 874
    Комментариев: 0:   18-03-2016, 16:25
    Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

     
    Еще новости по теме:



    Другие новости по теме:
    Комментарии для сайта Cackle