I was hoping you could help me figure out how to proceed with my website design. Here's where I am.
I am designing a mock-up in Photoshop using layer comps for examples of my different pages. I've been designing it at an image size of 1024x768 px using a monitor displaying at 1920x1200 so it appears compact and minimal (my intentions) on my display. However, I am aware this will not be the case on monitors with the resolution equal to or lesser than my actual design resolution of 1024x768. With this in mind I have a few questions since I'm no web designer and could use the help understanding how I can get my own site to translate as well as possible across multiple resolutions.
My first question is, should I consider designing multiple versions of the site then detect the viewers monitor resolutions in order to link them to the properly sized HTML? Does anybody have any experience they might be able to share using this method?
Secondly, if I don't go with the custom HTML site being specific to the user's resolution option, is 1024x768 OK or do I need to shrink it with IMAGE SIZE to something smaller to account for the browser's menu and search bars?
I've read some advice saying to design for 800x600 but actually use 775x425 to account for the browser's interface. This seems to be a bit small for my photography site and I'm not sure many people looking at artwork would have such a small resolution but I could be wrong. What are your thoughts on such a small resolution?
Thanks a lot for any feedback, I appreciate it very much!