Photoshop Saving For Web, Making Site better

[winmastergames]

Ive made a website in Photoshop and saved it for the web but it doesnt work that well it isnt good when its on Different Resolutions(you cant see it) any ideas how i can fix it to look good on other resolutions it works fine on 1440x900 and larger. heres a link: http://phoenixtesting.noadsfree.com/

[Yesideez]

Let me guess - you're running a very large resolution monitor to work with. Yes?

 

Most people now tend to use 1024x768 although many are still running in 800x600 and some even lower.

 

On nearly everyone's monitors the user will have a horizontal scrollbar at the bottom - not good.

 

Best thing to do is edit the image and max it at around 970.

[SuperBlue]

I would say, you shouldn't use Photoshop to generate the HTML/CSS, photoshop should only be used to create the graphics, that would be such as buttons, and backgrounds. I would even recommend that you use a free editor like Paint.NET, because photoshop i simply find way overpriced.

 

Avoid WYSIWYG editors, and learn to code your pages by hand. This has a number of benefits, off-hand i can give you.

1: Clean Code

2: More Control over basically everything.

3: Correct usage of Elements and Attributes.

 

Above could also lead to better accessibility of your pages, as well as less coding required, lower load times because of external StyleSheets in place of embedded and inline styles.

 

You should also avoid using templates, unless you understand the code down to the last letter.

[haku]

The 'code' that photoshop produces when exporting for the web is absolute garbage. Partially because it's not cross-browser, cross-monitor compliant, partially because its super bulky.

 

The code produced is pretty much un-usable.

 

Photoshop is great for designing layouts, its not good for creating them.