New Website Critique

[pepeleuepe]

So I have been working on this site for a while now and I think its nearing completion. All but one of the pages validates for HTML (The one that doesn't is because of the Flash tags and I don't know how to fix that) and the CSS has also been successfully validated.

Let me know what you think of it when you get a chance.

http://www.studiofivearch.com/

Also, I had a question regarding this and other sites. Is it unsafe now to use e-mail links since they will be harvested by spam bots? If so, whats the easiest way to solve this problem? Any input would be helpful.

Thanks

[EDIT] changed the link to reflect actual active site and for now ended up using images for the e-mail addresses

 

[iostream.h]

I do like it. As for the email links, I have lots and lots of them on my site, and I get very little junk mail (see: http://isophonic.net ). But a lot of times people will just do something like yourname ((at)) whatever.com

 

[HexMonkey]

It looks good, the only thing I can think of is to change the horizontal placement of the body. With a narrow window, there is a gap on the left and no gap on the right, and with a wide window, there is a larger gap on the right than there is on the left. Maybe you could have it centered in all circumstances.

One technique you can use for email addresses is to use a javascript function to merge a couple of strings into an email address. This way the email address is not written anywhere in the code, but users can still click on an email link. To do this, put a script similar to this in the header, or in a separate script file:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function send_email (nam,domain,suffix) {
var suf = '';
if (suffix) suf = suffix;
  else suf = 'com';
suf = "mailto:" + nam + "@" + domain + "." + suf;
self.location = suf; 
}</SCRIPT>

Then just call it like follows (this example creates an email to name@domain.com):

<A HREF="javascript:send_email ('name', 'domain');">email</A>

 

[decksnap]

HexMonkey's method is the right one.

The only thing that I might recommend is that you warn people that the links to the projects within the Flash file are PDF files. It's nice to know ahead of time that I am launching a PDF and not a regular HTML page or pop-up. Possibly even note the file sizes if they are large.

 

[zim]

I prefer to use hiveware's (they recently changed to http://automaticlabs.com/ I prefer the name hiveware still, their old website was much nicer too) Enkoder or just use their online form. What they do is encode your email into an encrypted JavaScript script. Both methods are free to use. This method is similar to the one before so again, users without JavaScript enabled will not be able to send.

 

[itsumo]

Nice

Nice use of css positioning!

I would agree that it should maybe move a little to the left, however. 760 for your content alone is pretty wide considering the average screen size (and I may be a bit out of date on this?) is/was 800*600. I am looking at this from my work PC and I have a fairly high resolution and a wide browser compared to most people, but the page still goes a tiny bit off the right hand side.

The easiest thing would be to move it over to the left say two-thirds - you'd still be able to see the background but it would fit in a bit better, IMO. I'm sure you know better than me the audience you are aiming for and what set-up they'll have though.

Edit:---
Also, and this is just my personal preference, I'd slice and dice the image logo and use a table with 0 border hrefs as the header/menu. I find image maps a bit fiddly!

 

[TreeHugger]

On a very non technical level: I'm not sure if I like the greenish color in the header....
How about an alternative?

 

[pepeleuepe]

On a very non technical level: I'm not sure if I like the greenish color in the header....
How about an alternative?

Thanks for the suggestions everyone. I'm on the road right now and won't be able to change anything within the next week or so, but I appreciate everyones input. As for the greenish color, thats part of the companies original logo, so I have no say in it (although I do agree that it's ugly). I'll post here again when I make some changes.

Thanks Again

 

[Nspace]

For your copy I would get away from the default serif typeface. I think a sixe 11 pt sans serif face would look much better and suit the theme of modern day architecture much better.