portfolio

Wordpress Projects

Project Categories

Tips and Tricks:

Follow Twitter

portfolio

Display #
WordPress Theme - WordPress Theme customizing www.artruby.com Buyer Feedback
Finished: 29 June 2009
Create wordpress site - WordPress template creating www.webvine.com.au Buyer Feedback
Finished: 23 February 2010
Redesign WordPress theme - Redesign WordPress theme and clean up CSS www.realestateeconomywatch.com
Finished: 09 April 2009
WordPress template - WordPress template creation from PSD's files www.winevibe.com
Finished: 24 June 2009
WordPress template - WordPress template re-design www.granitegrannies.com
Finished: 17 April 2009
Wordpress template - PSD slicing and creation a template for wordpress www.urbanactive.ca
Finished: 05 May 2009
WordPress site - WordPress Thesis customization www.thinkdave.com
Finished: 23 July 2009

View all tutorials

Adobe Flash Player not installed or older than 9.0.115!

Get Adobe Flash Player here

PSD to HTML. How to design my own website and add it to HTML? Lesson 2

PSD to HTML. How to design my own website and add it to HTML? Lesson 2

In previous lesson We learned how to create simple design in Photoshop. Now i show you how to slice and PSD file and add it to our HTML page.

Download HTML/CSS

Step 1. Slicing PSD file:

Select Slice Tool in Photoshop (or just press "K" button on keyboard)
Select backgrounds that we will use in our site (in my PSD file this is: Body and Header background)

© 2010. Sopov.com