Website Critique.

Discussion in 'Web Design and Development' started by Cult Follower, Aug 29, 2007.

  1. Cult Follower macrumors 6502a

    Cult Follower

    Joined:
    Feb 20, 2007
    Location:
    North Dakota
    #1
    I created this website.

    I know it is laid out with tables, but I like them. If it would be simple to convert it to a DIV layout, help would be appreciated.

    Thanks for your comments.
     
  2. Luis macrumors 65816

    Luis

    Joined:
    Jul 19, 2006
    Location:
    Costa Rica
    #2
    Not sure if I love the jingly text on the left...
     
  3. Cult Follower thread starter macrumors 6502a

    Cult Follower

    Joined:
    Feb 20, 2007
    Location:
    North Dakota
  4. Luis macrumors 65816

    Luis

    Joined:
    Jul 19, 2006
    Location:
    Costa Rica
    #4

    Well thats a change:)

    Either way I think it is quite nice, but isn't the top banner too big? (only my opinion, not that i'm a designer or anything)
     
  5. Fleetwood Mac macrumors 65816

    Fleetwood Mac

    Joined:
    Apr 27, 2006
    Location:
    Canada
    #5
    The header image feels a little to tall for me, but a job over all.

    What font is used in the header-text? (EG: Welcome to Parshall...)
     
  6. Luis macrumors 65816

    Luis

    Joined:
    Jul 19, 2006
    Location:
    Costa Rica
    #6
    Interested in that too, very nice font.
     
  7. yagran macrumors 6502a

    Joined:
    Jan 8, 2007
    Location:
    Brighton, East Sussex, UK
    #7
    i too think the header is slightly to tall. and i like the general look.

    Not sure about why you opted to use polygon hotspots for your menu?

    anyone who wants to know what the font is i believe it is

    Kabel Heavy -

    [​IMG]

    http://www.myfonts.com/fonts/linotype/kabel/heavy/
     
  8. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #8
    Looks good overall. Some suggestions,

    * Header image too big, like others have mentioned.
    * The text in the "Featured Story" is kind of small and also could use some more line spacing.
    * The copyright image at the bottom lacks in contrast, hardly readable.
    * Top navigation could use some rollover effects to spruce it up.
    * The image for the photo gallery is clickable, but doesn't look like it would be.
    * Some of the images (just a couple) are missing the alt attribute. When viewing the page with images disabled you can no longer see the tabs and there's no text to takes its place. It's an accessibility issue.
    * I'm not big on using that big background image. If a user increases their font size too much it can no longer hold all the content. It breaks.

    Lastly, you could fairly easily make this site with without tables. There's plenty of tutorials out there to help you on that venture when you're ready for it. It would really help in terms of cleaning up your code a little.
     
  9. Cult Follower thread starter macrumors 6502a

    Cult Follower

    Joined:
    Feb 20, 2007
    Location:
    North Dakota
    #9
    I'm a little slow in my reply, but thanks for the comments. I will work on implementing your suggestions. If there are any more please feel free.

    Thanks.
     
  10. Nugget macrumors 65816

    Nugget

    Joined:
    Nov 24, 2002
    Location:
    Houston Texas USA
    #10
    Agree that the header is too tall, especially since it's static.

    I also think you've used too many different fonts which leaves the page looking a bit cluttered and lacking cohesion. It would be better to reduce the number of fonts and possibly make better use of font families to tie all the content together. You've mixed serif and sans-serif fonts together and it makes the page look disjointed. I count six different font families on the main page alone and no font size consistency.

    There's too little whitespace on the text-dense pages (like "About") and you could stand to have a bit more vertical whitespace around the headers and definitely more margin space on the sides (within the white container, not on the page as a whole).

    Other pages, though, are not dense enough. Contrast the density of the About page compared to the density of the "Members" page. I realize that the content itself makes that a challenge, but it is a problem. Perhaps adding small bio pic photos to the members page, or expanding the amount of detail shown for each person listed could help add some weight to that page.
     
  11. Cult Follower thread starter macrumors 6502a

    Cult Follower

    Joined:
    Feb 20, 2007
    Location:
    North Dakota
    #11
    OK so i have made a few changes to the site, overall it looks pretty much the same.

    I did make the banner shorter, and changed a few of the fonts on the home page. I'm still considering what i should do to add to the nav bar.

    Also how would I have the background image to change length with the addition of text or the increasing of txt. size.

    thanks for your help in advance.

    Link
     
  12. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #12
    Nav bar: You could use a CSS sprite option for the nav bar, which would be used for creating mouse over effects. The navigation should definitely be separate from the header image. Do a search on CSS sprites for more details. There are other options too. This would also keep you from having to use the image map, though if you keep the image map, you should reverse the order because someone tabbing through the links will start with the Contact Us link and work their way left.

    Background image: In short, you would create separate images (one for top, sides, and bottom), which would then let the middle flow.
     

Share This Page