Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Dismiss
  1. Web Design
  2. Adobe Photoshop

PSD to HTML - Corporate Design Build

by
Lessons:32Length:3.7 hours
Adobe PhotoshopCSSHTML
Turn Autoplay Off
Next Lesson

Next lesson playing in 5 seconds

Cancel

Free Preview: PSD to HTML - Corporate Design Build

Introduction

01:55

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.Welcome
1 lesson, 01:55

Free Lesson
1.1
Introduction
01:55

2.Setup
2 lessons, 13:11

Free Lesson
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

Craig Campbell
Craig Campbell
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.
Add to My CoursesDiscuss in the Forum
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories