Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9

Thread: Is it any good?

  1. #1
    Junior Member
    Join Date
    May 2007
    Posts
    11
    Member #
    15206

    Current Rating

    Visual Appeal:
    2.0 out of 5

    Accessibility:
    5.0 out of 5

    Website Speed:
    5.0 out of 5

    Compatibility:
    5.0 out of 5

    Overall Rating:
    1.0 out of 5

    Rate This Site


    Advertisement (login to hide this!)


    You must be logged in to view this site

    Hello!
    I'm in the process of updating my site, the current homepage shows the new layout and the probable navigation. The rest of the pages WILL change.
    What I'd like to know is what people think of the layout and the navigation so far (and the content if you like). I am totally self taught when it comes to webdesign, so please dont baffle me with jargon that is too technical !!
    All feedback and comments are greatly received whether they be positive or negative (just so long as they are constructive).

    Cheers for your time
    Rhys Baker

  2.  

  3. #2
    ljm
    ljm is offline
    Senior Member ljm's Avatar
    Join Date
    Aug 2006
    Location
    Manchester, England
    Posts
    284
    Member #
    13684
    Liked
    1 times
    May I suggest more use of CSS and divisions? Your code is a bit of a pain to make sense of, and there's a lot of pointless code that stretches the page downwards, so you've got scrolling for no reason. Your menu also overlaps the two images below when certain links are hovered over.

    I think the problem is that your navigation relies on JavaScript, and a huge space below it. You may as well save people the bother of hovering over it all and make all the links visible. Either that or consider making the sub-menus horizontal rather than vertical.

    There isn't much on the front page cotent-wise, so it seems a little odd that it's all spaced out so much.

    The look itself has a nice, minimalist feel to it though. It's something I can look at and not feel any strain from doing so. I do like the site in that respect.

  4. #3
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    On the other pages, there's different (most likely Fireworks-generated) navigation - that has to change. I think there's an excess of whitespace here, and things seem to be generally detached from the main design.

    Also... your title is very much like a Search Engine capturing line. Get rid of this. Titles should actually mean something. That doesn't help - in fact, it might cause some search engines (including google, which is known to be very sensitive to this stuff) to actually blacklist your site because it uses "evil" SEO attempts.

    For a final horror, look at the source. I'm positively sure you can cut your homepage size to something like 30kb, if you rid yourself of those tables and use a more flexible javascript solution.
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.

  5. #4
    Senior Member
    Join Date
    Sep 2003
    Location
    Sydney
    Posts
    114
    Member #
    3051
    May wanna clean up some code...

    HTML Code:
          <p align="left" class="style1 style2"><a href="art.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','menuDanceRORO.jpg',1)"></a> </p>
    
          <p align="left" class="style1 style2">&nbsp;</p>
          <p align="left" class="style1 style2">&nbsp;</p>
          <p align="left" class="style1 style2">&nbsp;</p>
          <p align="left" class="style1 style2">&nbsp;</p>
          <p align="left" class="style1 style2 style3 style5">&nbsp;</p>
          <p align="left" class="style1 style2 style3 style5">&nbsp;</p>
          <p align="left" class="style1 style2 style3 style5">&nbsp;</p>
          <p align="left" class="style1 style2 style3 style5">&nbsp;</p>
          <p align="left" class="style1 style2 style3 style5">&nbsp;</p>
    
          <p align="left" class="style1 style2 style3 style5">&nbsp;</p>
          <p align="left" class="style1 style2 style3 style5">&nbsp;</p>
          <p align="left" class="style1 style2 style3 style11">All Content &copy; Rhys Baker 2007<br>
            No material either written or visual to be reproduced without prior permission </p>
          <p align="left" class="style1 style2 style3 style5"><br>
          </p>
          <p align="left" class="style1 style2 style3 style5"><br>
    
          </p>
          <p align="left" class="style1 style2">&nbsp;</p>
          <p align="left" class="style1 style2">&nbsp;</p>
          <p align="left" class="style1 style2">&nbsp;</p>
          <p align="center" class="style1 style2">&nbsp;</p>

  6. #5
    Junior Member
    Join Date
    May 2007
    Posts
    11
    Member #
    15206
    hi,
    this is all new to me. how did you 'clean' up some code? what did it involve?
    I am a novice.
    rhys.

  7. #6
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    I suppose you used something like Dreamweaver, did you? (I'm guessing dreamweaver because frontpage would probably yield even more horrible results). Well, a web page is really more than the design you see; what silver10 pointed out was your HTML, the output code and is the real building block of the web. Evidently there are a lot of pointless things in there, bloating your code. &nbsp means "non-breaking-space", pretty much means nothing at all. Things in the less-than/greater-than brackets are HTML elements.

    Really, to get an effective and clean page you have to stop using visual-aided editors and write down HTML for yourself.

    And while on the subject of optimizing, I suggest you optimize your images first. They're over 200kb.
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.

  8. #7
    Junior Member
    Join Date
    May 2007
    Posts
    11
    Member #
    15206
    "frontpage would probably yield even more horrible results", Gee, didn't think it was horrible!
    I m not really that hot on Code. Yes, I do use Dreamweaver simply for itsWYSIWYG ease of use. I didn't realise that my Code was so 'messy'. how much of an impact does this have on the viewer, surely they only see what I do in the Design view of D/weaver? (unless they view the code obviously).
    until I learn more about Coding, does it matter that I know very little? Doesn't D/weaver do a pretty good job? Or does it not?
    Cheers
    Rhys

  9. #8
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    Hey, I'm not really saying its horrible, just that it, err, needs some touching up.

    Dreamweaver does an excellent job at something humans should do with their bare hands. It's just not good enough. Your end users won't, at least at this point, feel much trouble. But on the high scale...

    Your latest version seems a lot better. But take a look at this code:

    HTML Code:
    !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd" />
    <html>
    <head>
    <title>Rhys Baker - Portfolio</title>
    <meta name="revisit-after" content="3 days" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    
    <body>
    <h1><a href="index.html" class="style3">rhysbaker.com</a></h1>
    
    <ul>
         <li><a href="ART.html">Art</a></li>
         <li><a href="PHOTOGRAPHY.html">Photography</a></li>
         <li><a href="ABOUT.html">About</a></li>
         <li><a href="COMMISSIONS.html">Commissions</a></li>
         <li><a href="CONTACT.html">Contact</a></li>
         <li><a href="http://www.hurrybeforeitmelts.blogspot.com">BLOG</a></li>
    </ul>
    
    <img src="tree-02.jpg" width="800" height="536">
    
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-1407072-1";
    urchinTracker();
    </script>
    </body>
    </html>
    Now believe it or not, with some CSS, that does exactly the same as your current page. Its about a third the size, too. It's also totally semantic. Only a few lines of CSS will transform this into your current version. Namely,

    Code:
    body{
    margin: 0 auto;
    width: 900px;
    font-family: Verdana;
    font-size: 76%;
    }
    
    ul li{
    float: left;
    }
    
    img{
    margin: 10px auto;
    clear: both
    }
    
    a{
    color: #ccc;
    text-decoration: none;
    }
    
    a:hover{
    color:fff;
    text-decoration: underline;
    }
    It might still be a bit different, but nearly exactly the same.

    And last, remove that horrible title. It doesn't help. If something is horrible, that is. All that meta-data is also useless, most search engines don't use it.
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.

  10. #9
    Junior Member
    Join Date
    May 2007
    Posts
    11
    Member #
    15206
    Hi,
    I'm getting a bit baffled by all this code stuff- I just do the visual thing!!
    anyhow I think i've learned a few new things so thanks everyone- I am now re-designing the site AGAIN!! apart from the top tips already mentioned, anyone else got any ideas as how the site could look? all comments welcome as always.
    cheers
    Rhys.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:42 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com