8 replies [Last post]
lithops
lithops's picture
Offline
newbie
Retired Brit residing in central Maine
Last seen: 10 years 41 weeks ago
Retired Brit residing in central Maine
Timezone: GMT-4
Joined: 2010-02-17
Posts: 7
Points: 10

I would appreciate a critique of a website I have recently uploaded:

www.SCOREMaine.org

I sent in a site soon after joining the forum and received a comment back that indicated I should make more use of CSS. This is my third website since taking a course and I have used CSS almost exclusively in this site. The other two sites need redoing as I can see improvements based on what I have done with SCOREMaine.org. I will await comments on this site to see if I can incorporate the experience of others into all three sites.

I am a retired chemical engineer who has programmed all sorts of technical stuff since the slide rule went the way of the dodo. I now volunteer for a group that is part of a national organisation, became interested in web design and have created this site using four other volunteers who have added their non-technological expertise. Also they all had different sized monitors. There is some javascript that I have copied and have no experience with that language.

I have created a generic stylesheet and then added or overridden rules as needed on the individual pages. There is, therefore, some duplication of rules that I can remove when I get around to cleaning things up. The site has been tested with Opera and FF in Ubuntu & FF and IE8 in win XP.

One thing I wanted to do with the navigation boxes was to make them fixed so that they remained visible as one scrolled down the centre parts of the pages (especially the "smlbuslinks" page but learned that I must accommodate screens that are wide but not very tall. Some of the lower navigation links were inaccessible to people using those monitors. Instead I have added some "return to top of page" links.

lukewakeford
lukewakeford's picture
Offline
Enthusiast
UK, West Sussex, Dorset
Last seen: 1 year 16 weeks ago
UK, West Sussex, Dorset
Joined: 2010-07-24
Posts: 71
Points: 84

It's a nice functional

It's a nice functional website from where I sit, the colour scheme may need a bit of work but I can't really talk as most of my site is Black and White.

you have a few errors to flatten out > HERE

I would strongly suggest using an external style sheet so that all you styling information is not clutterd at the top of your HTML, Here is a good place to look at how to do this > 3 Ways To Insert CSS

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 8 weeks 9 hours ago
Joined: 2004-06-30
Posts: 9674
Points: 810

I'd ditch Times New Roman for

I'd ditch Times New Roman for a sans-serif font Laughing out loud

You could also do with changing the TITLE tag from

Home Page SCOREmaine

to something more like

SCOREMaine.org - Your Gateway to Counselling in Maine

Verschwindende wrote:
  • CSS doesn't make pies

lukewakeford
lukewakeford's picture
Offline
Enthusiast
UK, West Sussex, Dorset
Last seen: 1 year 16 weeks ago
UK, West Sussex, Dorset
Joined: 2010-07-24
Posts: 71
Points: 84

Also

Also,

I would probably make the <div id="tabnav"> section at the bottom the same width as the rest of the content, it looks slightly out of place.

Luke.

lithops
lithops's picture
Offline
newbie
Retired Brit residing in central Maine
Last seen: 10 years 41 weeks ago
Retired Brit residing in central Maine
Timezone: GMT-4
Joined: 2010-02-17
Posts: 7
Points: 10

Thank You

Thank you for your comments. It will take me a bit to go through and, on the surface, I see a lot of useful information.

The reason I am using a serif font for the text (as opposed to titles and headings) is that it was designed with ease of reading in mind. The serifs enable the users eyes to spot a continuity as opposed to seeing individual letters - similar to analogue vs digital in the technological world

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 12 weeks 3 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

lithops wrote: The reason I

lithops wrote:

The reason I am using a serif font for the text (as opposed to titles and headings) is that it was designed with ease of reading in mind. The serifs enable the users eyes to spot a continuity as opposed to seeing individual letters - similar to analogue vs digital in the technological world

You would be right if your page will be viewed on paper. But it won't. The web is not paper and you shouldn't be surprised that it has different rules.

Even the best monitors have a much lower dpi count than even the cheapest newsprint. Commonly there are only 16 dots of height and width available to render a font, whereas even newsprint will give you a lot more to work with.

Thus serifs on a computer monitor at normal text sizes do not render well and tend to confuse the eye, which makes reading them harder. So the paper rule is best reversed - sans serif for normal text and serif for headlines and the like.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 8 weeks 9 hours ago
Joined: 2004-06-30
Posts: 9674
Points: 810

http://www.nbc.com/ http://uk

http://www.nbc.com/
http://uk.yahoo.com/?p=us
http://www.google.co.uk/
http://www.nfl.com/

And about a million others, probably. Note how none of them use a serif font.

I know I'm just echoing Ed, but I think it best to see how the big guns do it Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

lithops
lithops's picture
Offline
newbie
Retired Brit residing in central Maine
Last seen: 10 years 41 weeks ago
Retired Brit residing in central Maine
Timezone: GMT-4
Joined: 2010-02-17
Posts: 7
Points: 10

Total Validator

I've made a start correcting HTML errors and using the W3C validation service I now have a clean slate for XHTML 1.0 strict. I find it more convenient to use the firefox add on "Total Validator" as I can validate locally without having to upload. Using this facility I get two errors on lines 272 & 294:

"The default scripting language must be specified for an intrinsic event:"

My page can be found on my test site:

www.fairpoint.net/~lithops/home.htm

Do I need to make any corrections here? If it involves javascript my knowledge is about nil and if I have to use it I fumble around with examples until it works. So, if someone is able to tell me how to get around this error then please be gentle!

iancoates
iancoates's picture
Offline
newbie
Norfolk
Last seen: 10 years 33 weeks ago
Norfolk
Timezone: GMT+1
Joined: 2010-07-30
Posts: 2
Points: 3

Google font api is a good way

Google font api is a good way to add some different font styles. they are very easy to use.

http://code.google.com/apis/webfonts/