Comments on: Designing a Simple but Professional Website Design

By: DaVince

DaVince — Fri, 10 Sep 2010 10:53:16 +0000

We had to do this tutorial in class, and I can’t say I mind at all. Thanks for the great tutorial, I learned a lot about PS thanks to it.

Though you may have made a bit more clear where I could find those ornaments/presets…

By: gobexx

gobexx — Tue, 06 Oct 2009 01:53:10 +0000

how convert this design to HTML

By: nehal

nehal — Fri, 28 Aug 2009 08:47:06 +0000

Nice.
Would you please tell us how to convert PSD files to HTML.

By: migaber

migaber — Sun, 25 Jan 2009 12:14:55 +0000

nice templete gonne to do it now

By: Allan

Allan — Mon, 21 Jul 2008 08:20:04 +0000

hi, thanx for this tutorial i have done twice and have tried to modify it for my own suiting. Have learnt alot and thanx for the good works. Photostar!

By: Love Malhotra

Love Malhotra — Mon, 23 Jun 2008 12:03:12 +0000

its nice and very useful for every one.its give agreat knowledge.i love it

By: Ryan

Ryan — Wed, 23 Apr 2008 02:04:58 +0000

Nice tutorial for laying out websites in PS. It’s nice to see a professional design done from scratch. Most of the tutorial sites come up with some pretty lame mockups. Do you ouput the HTML from PS or slice and dice into Dreamweaver or some other editor?

By: Sean

Sean — Wed, 09 Apr 2008 15:43:51 +0000

I don’t know much about slicing the image up for web design.

I believe you simply slice the picture into nice, easy images (navbar, header, content, etc.).

What I usually do next is, when creating my actual site, create a table. Apply the background as your sliced up image.

So a sample would be

table (this is the main website, all together)

(table row)
(this will be my header)
to end the header
to end the first row

navbar area
content area

So you have a 2×1 table nested inside a table. Obviously, this is incomplete code. Change the settings for your site. Inside the cells place your info, etc.

That is only my method. Long and tedious. I’m sure theres a better way.