Free Preview: Converting an eCommerce PSD to HTML & CSS

The Index Page's HTML

44:14

The Index Page's HTML

In this lesson we’ll dive straight in, and begin converting our PSD index file to HTML and CSS. Since the index page requires the most HTML and CSS to be coded at once, I’m going to break this section into two lessons. For this lesson, we’ll cover the HTML, then in the next lesson we’ll add in the CSS.

1.Introduction
1 lesson, 12:08

Free Preview
1.1
Introduction, Overview, and Setup
12:08

2.The Index Page
2 lessons, 1:43:11

Free Preview
2.1
The Index Page's HTML
44:14

2.2
The Index Page's CSS
58:57

3.Product and Category Pages
2 lessons, 1:08:41

3.1
The Category Page
47:32

3.2
The Product Page
21:09

4.Utilities Pages
7 lessons, 1:08:15

4.1
The Search Results Page
06:05

4.2
The New Account Page
12:05

4.3
The Sign In Page
11:23

4.4
The Contact Us Page
08:16

4.5
The Order Details Page
16:46

4.6
The Order History Page
07:51

4.7
The Personal Details Page
05:49

5.Conclusion
1 lesson, 13:13

5.1
The Shopping Cart Page & Conclusion
13:13


About Andrew Perkins
Hi there, I'm an assistant editor at Tuts+ and am very passionate about the Web, PHP, Ruby, Rails, JavaScript, and web frameworks in general. You can connect with me on Twitter, Youtube, and Flickr.
+ Expand Bio- Collapse Bio