PSD To HTML Tutorial Using Photoshop And Dreamweaver

Master the art of converting Photoshop designs to HTML & CSS with our essential course for web developers using Photoshop and Dreamweaver.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course will help you transform your Photoshop designs into actual websites using HTML and CSS. It covers everything from creating your mockup in Photoshop to setting things up in Dreamweaver. Perfect for anyone who knows the basics and wants to level up their web development skills!

Key Points

  • Learn to convert Photoshop designs into HTML & CSS.
  • Create a PSD mockup with Photoshop.
  • Understand design basics, layer properties, and web optimization.
  • Use Dreamweaver to set up and manage your website.
  • Familiarize with fundamental HTML and CSS rules.

Learning Outcomes

  • Create a PSD mockup using Photoshop.
  • Understand how to slice images and optimize for the web.
  • Effectively use Dreamweaver for managing websites.
  • Apply fundamental HTML and CSS principles.
  • Test and debug your website using Live View in Dreamweaver.

About This Course

Learn how to quickly turn your Photoshop designs into valid HTML & CSS. An essential course for any web developer

This PSD to HTML Using Photoshop and Dreamweaver training course from Infinite Skills teaches you the core principles of creating workable websites using these two Adobe programs. This course is designed for users that already have a working knowledge of Photoshop and Dreamweaver.


You will start out by creating a PSD mockup using Photoshop. David will teach you about the design basics in Photoshop, layer properties, slicing, and web optimization. From there, you will dive into working in Dreamweaver to transform your Photoshop document into a working website. In Dreamweaver you will explore the process of setting up and managing a website, working with different view modes, and working with images and layout objects. This video tutorial will also teach you some fundamental HTML and CSS rules. Finally, you will work with the Live View in Dreamweaver to test your website.

By the completion of this video based training course, you will have developed the necessary skills needed to design, create, and publish a working website. Working files are included, allowing you to follow along with the author throughout the lessons.

  • Learn How To Create HTML From Photoshop PSD Files

Course Curriculum

Instructor

Profile photo of Infinite Skills
Infinite Skills

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.The emphasis is on teaching real life skills that are essential for...

Review
4.9 course rating
4K ratings
ui-avatar of Suresh Vaitha
Suresh V.
5.0
5 years ago

Good

  • Helpful
  • Not helpful
ui-avatar of Vincent Medrano
Vincent M.
1.0
9 years ago

I bought this course because of the price and wanted to try it out as I have always used PS to make my web designs and wanted to learn how to transport to dreamweaver to create an actual functioning website but I kept hitting dead ends and now I do not even use this course nor care to finish it. Too frustrating. I even downloaded the same versions (downgrade) to match what the instructor was using. Horrible course.

  • Helpful
  • Not helpful
ui-avatar of Bob Iskandar
Bob I.
1.0
9 years ago

Too simple. Overly lengthly explanations for simple concepts

  • Helpful
  • Not helpful
ui-avatar of Simon Latham
Simon L.
5.0
11 years ago

Concise course, but with enough detail to grasp the concept of converting a Photoshop document to a functional website via Dreamweaver.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses