Development site critique: Evilsprouts.co.uk

Discussion in 'Software' started by modding-monkey, 13 Aug 2005.

  1. modding-monkey

    modding-monkey What's a Dremel?

    Joined:
    29 Jan 2004
    Posts:
    200
    Likes Received:
    0
    Hiya everyone,

    Well after a lot of hard work I have updated my site and was wondering if anyone had anymore suggestions on how I could make the design better and how it could be more user friendly?

    www.evilsprouts.co.uk

    Thanks
     
  2. hacker 8991

    hacker 8991 What's a Dremel?

    Joined:
    8 Jan 2004
    Posts:
    643
    Likes Received:
    1
    I think you should try to make the site valid (X)HTML along with valid CSS. As it is, your HTML is a convulted mess, and you are still defining colors and styles in the <body> and <table> tags; not good. If you are going to head in that direction, here is your W3 validation page: Linky

    I quickly put everything I saw on hte front page into a valid XHTML file, and here it is:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html>
    <head>
    	<title>EVILSPROUTS .CO.UK</title>
    	<meta http-equiv="Content-Type" content="text/xhtml;charset=utf-8" />
    	<style type="text/css">
    	
    	</style>
    </head>
    <body>
    	<h1>EVILSPROUTS</h1>
    	
    	<ul class="nav">
    		<li>Forum</li>
    		<li>My Rig</li>
    		<li>De-filter</li>
    		<li>Funny Stuff</li>
    		<li>Games</li>
    		<li>Movies</li>
    		<li>Gallery</li>
    		<li>Txt Messages</li>
    		<li>Dolphin</li>
    		<li>Contact</li>
    	</ul>
    	
    	<p>Welcome to evilsprouts.<br />
    	Please register in the forum and check back regularly; content is added weekly.<br />
    	Have a good time!</p>
    	
    	<img class="rand" src="some.img" />
    	
    	<div class="footer">
    		&copy; <a href="">Evilsprouts</a> 2003-2005
    	</div>
    </body>
    </html>
    Doing this will make it easier to change your page. If you aren't familiar with CSS, check out CSS Zen Garden for an example of it in action.

    I think that would be enough to do for a while ;)

    By the way, this is what your page looks like with <div>s, <table>s, and <td>s outlined:
    [​IMG]
     

Share This Page