Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.

The Homepage

In the first lesson, we build the wireframe for the homepage.

1.Introduction
1 lesson, 01:00

Free Preview
1.1
Course Overview
01:00

2.Theme Wireframes And Preparation
8 lessons, 1:16:24

Free Preview
2.1
The Homepage
12:38

2.2
The Category Page
07:00

2.3
The Product Page
10:48

2.4
The Shopping Cart
07:06

2.5
The Checkout Process
12:00

2.6
User Interface Elements: Swatches And Typography Styles
06:18

2.7
User Interface Elements: Buttons
11:31

2.8
User Interface Elements: Form Elements
09:03

3.The Homepage
7 lessons, 1:47:11

3.1
Header and Category Drop-down
15:41

3.2
Search, Guest Area and Empty Shopping Cart
16:20

3.3
Registered User Area and Populated Shopping Cart
16:19

3.4
Promotion Slider
17:46

3.5
Featured Products Area
19:41

3.6
Footer: Call To Action And Link Area
13:22

3.7
Footer: Bottom Area
08:02

4.The Category Page
3 lessons, 39:49

4.1
Page Banner
16:28

4.2
Breadcrumbs and Sidebar
12:31

4.3
Products
10:50

5.The Product Page
2 lessons, 33:13

5.1
Main Product Area
18:02

5.2
Product Description, Reviews and Related Products
15:11

6.The Shopping Cart and Checkout Pages
5 lessons, 55:19

6.1
Shopping Cart
16:46

6.2
Checkout Method
10:36

6.3
Checkout Billing Information
07:57

6.4
Checkout Payment Method
12:31

6.5
Checkout Order Summary
07:29

7.The User-Related Pages
3 lessons, 30:15

7.1
Sign In and New Account
11:45

7.2
My Account Overview
04:53

7.3
Order History and Order Detail
13:37

8.The Secondary Pages
2 lessons, 09:22

8.1
Contact Page
05:02

8.2
Generic Secondary Page, Sitemap and Search Results
04:20

9.Conclusion
1 lesson, 00:31

9.1
Final Words
00:31


Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
+ Expand Bio- Collapse Bio