this is my new website can you tell what you think

http://liverpoolbasketballclub.bravehost.com/

Page 1 of 1

10 Replies - 1106 Views - Last Post: 10 August 2010 - 05:38 PM

Poll: do u think my website is good or bad (4 member(s) have cast votes)

is my website good or bad

  1. good (0 votes [0.00%])

    Percentage of vote: 0.00%

  2. bad (2 votes [50.00%] - View)

    Percentage of vote: 50.00%

  3. don't know (2 votes [50.00%] - View)

    Percentage of vote: 50.00%

Vote Guests cannot vote

#1 terryw000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 30-July 10

this is my new website can you tell what you think

Posted 30 July 2010 - 11:54 AM

hi im new at making website so tell me what you think of the website (http://liverpoolbasketballclub.bravehost.com/)

This post has been edited by terryw000: 31 July 2010 - 10:07 AM

Is This A Good Question/Topic? 0
  • +

Replies To: this is my new website can you tell what you think

#2 macosxnerd101  Icon User is online

  • Self-Trained Economist
  • member icon




Reputation: 10376
  • View blog
  • Posts: 38,415
  • Joined: 27-December 08

Re: this is my new website can you tell what you think

Posted 30 July 2010 - 11:55 AM

So no one misses it, the link was in the title. :)

Link: http://liverpoolbask...basketball.html
Was This Post Helpful? 1
  • +
  • -

#3 terryw000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 30-July 10

Re: this is my new website can you tell what you think

Posted 30 July 2010 - 11:57 AM

soz had not got the hang of it
Was This Post Helpful? 0
  • +
  • -

#4 macosxnerd101  Icon User is online

  • Self-Trained Economist
  • member icon




Reputation: 10376
  • View blog
  • Posts: 38,415
  • Joined: 27-December 08

Re: this is my new website can you tell what you think

Posted 30 July 2010 - 11:58 AM

All sins forgiven. :)
Was This Post Helpful? 0
  • +
  • -

#5 terryw000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 30-July 10

Re: this is my new website can you tell what you think

Posted 30 July 2010 - 12:02 PM

have not done all of this because i have not been give everything i need
Was This Post Helpful? 0
  • +
  • -

#6 Cuzzie  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 72
  • View blog
  • Posts: 341
  • Joined: 16-July 10

Re: this is my new website can you tell what you think

Posted 30 July 2010 - 12:21 PM

Nice site, but you oughta add in more stuff man..it seems too empty.
Was This Post Helpful? 0
  • +
  • -

#7 Shane Hudson  Icon User is offline

  • D.I.C Technophile
  • member icon

Reputation: 343
  • View blog
  • Posts: 1,286
  • Joined: 06-December 09

Re: this is my new website can you tell what you think

Posted 30 July 2010 - 12:38 PM

Hi Terry, welcome to DIC!

I am going to go through it piece by piece and tell you my opinion.

Firstly, the best filename for the homepage is index.html as it is the default index name on the majority of popular servers (notably Apache). If you change the name from liverpoolbasketball.html to index.html then you can then just go to http://liverpoolbask....bravehost.com/ rather than including the filename on the end.

Obviously I do not like most free hosts such as BraveHost as you use a subdomain and they have advertisements but you are only a beginner really so that is nothing to worry about at the moment.

Logo

There are quite a few "problems" I have with the logo. The first being it looks scanned in? Not very professional at all, it would look much better recreated in Illustrator as a vector. Also, (this is mainly to do with SEO) it is best to have content structured in a semantic way (ie. H1 - logo/title, H2 - sub titles etc.), currently your logo is just an anchor, I would recommend having it as a H1. Here is how:

From:
<div class="logo">
   <a alt="game city" href="liverpoolbasketball.html">
      <img src="logo.jpg" alt="game city">
   </a>
</div>



To:
xHTML
<div class="logo">
   <h1>
      <span class="hidden">Liverpool Basketball</span>
      <a alt="game city" href="liverpoolbasketball.html">
         <img src="logo.jpg" alt="game city" />
      </a>
   </h1>
</div>


CSS
.hidden   {
   display: none;
}



You should notice that I added the heading 1 tag, which means it is the title. Inside the h1, I added a span with the title in, this is so that the search engines (and screen-readers, which many disabled people use) can read the title that is in the image. This span is hidden using the class included in the CSS.

One thing you may not have noticed that I changed is that I added /> to the img tag. This is being the image tag is self-closing, unlike most other tags that have an opening and a closing. It worked anyway, as it is allowed in html, but it is not valid xhtml (which you should always try to make sure it is).

Background

I understand the concept, and it does not look terrible. However the image does look very pixelated and (for me at least) takes a very long time to load. In fact, if I do a hard refresh (which does not use the cached files) then I can tell you it took a terrifying 1.7 minutes! I STRONGLY recommend rethinking the use of an image in the background.

Navigation

I see a gradient. Unlike many beginners, it is a rather subtle gradient - this is very good. I played about with the css, and the gradient probably does look better than solid orange. It is a very small quick image, so it should be fine to keep. Just do not use too many gradients or images at all for that matter!

One extra thing, the orange looks very out of place on the blue.

Content

What did I just say?! This is the type of gradient people often do when they are learning. Learn not to! Gradients (especially from a corner) do not just look tacky, it makes reading the text hard... as different parts of the word (and especially the sentence) could be harder to read than the other, and it is not consistent.

What I recommend is to use a solid colour, preferably not blue as it blends too much with the background, with a colour of text that is easy to read. If it looks tacky or is hard to read, almost everybody will just click the big X. That by the way is called a bad bounce rate, the more people that click X on the first page without going to another page on your website lowers the % of your bounce rate.

The width of the content has made me have to scroll sideways... that is NOT good unless it is a sideways scrolling website! I will let you figure out how to stop it yourself, if you struggle then ask but it can be a common error and you should learn to debug!

Other Pages

I know this is a work in progress, but I would recommend some sort of 404 page (if Bravehost allows them) rather than a blank page! A 404 page is one that tells you what the error is, clever sites (though they are usually much bigger than yours) usually have one that says something like "This page is broken, but pages you might like are blah blah blah, or search below".


Hopefully that will be of use to you. You are still a beginner and do have a lot to learn, but progress is what counts and if you learn from everything you do then you are successful.

Goodluck!

Shane
Was This Post Helpful? 4
  • +
  • -

#8 terryw000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 30-July 10

Re: this is my new website can you tell what you think

Posted 31 July 2010 - 03:08 AM

i have change it hope u like it but you not that img thing well i have it in the coding but when i set it to live it goes
Was This Post Helpful? 0
  • +
  • -

#9 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1359
  • View blog
  • Posts: 3,424
  • Joined: 28-November 09

Re: this is my new website can you tell what you think

Posted 01 August 2010 - 08:52 PM

I would make the background more of a plain color if I were you of at least get a higher quality image to use because the current one isn't working out so well.

As a newer designer I would suggest very strongly avoiding complementary colors in favor of more stable themes that you can find on sites such as Adobe's Kuler. Complementary colors, while they do work well, should only really be used in minor proportion to each other with plenty of neutral colors so as to not overwhelm visitors, this is something that takes experience to learn to do. Color theory is a must to learn for getting a good design going, you can have the most amazing site ever but if the colors don't work together no one will stay long enough to even notice.

As far as the banner I'd either get a more professional logo up there or just use straight text instead for simplicity. The entire banner area has too much whitespace and with the background is too much of a negative attention grabber. Make the spacing less from the top and especially the navigation.

As has been said before you definitely need more content to really be reviewed as far as that aspect goes. The facebook logo, however, is excessively large and needs to be downsized, consider a social add gadget or like instead, it'll go a long ways.

Not much a fan of the right sidebar videos you have up, it's more of an attempt to mask the lack of content on the page which draws the eye to someone elses work rather than your own which is a bad thing.

Grid systems would be something else I would highly encourage looking into, the more stable and fluid the grid the more it can really bring out the content. A grid is an invisible system of rules and lines that keep everything in line, think of a newspaper for instance, you don't see the grid but it's hard to miss that there's a system of order. Newspapers are a great inspiration for content division for large scale sites with a good amount of content, but other than that a simple 2-3 column system should do the job sufficiently.

Make sure to learn outside of dreamweaver and other such programs, I'm guessing that's what you're using to make your sites because it looks like a template 2col layout.
Was This Post Helpful? 2
  • +
  • -

#10 terryw000  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 30-July 10

Re: this is my new website can you tell what you think

Posted 09 August 2010 - 07:35 AM

i have a new website it is on http://terry.shanehudson.net/
Was This Post Helpful? 0
  • +
  • -

#11 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1359
  • View blog
  • Posts: 3,424
  • Joined: 28-November 09

Re: this is my new website can you tell what you think

Posted 10 August 2010 - 05:38 PM

It looks like all you really did was to change the colors of the site a little bit, and if anything it's not working too well for it. Again, take a look at Kuler, it helps a lot in this.

You need to work on the page size because anything with a horizontal scroll bar needs work except in a few rare occasions.

The real problem is your page really doesn't even have a structure as much as just some items posted around. In the Web Dev forum I linked to several css design sites and resources, take a look into it and learn from some of the great sites on there (when I say learn that doesn't mean copy.)

http://www.csszengarden.com

Also look into that, the simplicity of the code and CSS and still great designs.

You have a bad case of what some of my group calls divits. Not everything has to be in a div or other parent tag, sometimes it's just excessive, such as this:

<div id="header-contain">
<div id="header">
<img src="whatever" />
</div>

<div id="header2">
<div id="menu">
<ul>
<li>blank</li>
</ul>
</div>
</div>

</div>



Why waste all of that time when something like this can do the same thing:

<div id="header">
<img src="whatever" />

<ul id="menu">
<li>blank</li>
</ul>

</div>



With a little clever CSS'ing and some effort you just cut your code in half easily.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1