New to Photoshop, please look...

[thickandthin]

Hello, I started a web-site with Photoshop, and I need some honest opinions, and some changes I can make to it,

http://www.thesourcenetwork.com/test/index2.html

Thanks,
TSN

[scroots]

not bad apart from the lines going through the text make it hard to read, also the letter spacing could be slightly increased.

scroots

[allida77]

could use a little more contrast between the dark blue and black (Especially on the top). You might want to try a lighter shade of blue or increase the opacity of it.

[MotherNatrsSon]

I looked at in in IE 5.1 and NS 7 on a MAC. It looks great in NS 7 but it is a little darker in IE which always seems to be the case. I am doing the same thing to my homepage with photoshop except I used <div> as layers instead of tables....

MNS

ps the thickandthinpizza link does not work....

[pardicity3]

It looks pretty good though I have a few things to say.

1. I don't like the use of bevels...well, atleast bevels that look to be photoshop layer style bevels. They are too overused in my opinion and they look a little gaudy if not used right. Try messing around with the airbrush.

2. As has been said millions of times, tables aren't really supposed to be used for this. You may want to try and use <div>'s instead. Of course, I can't make you do something, I can only influence you :)

3. Also not a big fan of using the window.status() function in JS. I like to know where the link I am about to click is going to take me. Plus, when I put my mouse over a link it tells me three times what that link says (i.e. the image says 'home', the tooltip says 'home', and the status says 'home').

You are definetley headed in the right direction, just a little fine tuning may be needed that is all.

P.S. I enjoy staying away from images. It's more fun to try and create cool looking layouts without them. But that is me preference, and me preference only!!

[bradyj]

...see and I like making links with images. It's more fun to me.

I would agree with the bevel comment by pardicity3 -- it's very overused, but it does give a cool effect. If you want something that gives you more control over your bevels, extensis has some products. Or you can custom make it.

I actually like the title font -- I've had that thing for years and have yet to be able to find something to use it.

I also dig the colors and the grid -- very much like the movie 'Aliens'.

my only gripe is the links. I don't know if you're using photoshop 6+ or not, but when you are creating that font (if it's typed) go to layers > type > anti-alias none. If you created it in illustrator and pasted it over, past it as a path, and fill it with anti-alias deselected. My reason for this is because the text images you used for the links are rather fuzzy, so to speak. They are small, and the anti-alias has made them rough and difficult for your eyes to pull focus. Removing anti-alias would make it crips and much more clear to read. I have a strong frustration with that:)

Otherwise, I think it looks great:thumbsup:

[bradyj]

...oh, and yeah. Get off the tables and go with the <div>s. Needs to be done.

I would also recommend reading up a bit on HTML code, because ImageReady (when I first started out) screwed up some very good ideas I had because it makes some funky code. Namely, the javascript rollovers it creates don't 100% work in other browsers than IE.

But you are on the right path:D

[thickandthin]

but i dont know divs

[liorean]

That's why you should experiment and learn from that. Divs aren't easy as you need to know your fair share of CSS and browser inconsistencies to get them to work, but in the end they will probably make your code cleaner and help you in future web page development.

Also, learn from observing. Take a look at the sites of Owen Briggs, Eric Meyer, Ian Hickson, Jeffrey Zeldman, Stephen Champeon and lots of other people, and you will see how they do stuff. Also, Bluerobot, Glish, Box Lessons, CSS Reservoir and the CSS-D mailing list are very good resources for both ideas and learning.

[thickandthin]

where can i learn divs

[liorean]

Problem is not learning divs as much as learning css. Divs or any other tag doesn't really matter.

<http://www.thenoodleincident.com/tutorials/css/index.html>, <http://www.nypl.org/styleguide/>, <http://www.brainjar.com/css/positioning/default.asp>, <http://www.glish.com/css/>, <http://www.bluerobot.com/web/layouts/>, <http://www.thenoodleincident.com/tutorials/box_lesson/index.html>, <http://www.thenoodleincident.com/tutorials/design_rant/index.html>, <http://developer.apple.com/internet/css/>, <http://css-discuss.incutio.com/>, <http://realworldstyle.com/>, <http://www.webstandards.org/learn/resources/css/index.html>, <http://developer.apple.com/internet/css/>, <http://www.w3.org/Provider/Style/>, <http://www.benmeadowcroft.com/webdev/>, <http://www.digital-web.com/tutorials/tutorial_2002-06.shtml>, <http://www.digital-web.com/tutorials/tutorial_2001-11.shtml>, <http://www.digital-web.com/tutorials/tutorial_2001-5.shtml>, <http://www.websitetips.com/css/>, <http://www.csszengarden.com/>


I think that will be enough links for now ;)

[thickandthin]

thanks

[thickandthin]

hey i updated it how does it look now

[liorean]

It looks pretty good, I think. The text may be a little too small/blurry for some people to read (especially on small screens or laptops), however. I do feel there is a lack in the ability to copy-paste the text, also.
Often it's best to use images for the eye candy only, and use regular text for the content.

Also, someplaces it's hard to see whether the green is inset or outset from the background, so you might consider lessening the black border on the upper-left sides of the boxes. The human brain doesn't like situations like that and it might lead to headaches or nausea if people are exposed for it too long.

HTH

[MotherNatrsSon]

Personal preference..I like the other color scheme better The green seems "harsh" to me.

Your background color needs to be enclosed in quotes..."#4d4d4d"

MNS