Su	Mo	Tu	We	Th	Fr	Sa
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	1	2	3	4	5

PSD To HTML With Photoshop And Dreamweaver [repost]

Posted By: ParRus

Date: 10 Jun 2015 11:32:37

PSD To HTML With Photoshop And Dreamweaver

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

MediaInfo:

General
Complete name : 02_03-Using Photoshop To Create A Color Pallet.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42
File size : 27.7 MiB
Duration : 6mn 59s
Overall bit rate : 555 Kbps
Encoded date : UTC 2013-10-23 11:31:34
Tagged date : UTC 2013-10-23 15:31:36
Writing application : Sorenson Squeeze
Comment : Encoded by

Video
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 6mn 59s
Bit rate mode : Variable
Bit rate : 500 Kbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.036
Stream size : 24.3 MiB (88%)
Writing library : x264 core 129
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x1:0x111 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=6 / lookahead_threads=1 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=150 / keyint_min=15 / scenecut=50 / intra_refresh=0 / rc_lookahead=40 / rc=2pass / mbtree=1 / bitrate=500 / ratetol=100.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / cplxblur=20.0 / qblur=0.5 / ip_ratio=1.40 / aq=1:1.00
Encoded date : UTC 2013-10-23 11:31:34
Tagged date : UTC 2013-10-23 11:31:34

Audio
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 6mn 59s
Bit rate mode : Constant
Bit rate : 64.0 Kbps
Channel(s) : 1 channel
Channel positions : Front: C
Sampling rate : 44.1 KHz
Compression mode : Lossy
Stream size : 3.20 MiB (12%)
Encoded date : UTC 2013-10-23 11:31:34
Tagged date : UTC 2013-10-23 11:31:34

Screenshots