PSD To HTML With Photoshop And Dreamweaver

English | MP4 + Project Files | 1280 x 720 | AVC ~500 kbps | 15 fps

AAC | 64 Kbps | 44.1 KHz | 1 channel | 2h 15min | 635.5 MB

Genre: Video Tutorial / Web-design

In this PSD to HTML Using Photoshop and Dreamweaver training course, expert author David Place 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.

Content:

01. Introduction

0101 What You Will Learn

0102 What Is PSD To Web Conversion?

0103 Working With Lesson Files

0104 Developing A Site Map

0105 How To Access Your Working Files

02. Creating A PSD Mockup

0201 Deciding On A Site layout

0202 Selecting Color And Fonts

0203 Using Photoshop To Create A Color Pallet

0204 Setting Up Document Size And Image Resolution

0205 Creating The PSD Mockup Navigation

0206 Completing The PSD Mockup

0207 Working With Placeholder Text

0208 Transparency And Graphics

0209 Slicing The Mockup

0210 Slice Options

0211 Saving For Web - Part 1

0212 Saving For Web - Part 2

03. Moving To Dreamweaver

0301 Organizing Files

0302 Setting Up And Managing A New Site

0303 Testing The Site Connection

0304 Working With The Files Tab

0305 Working With Code, Design And Split Views

0306 Working With Images And Layout Objects

04. Converting The PSD Mockup

0401 Opening Files In Dreamweaver

0402 Adding Title And Meta Name Tags

0403 Replacing Placeholder Slices With Div Tags

0404 Replacing Placeholder Text With HTML Using Div Tags

0405 Using AP Div Tags - Part 1

0406 Using AP Div Tags - Part 2

0407 Working With Stylesheets

0408 Creating New Style Rules

0409 Adding Hyperlinks - Relative And Absolute

05. Testing Your Site

0501 Working With Live View In Dreamweaver

0502 Checking Remote Files And Refreshing

0503 Viewing The Site In A Browser

06. Conclusion

0601 Summary

0602 About The Author