PSD to HTML - Corporate Design Build

with

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!

1× speed

Free Preview: PSD to HTML - Corporate Design Build

Introduction

01:55

1.Welcome
1 lesson, 01:55

Free Preview
1.1
Introduction
01:55

2.Setup
2 lessons, 13:11

Free Preview
2.1
The Photoshop File
02:39

2.2
Exporting Images
10:32

3.Building the HTML
7 lessons, 1:01:23

3.1
HTML Skeleton
08:11

3.2
Logos and Icons
08:20

3.3
Navigation
06:30

3.4
Coding the Content Slider
11:17

3.5
Two-Column Setup
09:39

3.6
Four-Column Setup
08:32

3.7
Coding the Footer
08:54

4.Styling the Header
10 lessons, 1:08:46

4.1
Adding Fonts
06:11

4.2
Borders and Default Fonts
03:19

4.3
Setting the Content Width
04:35

4.4
Styling the Logo
08:01

4.5
Social Media Icons
10:03

4.6
Laying Out the Social Media Section
06:42

4.7
Animated Hover Effects
05:35

4.8
Styling the Main Menu
15:48

4.9
Main Menu Hover Effects
02:45

4.10
The Search Form
05:47

5.Styling The Content Slider
11 lessons, 1:16:09

5.1
Slider Navigation and Background
10:34

5.2
Navigation Hover Effects
02:15

5.3
Styling the Slider Content
08:19

5.4
Anchor Tag Buttons
07:24

5.5
Explaining Column Layouts
06:07

5.6
Styling the Three-Column Layout
10:23

5.7
Styling the Four-Column Layout
09:11

5.8
Image Captions
06:21

5.9
Footer Background
05:40

5.10
Footer Columns
04:07

5.11
Styling the Gallery Thumbnails
05:48

6.Finishing Up
1 lesson, 01:11

6.1
Final Thoughts
01:11


Preview for PSD to HTML - Corporate Design Build
Lessons:
32
Length:
3.7 hours
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio