Complete Guide to Creating a Blog Website Layout

Complete Guide to Creating a Blog Website Layout

Hide all unneded layers again and select a big rectangle from the shape (and borders) that have been left. Save the copy as a new document and name it content.png.
step-023b[5]
Then add html and css as follow:

step-023c[5]
Seems to look great. From now on you should know how to cut out needed images from psd so you could later use them in html. Try to move on by yourself in cutting before you will check my sources. They could be a bit messy, but I hope you'll fully understand everything with a change and try method. Remember, html won't eat you. If you will mess something up you always have CTRL+Z and back-ups in your altirery.

Final Results

final-results[10]

Download the PSD and HTML template

Strona Website Template.zip | 23.34 MB Download from Website


Authors Comment

profile[5]Hai! My name is Maciej Kwas. I am self-taught graphic designer and web developer from Poland. I am currently studying Civil Engineering at the Lublin University of Technology. You can follow me on Twitter and read some personal stuff on my blog. Here's my facebook. See you around!

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13

2 comments on “Complete Guide to Creating a Blog Website Layout”

  1. Dzięki za tutka. Muszę przyznać że fajnie wygląda ale przy 8 latach doświadczenia wszystko można zrobić :)

    BTW:

    Czemu mnie nie dziwi że w komentarzach pojawia się flame ? ;d

Leave a Reply

Your email address will not be published.

cross