PSD To HTML Tutorial Using Photoshop And Dreamweaver

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