PSD to HTML – Corporate Design Build

WEB-Rip | AVC1 @ 1.5 Mbit/s | 1280x720 | AAC Stereo @ 128 Kbit/s 44 KHz | 2.22 GB

Genre: Web Design, PSD to HTML | Language: English

Taking a website mock-up designed in Photoshop (PSD) and converting it into a working website is without doubt the most common task for any web designer today. In this course, Craig Campbell will show you how easy it can be!

Welcome 3m 18s

Introduction 3m 18s

Setup 19m 26s

The Photoshop File 11m 4s

Exporting Images 8m 22s

Building The Html 1h 2m 48s

HTML Skeleton 8m 42s

Logos and Icons 7m

Navigation 11m 34s

Coding the Content Slider 10m 18s

Two-Column Setup 9m 4s

Four-Column Setup 9m 48s

Coding the Footer 6m 22s

Styling The Header 1h 15m 14s

Adding Fonts 3m 40s

Borders and Default Fonts 5m 10s

Setting the Content Width 8m 2s

Styling the Logo 8m 2s

Social Media Icons 10m 6s

Laying Out the Social Media Section 7m 24s

Animated Hover Effects 6m 10s

Styling the Main Menu 16m 36s

Main Menu Hover Effects 3m 30s

The Search Form 6m 34s

Styling The Content Slider 1h 20m 18s

Slider Navigation and Background 11m 8s

Navigation Hover Effects 2m 30s

Styling the Slider Content 8m 38s

Anchor Tag Buttons 7m 48s

Explaining Column Layouts 6m 14s

Styling the Three-Column Layout 10m 46s

Styling the Four-Column Layout 9m 22s

Image Captions 6m 42s

Footer Background 6m 20s

Footer Columns 4m 14s

Styling the Gallery Thumbnails 6m 36s

Finishing Up 1m 22s

Final Thoughts 1m 22s