Designing a web layout in Photoshop - HTML Forums

HistoryGirl · 04-08-2009, 01:16 PM

Hi,

I'm looking to create a web layout for my website in photoshop. I'm still fairly new to it and I was wondering if anyone had any links to any good tutorials that would give me a good starting point.

In addition, is it possible to add some code to make adjustable to different size screens?

Any help would be great and much appreciated

sitegrinder · 06-05-2009, 03:59 AM

Hello! Why not try the sitegrinder plug in tool for photoshop this has online tutorial videos for you to learn and from here you can start to create your own web page.

mrben2k7 · 06-12-2009, 10:06 AM

Hi,

If your new to PhotoShop, I would reccomend something a bit Simpiler...

Try Adobe/Macromedia Fireworks.... much simpler to use, and just as effective.

Also...

www.Lynda.com do excellent tutorials for most web development based software

PaulK · 06-13-2009, 11:26 AM

Hey HistoryGirl,

There's an awesome tut on here that shows you how to make a really good design in photoshop and then how to code the website after...

The whole site is full of brilliant tuts...it's like my bible

http://net.tutsplus.com/tutorials/de...%80%93-part-i/

Hope that helps

~Paul

Jenie0109 · 06-17-2009, 12:21 AM

i dont have that much knowledge in creating a website but i think you might wanna use dreamweaver for that. Design the template first in Photoshop then you will integrate it with Dreamwearver to add CSS codes in order to make the website work

laurence_03 · 07-08-2009, 11:37 PM

well thanks for the ideas that you share in this sites i hope its work!! have nice day!!!

websolutions · 07-09-2009, 11:03 PM

The more you work on photoshop the more acquainted you get with this software. It is the best software to make webdesigns. To make a site adjustable to different sizes, you must be able to do coding in HTML.

peterum02 · 07-13-2009, 11:50 PM

visit my site...

MatthewAnders · 08-04-2009, 10:38 AM

Quote:

Originally Posted by PaulK

http://net.tutsplus.com/tutorials/de...%80%93-part-i/

Hope that helps

~Paul

Hi Paul,

Do you know if this site is still valid? Everytime and with different variations, this page comes up as timing out or not found for me... I love to read through tuts I find and try out the different things they are teaching so a new spot to get tuts would be great.

Cheers!

Geoserv · 08-12-2009, 09:15 PM

You can also try:

http://psdvibe.com
http://www.grafpedia.com
http://psdtuts.com

Good luck.

Geoserv

pmorrison2588 · 08-25-2009, 10:50 AM

While you are creating the photoshop layout you cannot write a code, but when you will embed the layout in the webpage, then you can add a code. There are numerous tutorials for photoshop, but I am afraid that without any prior experience you won't be able to give your layout a professional look.

airforce1 · 11-09-2009, 04:16 AM

I think it is effective to do this job in Dreamweaver and use CSS to your site adjustable to different size screens.

ShadowWolfe · 11-12-2009, 02:38 PM

I use a mix of Photoshop Elements and Dreamweaver in designer mode. You may find this works out to be the best of both worlds? Cna't hurt and learning new software can be a hoot