PhotoshopForums.com Home
Navigate Contact FAQ Search Members
website
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Design and Graphic Reviews
 See a User Guidelines violation? Please contact us.
Author Message

Dan

Joined: 06 Apr 2003
Posts: 23



PostPosted: Thu Sep 16, 2004 8:56 am    Post subject: website Reply with quote

******

made this for my brother.

layout is pure CSS...

Its not heavy on the graphics, I was going for speed and simplicity.

This is my first REAL website, so any advice to help improve my style/technique would be awesome Big Grin

It is for my brothers company by the way :)

Thanks


Last edited by Dan on Fri Mar 18, 2005 7:21 pm; edited 2 times in total
View user's profile Send private message Send e-mail

webguy

Joined: 25 Aug 2004
Posts: 165
Location: Canada


PostPosted: Fri Sep 17, 2004 2:23 am    Post subject: Reply with quote

Hi there Dan :)

Well, I can help you out in a few areas. Don't take offense though, as the case may be we will disagree on some things. ;)

1) Images:

Alot of your images are rather HUGE!
True, they are really high quality, but on the net big is not always better. For instance, the header image and the front page image(4x4 in the woods) combined make up a whopping 60+ kbs. This alone is 2 times more than what a webpage should have in total including all code. Then if we add the webpage background color, the gradient, that doubles it to 120kbs. This is far too heavy. What you need to do is comprress the images further. Or if they have never been compressed, compress them now. This will shorten the time needed to download your webpage.

Talking about the gradient background, here's a quick tip. It's actually a really good one. You know how you are using one huge image. Well, using css you can now reduce that huge image to a sliver of it's former self. This is what you need to do.

1) open the original gradient background image
2) cut it horizontally so that it's now only 6px tall(or whatever you choose).
So now you have a very short, but very wide gradient.
3) Using css, add this to your body declaration.
Code:

background-image:url(path_to_gradient_image.jpg);
background-repeat:repeat-y;
background-position:top right;


There, now if you have compressed the images, and sliced the gradient, you should be well under 40kb total. A good start.

2) Color:

Try to use high contrast colors for text. for instance there are parts on the black webpage where you use green for the text color. While it looks cool, it tends to annoy visitors because it's hard to read. In some spots such as headers it's large enough to be easy to read. So no worries there.

The menu is a little hard to read too, maybe it's the color used or maybe it's the size of the text. hmm..I think it's a combination of the two. Dark colors generally make it hard to read when they are used together.

To help you with colors you may want to do a google search for "color harmony". This is a general topic describing what makes a good color scheme to use for things like quilts and ads to websites and book covers.

3) Copyright :

Change it to >> [i]Copyright © Big Country Customs 2004, all rights reserved[/b]

It's good for dealing with legal issues internationally.

4) best viewed in:

Don't add that to any website you make. Especially for a professional website. It's a no no on the webdesign list of things not to do for various reasons. again, a google search will yield more answers.

-----------------
Well, aside from that you've done a good job. The header image is Fantastic! Is it one of your own images?

I guess the final tip I can give is SEO. Do a google search for this term too, it's basically a way to improve your search engine rankings through webpage tweaking.

I hope that was helpful, and not too mean or offensive. The thing is there is so much to say that I have to be blunt and to the point about much of it, just so I can get the most important stuff out there.

p.s
Some links still point to .html pages rather than .shtml pages. I got 404 errors.

_________________
Providing small business with high quality affordable websites:
Alberta Custom Websites

Keep up todate with latest virus scares, google, microsoft, linspire and more:
Web and Technology News
View user's profile Send private message Visit poster's website

gecko

Joined: 29 Mar 2003
Posts: 293



PostPosted: Fri Sep 17, 2004 3:54 pm    Post subject: Reply with quote

ok this might be preference only
but that font is somewhat stock dont you think?

Id like to see a more exciting or germaine font

_________________
*sketchkiddie*


http://thebluegecko.com
View user's profile Send private message Visit poster's website

Dan

Joined: 06 Apr 2003
Posts: 23



PostPosted: Mon Sep 20, 2004 11:16 am    Post subject: Reply with quote

gecko,
I chose that font for browser compatibility. I wont be changing it to some rare to find font.

webguy,

no offence taken at all.

As for the images... they are optimized in Photoshop a bit, but I will try and shrink them a bit more without loosing quality. Not sure how much luck I will have with that...

As for the green. There isn't any text that is green other then the address and headers?

Hmm on my monitor the contrast is great between the green and black... never noticed a contrast issue.

The color of the links have changed as well... they used to be blue. But I thought the rusty... orange/brown color was a more harmonizing color combination. Black background with earthy colors (green, brown etc.).

The gradient could be done that way yes. It is actually one image that is set in a fixed position, so the rest of the site is scrolling over it. I didn't use one slice of the image because its more then just a gradient... I used a scanline overlay... so it would be hard to slice it in a manner to repeat that pattern nicely. I will definitely give it a try though.

Thanks for your suggestions :) appreciated

PS: the shtml issue was because my host wasn't hosting SSI files properly. I was trying to work around the issue, but I had some troubles.
I canceled that webspace and moved it to a host that fully supports SSI, so that should all be fixed up now.
View user's profile Send private message Send e-mail

webguy

Joined: 25 Aug 2004
Posts: 165
Location: Canada


PostPosted: Mon Sep 20, 2004 11:46 pm    Post subject: Reply with quote

great! :)

Well, while photoshop does a decent job, it's far from perfect.
Do a google search for pegasus jpeg wizard.

It costs about $30 but it will give you the best quality hihgly compressed images of any product I've tried to date. It's an awesome tool!
Of course, if free is your bag, you can do a search for gifbot + netmechanic.
They have an online image compression program as well. It's not as good as the pegasus tool, but it does a fine job just the same.

_________________
Providing small business with high quality affordable websites:
Alberta Custom Websites

Keep up todate with latest virus scares, google, microsoft, linspire and more:
Web and Technology News
View user's profile Send private message Visit poster's website

gecko

Joined: 29 Mar 2003
Posts: 293



PostPosted: Fri Dec 31, 2004 10:28 am    Post subject: Reply with quote

Dan wrote:
gecko,
I chose that font for browser compatibility. I wont be changing it to some rare to find font.
.

rare and non stock mean two different things
any designer worth his salt have more than just the handful of standard fonts

if you dont, well.....

_________________
*sketchkiddie*


http://thebluegecko.com
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Design and Graphic Reviews All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com