PSD > HTML

You are correct brother.

The best thing you can do SnEt is to go over to W3 Schools and learn HTML and CSS there.

Learn how the basic webpage is structured, and how to use HTML and CSS to make simple webpages.

Once you understand these basics, in Photoshop you need to "Slice" your image into the pieces you will need for the website to go online, a Background image, Logo image, etc.

It's best practice these days to Optimize the sliced images and thanks to the latest in CSS (look up the latest CSS ;]) you can do most things which previously required an image with code. For example, gradients can be done with code, so can round boxes, shadows and layers. So where previously you may have had to show an image on a page to achieve a certain effect; you can now do everything with minimal imaging needed so the page runs lightning fast.


The best way to learn is to start with the basics and drill them as fundamentals, then progress and keep progressing.

W3 Schools offer excellent tutorials on HTML and CSS (and a bunch of other languages) and I strongly recommend you start there!

I also advise you view the source codes on the websites you visit and tweak the code to learn it - this is one of the most beneficial things you can do to learn more effectively.

If you really want to jump into this right away, I advise you Google search for this.

The beauty of web design like this is that there are literally millions of free tutorials out there which teach you how to do it, step by step.

Simple use the word "Tutorial" along with what it is you want to learn, into Google and you will find something quickly, I can assure you.


I hope my answer helped,

Zer0

I agree with gcollier. If you do it yourself, you're going to need to slice the image in ImageReady (or Photoshop) and then create <div> tags in Dreamweaver for each of the slices. you can

Here's one <div> tutorial Lissa Explains it All -- Div Layer Tutorial - and another here - Div Layer Tutorial (Advanced) - HTML Tutorials - CreateBlog -- just google for others

And here's a couple tutorials for image slicing -- Eyes on Design - Photoshop tutorial and Image Slicing in Photoshop CS3 - Layers Magazine | Layers Magazine

Brother,

Honestly - when learning to build websites, you are best off just using Notepad.

I actually recommend you download Notepad++ or Notepad 2 - Google them.

It is best to learn HTML and CSS by editing the HTML and CSS only to achieve what you want to achieve. Right now you can build a stunning and exceedingly functional website using HTML and CSS alone - without a single image on the page, just code.