HOME > Development > PSD To HTML Tutorial Using Photoshop And Dreamweaver

PSD To HTML Tutorial Using Photoshop And Dreamweaver

  • Development
  • Feb 27, 2025
SynopsisPSD To HTML Tutorial Using Photoshop And Dreamweaver , availa...
PSD To HTML Tutorial Using Photoshop And Dreamweaver  No.1

PSD To HTML Tutorial Using Photoshop And Dreamweaver , available at $19.99, has an average rating of 3.45, with 37 lectures, based on 10 reviews, and has 569 subscribers.

You will learn about Learn How To Create HTML From Photoshop PSD Files This course is ideal for individuals who are Web and Graphic Designers It is particularly useful for Web and Graphic Designers.

Enroll now: PSD To HTML Tutorial Using Photoshop And Dreamweaver

Summary

Title: PSD To HTML Tutorial Using Photoshop And Dreamweaver

Price: $19.99

Average Rating: 3.45

Number of Lectures: 37

Number of Published Lectures: 37

Number of Curriculum Items: 37

Number of Published Curriculum Objects: 37

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

  • Learn How To Create HTML From Photoshop PSD Files
  • Who Should Attend

  • Web and Graphic Designers
  • Target Audiences

  • Web and Graphic Designers
  • 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.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Important – Download These First – Working Files

    Lecture 2: 0101 What You Will Learn

    Lecture 3: 0102 What Is PSD To Web Conversion?

    Lecture 4: 0103 Working With Lesson Files

    Lecture 5: 0104 Developing A Site Map

    Lecture 6: 0105 How To Access Your Working Files

    Chapter 2: Creating A PSD Mockup

    Lecture 1: 0201 Deciding On A Site layout

    Lecture 2: 0202 Selecting Color And Fonts

    Lecture 3: 0203 Using Photoshop To Create A Color Palette :

    Lecture 4: 0204 Setting Up Document Size And Image Resolution

    Lecture 5: 0205 Creating The PSD Mockup Navigation

    Lecture 6: 0206 Completing The PSD Mockup

    Lecture 7: 0207 Working With Placeholder Text

    Lecture 8: 0208 Transparency And Graphics

    Lecture 9: 0209 Slicing The Mockup

    Lecture 10: 0210 Slice Options

    Lecture 11: 0211 Saving For Web – Part 1

    Lecture 12: 0212 Saving For Web – Part 2

    Chapter 3: Moving To Dreamweaver

    Lecture 1: 0301 Organizing Files

    Lecture 2: 0302 Setting Up And Managing A New Site

    Lecture 3: 0303 Testing The Site Connection

    Lecture 4: 0304 Working With The Files Tab

    Lecture 5: 0305 Working With Code, Design And Split Views

    Lecture 6: 0306 Working With Images And Layout Objects

    Chapter 4: Converting The PSD Mockup

    Lecture 1: 0401 Opening Files In Dreamweaver

    Lecture 2: 0402 Adding Title And Meta Name Tags

    Lecture 3: 0403 Replacing Placeholder Slices With Div Tags

    Lecture 4: 0404 Replacing Placeholder Text With HTML Using Div Tags

    Lecture 5: 0405 Using AP Div Tags – Part 1

    Lecture 6: 0406 Using AP Div Tags – Part 2

    Lecture 7: 0407 Working With Stylesheets

    Lecture 8: 0408 Creating New Style Rules

    Lecture 9: 0409 Adding Hyperlinks – Relative And Absolute

    Chapter 5: Testing Your Site

    Lecture 1: 0501 Working With Live View In Dreamweaver

    Lecture 2: 0502 Checking Remote Files And Refreshing

    Lecture 3: 0503 Viewing The Site In A Browser

    Chapter 6: Conclusion

    Lecture 1: 0601 Summary

    Instructors

  • PSD To HTML Tutorial Using Photoshop And Dreamweaver  No.2
    Infinite Skills
    High Quality Training
  • Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 0 votes
  • 3 stars: 1 votes
  • 4 stars: 2 votes
  • 5 stars: 4 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!