Photoshop cs3 (web deisgn)

[ChrisPearson]

Hi i have to design my webpage layout using this and i have no idea where to start could someone give me a few pointers of how to make a basic menu and import a image that wont take up the whole workspace.

 

[cava83]

I would learn how to spell design first

 

[ChrisPearson]

Lush.

 

[RSi Dave]

create a new layer for everything, then resize the layers.

 

[Seedy172]

Im having a problem with the Web Design LOL. PS is the relatively simple part imo

 

[furry_cup]

lol. sorry.

 

[ChrisPearson]

Still not able to do it.This is the first time i have used photoshop so i guess it would take afew weeks to get used to it.Any step by step guide i can use?
basicly i want an image at the top with a logo over it then a menu undearneath that then anotehr image then the main text.

 

[jon_r]

Erm this could take a while then. There are plenty of guides online if you do a search. Probably the best place to start tbh. You could use a free online template though, that might be easier for you.

 

[JJ!]

Surely you will want to design your website using HTML?!!!

Photoshop is not really a way of making a website - images for the site yes, but not the site in general?

Is that just me? lol

Erm this could take a while then.

and I lol'd just a wee bit

 

[ChrisPearson]

HTML is coding im just designing the layout.I want to use Photoshop to make a mock-up of the basic page structure but have no idea how to use it.If i go on web page and then import an image it just takes over the page and resizes it.

 

[Revels]

Well then make the image smaller?

 

[Nigel]

Photoshop doesn't work in a way similar to any other program really. It's quite a steep learning curve, but there are plenty of resources on the net, just google photoshop tutorials.

 

[ChrisPearson]

Yeh but then the whole page resises.I think i need to learn how to use these layers :S do i have a layer for each image and drag them onto the page?

 

[JJ!]

HTML is coding im just designing the layout.I want to use Photoshop to make a mock-up of the basic page structure but have no idea how to use it.If i go on web page and then import an image it just takes over the page and resizes it.

Not just coding! HTML can be used to control the whole layout, including text, borders, links, images etc!!

 

[Nigel]

If you paste an image into your document, it should appear as a new layer. Then click on edit, then select Transform. You can then resize the image without affecting your original document.

 

[ChrisPearson]

It can but technicly it shouldnt

 

[Revels]

You want all those in their own layer.

Make the photoshop page 600pixels wide and then you can worry about exporting it to Dreamweaver once youve got the ideas sorted.

 

[JJ!]

Nice skills revs!!!

 

[Revels]

I was going to do it in photoshop but I thought he'd just copy it directly. At least this way he has to do some work himself! lol

 

[JJ!]

Aye... we don't get paid enough to be that helpful!!!

 

[Andy.]

Use Fireworks to design your layout, slice it up and export to .css. It is a bit simpler than photoshop but not as many options.

 

[ChrisPearson]

Cheers,so once ive created all the individual layers can i just drag them on to the page?

 

[Revels]

Well no, then you can save each image individually (Save for Web) and then import them into dreamweaver. You can use tables to get it lined up how you want..

 

[Nigel]

TBH Chris and without sounding like an ass, your way out of your depth with this.

 

[ChrisPearson]

ok so basicly i create the banners in photoshop and then import them into something else I may even use publisher.I just thought that you could design the pages in photoshop

 

[Saundo]

I use Photoshop for fiddling with images and Firewoks for doing layouts, Fireworks links straight into Dreamweaver and is much more suited to doing web layouts.

 

[Adams_16v]

there is endless info online. i learnt web design from scratch from basic html to pure css driven sites, and now much more advanced php, js and ajax based sites.

Photoshop is the main tool, just design in there using layers, then chop it up and put it into divs.

www.i-modish.co.uk - example!