Well....basically this is how I do it:
1. Get Photoshop 7 or 8
2. Design a layout
3. Cut it up for the areas I want to have content in (text, iframes, ect.)
4. Save it as a web document (Photoshop writes a .HTML page and puts all of your design with it)
5. Code the layout to have live content.
6. Upload to my site :happy:
Now that's a very very basic tutorial. If you don't know how to do anything that I mentioned, it would be tough.
Here
1. Get Photoshop 7 or 8 -
www.Adobe.com you can usually get a free 30 trial
2. Design a layout - Try searching
www.Google.com for tutorials on web design, effects, ect. As you learn new ways to make things look, you'll develoup your own unique style.
3. Cut it up for the areas I want to have content in (text, iframes, ect.) - By cut I mean using the "Slice" tool. You choose areas for each part of the layout to be "cut". i.e. Photoshop saves it as its own images, and puts them all together in the actual layout. This is so you can put text, or anything else, over an image. A turorial on cutting and coding layouts with Photoshop by -SE7EN- is
here (video)
4. Save it as a web document (Photoshop writes a .HTML page and puts all of your design with it)
5. Code the layout to have live content. - Open the document Photoshop just exported, usually named what your design was. I use 1stPage2000 (
www.evrsoft.com) it's totally free, and very easy. Anyway, to put text over any image in your layout, view the layout as it is, and then choose where you want the text to go. Right click and select "save target as". This tells you the image name. Copy the image name then click cancel. Find that image in 1stPage2000 (in the HTML coding) and above that image you will see a <td>.
It's usually like <td width="535" height="444">
what you want to do is make the image below it the td background, so that you can put writing over it.
so instead of:
<TD COLSPAN=11>
<IMG SRC="http://elitenick.com/v3test/images/elitenickdotcomv3_24.gif" WIDTH=470 HEIGHT=42 ALT=""></TD>
It needs to be:
<TD COLSPAN=11 background=="http://elitenick.com/v3test/images/elitenickdotcomv3_24.gif" WIDTH=470 HEIGHT=42><center>TEXT!!! Woot woot
</TD>
6. Upload to my site :happy: - Use an FTP uploader. Faster than using an HTML uploader.
www.cuteftp.com
Alright I know this is too difficult to understand for newbies probably...but hey.
:ermm: