website resolution

Hi, I have a problem with website resolution; all my websites are kind of blurred. Recently I discovered Photoshop/Image Ready as web design tools, so I started to get addicted in doing all the work on those tools. But I didn’t figure yet this resolution problem. I save the files as optimized (IR) or save for web (PS) but that doesn’t help much. The websites are readable but blurred (worse on letters). So my questions are:
1 – I normally create a file as Width 700 pixels, Height 600 pixels, Resolution 72 pixels/inch, Mode RGB color. Is that correct?
2 – I save it as GIF 128 Dithered or JPEG High, no much difference there. What is the best way to save files for a website?
3 – I do almost the entire web on PS or IR. I also use frontpage to create forms, asp files, databases, inline frames, web page title and other little things. To finish, I publish the website right from frontpage. Is that the best way to create websites? Does the frontpage interfere with the resolution?
I’m not sure if I can place here my websites links so who wants to help me could see what I’m talking about…
Since now, thanks for any help and thanks teamphotoshop for this great and helpful website!

in general everything sounds ok. you'll normally want to use jpeg for images with any sort of shading or gradients or shadows, gif for primarily solid color images.

without seeing anything it's impossible to really tell what's going on or what you mean, post some links and we can take a look.

chris

I have 2 projects going on, but I can not show those yet. The link below is for a project not finished too, but the customer is already using this website.

www.angelot.us (pay attention at welcome and know how pages, mainly on the letters)

This is my website. I'll publish a new website as soon as I finish those 2 projects.
www.theredfeet.com

all the others that I did are before my PS/IR phase, so they do not apply for this post...

Thanks for any help...

The first URL you gave was the only one I glanced at. It seems that at the present time you have images in place of what would be HTML text. If you take the aliasing off in Photoshop when you are comping your website, it would give a more accurate portrayal of the overall website, in effect much like the text you see on this website.

As for resolution and the web, it's a bit of a myth, as far as I know (please correct me I am just plain wrong folks!) it doesn't have any real relevance.

[QUOTE=vivi]I have 2 projects going on, but I can not show those yet. The link below is for a project not finished too, but the customer is already using this website.[/QUOTE]

To me, both links look pretty good. You might get even better results, if you play around with the antialiasing modes (sharp / crisp / smooth / strong).

There's a plugin called Sharp Type, that has a special render-engine built in. It doesn't depend upon Windows-Truetype rendering but does it on it's on. And it claims to give better results then Photoshop.

If you still don't like the result, why not give pixel fonts a try?

make sure your not resizing the images in your html code, it'll make them look like crap.

Yes, I found out that the anti-aliasing method was set to strong. I changed it to sharp and I got a little better result.

No, I'm not resizing the images.

The entire websitetips is very helpful (link posted by rck). I didn't see much difference using the sharp type plugin, but I want to explore it better.

as someone else mentioned, i'd STRONGLY suggest making your text actual html text instead of an image. you'd save yourself a lot of problems.

chris

ok, ok, ok... I got it!
but, how do I blend it? as I told I never used photoshop as web design tool before, so how can I put a html text inside the sliced images from photoshop? Can I use borderless frames? (doesn't hurt to ask... Or should I use just tables and css to organize it?

Your form page on the first link is how the entire site should look. Putting text in images is a very bady idea, for a lot of reasons. For one thing it is frequently hard to read, like you are experiencing. You can't select the text to copy/paste it. You can't resize the text if you prefer the words to be larger in your browser. The search engines can't see the text, so your site is basically invisible to them.

Just look at other e-commerce sites to get ideas no how to lay it out so that it's usable. Amazon.com is a good place to start. They just have a small picture of the product with information in HTML text. Then you click to enlarge the picture.

And try to stay away from frames as well. You'll have much better results as far as search engines and usability goes if you just make an HTML page for each product or page, rather than just having a frame.

Also use better Title tags. Search engines depend on these a whole lot to know what a page is about. "Index" is not going to tell them anything at all about the page. Then when you have all of your text in images, there is no possible way the search engines can index the site and know what it's about, which means no one will find your customer's site. A more appropriate title tag would be something like "Angelo T - Glass Sculptures" or something like that.