Photoshop также загружает HTML? Или только CSS?

Я новичок в самой последней версии Photoshop, у нее есть интересная функция, которую я обнаружил, когда она берет CSS вашего дизайна и копирует/вставляет его в редактор.

Где бы вы разместили HTML для этого? Какой лучший способ быстро обойти это? Есть ли учебники?

Я бы порекомендовал взглянуть на Brackets с плагином Extract. это не безупречно, но это работает довольно хорошо.
Я использую скобки, но никогда не имел дела с плагинами
Итак, я предполагаю, спасибо, кстати, с тех пор, как я нашел плагин, что Extract не делает всю магию за вас? Вы должны сделать большую часть HTML самостоятельно, но это помогает со всем кодом и CSS, которые вы видите?
Я никогда не использовал его полностью, поэтому я не могу вам сказать.

Ответы (2)

Photoshop не использует HTML, только CSS. Все, что он делает, — это перевод свойств выбранного вами объекта (цвет, размер, обводка, эффекты, положение) в CSS. Он не может знать, как вы хотите структурировать свой HTML или что это за объект, поэтому вам придется сделать это самостоятельно.

Я также не рекомендовал бы использовать эту функцию, поскольку, несмотря на это, она наверняка не будет работать правильно. Например, если у вас есть кнопка, которая должна быть на 40 пикселей ниже основного текста, вы должны указать для нее верхнее поле 40 пикселей. Все PS сможет сказать вам, если вы скопируете CSS, это его абсолютное значение (где он находится по отношению к холсту), он не может знать, как вы структурировали свой документ.

Так что учебники о том, как правильно кодировать, были бы хорошим началом.

Итак, вот как получить css из фотошопа только для записей вашего поста: https://helpx.adobe.com/photoshop/how-to/photoshop-copy-css.html

Чтобы быстро получить HTML, я бы рекомендовал установить Sublime Text с помощью Package Manager . Откройте Sublime, затем диспетчер пакетов с помощью CTRL + SHIFT + P,

  • Набрав «Управление пакетами: установить пакет», нажмите Enter.
  • Введите одно из следующих имен пакетов, затем повторите процедуру для двух других:

    • Эммет
    • Фрагменты основы
    • Шаблон HTML

Установите все три пакета и пишите HTML с помощью Zen Speed.