Website Design in Photoshop

Forum Moderators: not2easy

Message Too Old, No Replies

Website Design in Photoshop

Having Text on top of Background + Centred webpage

lekan

12:11 pm on Sep 14, 2006 (gmt 0)

Hi Everyone, I came across this site in search for help on designing webpage in photoshop and exporting it to dreamweaver. I need to design a complex website for myself with phohoshop (with pictures as the background). The problem I am having first is after importing the sliced image to dreamweaver, I can't type text on top of the background and even if i do get it right something, the background does not repeat itself. And that make the layout scatterd. I want a background image that will adjust automatically to the how long the text typed is. My second problem is how to center the website to fit all screen resolution even if it does not covers the whole screen, but for it to be centred and what size should the layout be e.g 800x600 .

Any help with be appreciated. Pls not that I don't have any knowledge about html. Just Photoshop and Dreamweaver.

Thanks for reading

Lekan

war63

3:11 am on Sep 25, 2006 (gmt 0)

Hi,
If you want your html page to auto adjust to the screen size than you need to create it at 100% not pixel size. Normally a repeated background in tables will adjust to the pixel size if the size is not specified but left at 100%.

Normal screen size is 800x600.

War

<snip>

removed url

[edited by: limbo at 2:36 pm (utc) on Sep. 27, 2006]

sonjay

2:01 pm on Sep 25, 2006 (gmt 0)

What you need is a fundamental understanding of html and css -- forget Photoshop and Dreamweaver for the moment, and go read some tutorials on html and css, or get yourself a good book or two on it.

Then come back to Photoshop. Do not simply export the Photoshop design into Dreamweaver. The html exported by Photoshop (or any graphics program) creates extremely fragile code and rigid structure that will fall apart at the first strong wind.

Build your page structure in Dreamweaver, and export the individual slices from Photoshop as needed. When building/exporting, decide which slices should be non-repeating and which should be repeating. Also decide which slices should be background images (most or all of them, probably). Then build your page in Dreamweaver using css to place your repeating and non-repeating images as background images.

All of this will make more sense to you once you have that solid understanding of html and css that you need.