Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 16.10.2013, 21:23   #1
 
Аватар для luserz
 
Сообщений: 561
FR (активность): 15,737

Доп. информация
По умолчанию Автор темы psd2htmlconverter

Всем привет!
Парни, а Вы знали, что есть такая штука??? В заголовке все сказано, но для тех, кто плохо шарит в английском перевожу - автоматическая верстка сайта за минуту.

Вот полный текст с сайта. Ссылку оставлять не буду. Сами найдете.

При автоматической верстке сайта из Photoshop дизайна вам не потребуется практически никаких усилий. Сервис сделает за вас почти все. Мы стремимся к полной автоматизации процесса CSS верстки, но полностью автоматизировать такой творческий процесс как HTML верстка сайта невозможно. Вы можете значительно улучшить автоматически создаваему CSS верстку сайта, если будете следовать простым правилам.

Помечайте слои тегами в соответствии с документацией сервиса автоверстки. Если из слоя или группы слоев в Photoshop требуется получить в HTML верстке сайта такие элементы, как ссылка, форма ввода, таблица, список, и т.п., следует пометить слой или группу соответствующим тегом. Все поддерживаемые теги смотрите на странице документации.

Группируйте слои логически. Некоторые начинающие дизайнеры не следят за структурой слоев в Photoshop. Профессиональные дизайнеры всегда объединяют слои в логические группы и соблюдают строгую структуру в PSD макете. Настоятельно рекомендуем объединять все слои в логические группы (такие как заголовок, футер, основной контент, колонки и т.п.). Для этого используйте группы слоев (Layer Group) в Photoshop. Это поможет сервису автоматически создать правильную структуру документа.

Объединяйте все слои одного изображения. Из каждого видимого слоя в Photoshop в создаваемой HTML вёрстке сайта получается отдельный HTML/CSS элемент. Если в макете для создания одного изображения (такого как логотип/бэкграунд/т.п.) используется несколько слоев - объедините слои в группу и пометьте группу тегом #merge. Либо вы можете сконвертировать слои в Smart Object. В противном случае, в CSS верстке сайта вы можете получить большое количество изображений.


ЛУЧШАЯ тизерная сеть для женского трафика
luserz вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
psd2htmlconverter

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3136 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Текущее время: 08:59. Часовой пояс GMT +3.