Как преобразовать файл PSD в HTML

Я изучаю Photoshop, создает ли Photoshop файлы HTML и CSS, я веб-дизайнер и пытаюсь преобразовать файл .PSD в HTML Css.

Привет Крис, добро пожаловать на сайт. Когда я решаю проблему, это всегда помогает исследовать и пробовать возможные решения (даже если я их не понимаю!). Можете ли вы поделиться с нами тем, что вы могли найти при поиске решения этой проблемы?
Вы можете использовать мой веб-сайт psdtohtmlcssconverter.com. Он поможет вам создавать файлы HTML, CSS и изображения из ваших дизайнов PSD.

Ответы (3)

Когда у вас есть дизайн вашего веб-сайта, вы можете использовать размеры элементов в фотошопе, чтобы определить размеры элементов в CSS.

Однако вы действительно должны написать свой собственный код, а не использовать генератор HTML/CSS, чтобы сделать веб-сайт для вас.

Вы всегда можете обратиться к http://www.w3schools.com/ и http://www.codecademy.com/ за помощью по программированию, так как как только вы освоитесь, у вас будет гораздо больше свободы в том, как вы делать сайты.

Однако, если вы действительно хотите сделать это автоматически, зайдите на сайт www.psdtoweb.de, он довольно хорошо конвертирует PSD в HTML и CSS , но вам, вероятно, придется сделать некоторые настройки самостоятельно.

Я предлагаю вам взглянуть на w3fools , прежде чем снова рекомендовать w3schools.
Я знаю, как писать Html, Css, но позвольте мне перефразировать мой вопрос: как веб-дизайнер конвертирует PSD-файл, разработанный графическим дизайнером с помощью фотошопа?
просто используйте www.psdtoweb.de

Я бы не рекомендовал это. Скорее всего, вы получите плохо структурированный HTML, плохие неэффективные стили CSS.

Однако хорошей идеей является автоматическая генерация необходимого CSS. CSS hat ( $35 ) и CSS3ps ( бесплатно ) предоставят вам все стили, необходимые для воссоздания элемента в фотошопе. вам все равно нужно будет написать html.

Совсем недавно они выпустили шляпу Png , которая также упоминается в верхней части веб-сайта шляпы Css. Шляпа Png — это, по сути, старая шляпа Css и Enigma64, объединенные в один плагин.

Крис,

Прежде чем приступить к преобразованию PSD в HTML, вы можете проверить файл Photoshop, чтобы убедиться, что он правильно настроен. Попробуйте использовать https://www.oss-usa.com/web-preflight?promo=web-preflight , чтобы проверить правильность использования шрифта, свойства шрифта, размер для конкретного устройства и организацию файлов.

Привет Макс! Не могли бы вы рассказать немного о том, что это за служба и связаны ли вы с ней? Ваше сообщение привлекло внимание спамом, и я хотел бы, чтобы вы уточнили, чтобы развеять все сомнения. Спасибо!
Привет, Винсент, Web Preflight — это бесплатный сервис, и мы тесно связаны с ним, поскольку мы создали его как наш собственный внутренний производственный инструмент, а позже сделали его доступным для наших партнеров и широкой публики. Не знаю, как это квалифицируется как спам, поскольку мы создали этот инструмент специально для решения производственных проблем, с которыми мы столкнулись при преобразовании PSD в HTML, заголовок этого поста.
Мы довольно настороженно относимся к людям, продвигающим свои собственные вещи, даже если это подходящий ответ на вопрос. Чтобы предотвратить астротурфинг, мы требуем, чтобы вы упомянули, что вы связаны с продуктом, который вы упоминаете. Согласно справочному центру : вы должны указать свою принадлежность в своих ответах. . Не могли бы вы отредактировать свой ответ, чтобы включить это? Спасибо за понимание!
Как преобразовать файл PSD в HTML
СпросиСетьПолитика конфиденциальности1y, 0v