Блог

у меня вопрос о веб-дизайне.
есть несколько способов для дизайна. CSS или Photoshop.
С CSS все ясно, мой вопрос не о CSS, а о дизайне Photoshop.
Например, это

После создания дизайна в Photoshop, когда вы сохраняете работу, он создает слайсы и преобразует ваш шаблон в ячейки таблицы и сохраняет каждую часть изображения в этих ячейках..

но я знаю, что сегодняшние таблицы бесполезны для веб-дизайна, все используют div и css..
итак, можете ли вы рассказать мне, как экспортировать или как использовать photoshop для создания веб-страниц с div.

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

Для фактического дизайна начните с размещения всего содержимого в HTML (без CSS). Как только все содержимое будет готово, вы сможете придать элементам желаемый вид. При стилизации единственными изменениями, которые вы должны внести в HTML, должны быть идентификаторы и классы для подключения вашего CSS. Добавление стилистически ориентированных элементов, таких как <div> и <span> , допустимо, но должно быть ограничено.

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

Эти учебные пособия помогут вам:

http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css

Скринкаст:http://net.tutsplus.com/articles/news/how-to-convert-a-psd-to-xhtml /

Программное обеспечение Photoshop в основном используется для создания макетов (psd).

Каждый день все используют дизайн без таблиц с использованием div, почти 80% HTML-страниц создаются с использованием стилей и css, и только в нескольких областях нам приходится использовать графику (логотипы, заголовки с разными шрифтами, изображения, такие как фотографии и т.д.), Которая не управляется с помощью style и css, В таких случаях нам приходится работать в Photoshop и сохранять для веб-формата в формате jpeg или png, затем мы должны использовать эти изображения на html-страницах с использованием таблиц стилей.

и в основном проекты на основе div будут работать с поддержкой таблиц стилей, всем внешним видом макета мы будем управлять с помощью стилей css и вызывать этот css как имена классов из div.

Надеюсь, этот ответ вам немного поможет.

Спасибо

Photoshop — это приложение для работы с изображениями, но в нем также есть инструменты для создания графики с нуля.Для изучения графического дизайна в браузере было логично обратиться к Photoshop, создать свои визуальные элементы, сохранить их в виде изображений и использовать на веб-странице.