Comments on: Design a Trendy Yet Professional Website Layout

By: Meena

Meena — Tue, 30 Jul 2013 19:01:06 +0000

How would you code this though?

By: luich

luich — Tue, 11 Dec 2012 21:57:50 +0000

Good tutorial, just like i look forward.

By: Dan

Dan — Thu, 30 Dec 2010 01:07:14 +0000

What would you recommend to do with this, for the wider resolutions?

By: Ali

Ali — Wed, 29 Dec 2010 13:19:02 +0000

nice creative
thanks for this tutorial

By: wael

wael — Thu, 23 Dec 2010 23:25:01 +0000

Thank you
Lesson fun , wonderful and useful

By: Shon

Shon — Sun, 12 Dec 2010 14:16:42 +0000

Nice, i like blue-orange websites!

By: Salomon

Salomon — Sat, 11 Dec 2010 23:54:02 +0000

Hey, very nice tutorial, though it wasn’t geared for the type of website I was designing, some of the ideas, such as the menu bar, came in handy for creating a new layout for my page. Thank you.

By: Tom

Tom — Fri, 10 Dec 2010 16:53:21 +0000

Thanks Wouter, that’s pretty much what I was about to say . We’ll actually have some .psd to html tuts in the future so keep an eye out.

By: Wouter

Wouter — Fri, 10 Dec 2010 08:03:00 +0000

Each and every single component (i.e. button, search bar) is designed on a different layer. Export each layer (component) as a GIF, PNG or JPEG file. To make it into a website you’re gonna need a application to create webpages. I prefer Adobe Dreamweaver myself.

Try looking up some HTML/CSS tutorials to gain some experience about creating websites. I hope this is the answer you’re looking for.

Wouter

By: Marcelo

Marcelo — Thu, 09 Dec 2010 16:09:33 +0000

Hi Folks! I loved the step-by-step tutorial, but what is the actual product used to create all that? I am intrigued about how do you put the hyperlinks into these items, or how the rollovers and search data are indexed?
What’s is this product called? (I know is photoshop, but how do you use it so that it becomes a functional website?)
Thank you for the enlightement!