Хорошо, что у вас есть статический дизайн, что означает отсутствие взаимодействия с пользователем, вашего сайта.
Я предлагаю вам начать с того или иного интерактивного инструмента для создания прототипов, например Marvel. Затем вы можете прототипировать функциональные возможности веб-сайта и начать работу над частью написания кода. Этот шаг также поможет вам и людям, которые помогут вам, получить представление о том, чего вы хотите достичь в качестве конечного результата.
Существуют также решения Adobe, такие как Dreamweaver, что дает вам возможность перенести слои Photoshop на веб-страницу. Но это решение не является бесплатным.
После того, как вы закончите работу с прототипированием, вы можете сделать действительно хороший бесплатный курс по Udacity о разработке решений с HTML5 и CSS3. Codecademy также имеет хороший набор курсов по этой теме.
Надеюсь, что это поможет начать свое путешествие по обучению PSD методам HTML и веб-разработке в целом.
нет волшебной палочки, вы должны написать для этого код. psd все о получении помощи в цветах, графике, дизайне, ориентации, типографии и всего этого. –
Этот вопрос должен быть близок к его простому спаму на сайте и не полезен для любого другого пользователя. –