From a user perspective, I'd say the overall look is very clean and your content is well presented. Your forms could stand more contrast between the text and background and some type of validation to prevent empty form submittals.
On the coding side, you might want to take a look at some thoughts on tables versus a more css based layout.
In terms of semantics, some of your elements could be better identified, such as using header tags and lists on your main page where appropriate. When using images for your headers you'll definitely want to provide alt text so things are still in context if someone should view your page without images.
Last edited by mcdougals4all; 08-16-2004 at 07:00 PM.
As far as the limo site, I agree with everything mcdougals4all says
I do have to say though, I think that is the best header/info relationship I've seen (i.e., "you need to know: blah blah blah, we are at: blah blah)... I was very easily able to skim through to info I needed to gather. Good job
I like the design but
The site just doesn't degrade well at all. The second site is even worse. With images disabled, there's pretty much nothing there. except three large placeholder images, with one that has links hidden in it.
- the code doesn't validate;
- tables used for layout;
- no alt text for important images;
- disabling stylesheets does nothing
They take way too long to load, and you really need to optimize your images.
And pretty much what hemebond said, especially about the images — the second page is basically nothing but one big image. That's never good.
As the others have said, those alt specs really need to be filled in on your image tags.
For more information on this, take a look at these two pages:
I quite like the design of the limousine page http://www.lakeforestlimousines.com/lfl/ (at least I'm assuming that what I see in Firefox0.8 is roughly what you intended). There are just two things that niggle.
1. When I first saw the little outline on the subheadings of the "welcome", "what you need to know", etc., I thought it was a result of an error in the coding. I think the horizontal underlining needs to be extended a little further to the left so that it looks like it is an intensional outline.
2. The font size on the content is a little small for that colour of font. There is not enough contrast. And I'm viewing at 800x600. At 1024x768, the text is just about impossible to read at that size. This, of course, is not a problem for viewers with mozilla because they can change the size of the font but those viewing with IE cannot make the font larger because you have set the size so that it is fixed at 10px for IE viewers (one really has to hand it to those IE developers, doesn't one? -cough-).
Use either of these sites to find errors:
Thanks for the comments!
One question though... How can I make the second site (www.lapesathletic.com) fit better in a 800x600 resolution? Because, we kinda like the design... Is there a way I could maybe change it, without changing it to much ( if that makes sense lol )?
Since the header graphics take up most of the horizontal real estate, the easiest option with your current layout would be to scale your graphics down.
This would be the easiest option, but since you're in the beginning stages, you might want to consider moving away from the table-based layout. It's not as difficult as it sounds, and once you have a basic understanding of CSS, it allows a lot more control over how things are presented. CSS is great for creating a liquid layout, which sounds like what you're looking for.
Last edited by mcdougals4all; 08-17-2004 at 08:19 PM.