Get Your Website Reviewed Here

Hi everyone,

I want this thread to be dedicated for review of websites.

There's this site a friend of mine designed for a school that I'd like the gurus in the house to review for me. I know there's something wrong with the site but I can't figure out. The site is www.jabung.org .

Thanks.

Wow. Don't even know where to start with this one. Tell you what,  go back and tell your friend to browse the sites of the top 20 universities, anywhere. Then start all over again. This looks like something from 1998.   

this looks ok.

My suggested corrections:

1. Drop the president's name below his picture ( on the homepage)

2. The search is not providing me with results.

W3C CSS Validator results for http://www.itsihost.com/test/geometric2/index.html (CSS level 2.1)

Sorry! We found the following errors (1)

URI : http://www.itsihost.com/test/geometric2/stylesheet.css

298    .big    Value Error : border-bottom pink is not a color value : 3px solid pink



Warnings (14)

URI : http://www.itsihost.com/test/geometric2/stylesheet.css

84       Same colors for color and background-color in two contexts input.btn and #navigation a:visited
84       Same colors for color and background-color in two contexts #wrappergal and #navigation a:visited
84       Same colors for color and background-color in two contexts #wrapper and #navigation a:visited
84       Same colors for color and background-color in two contexts #wrappergal and #navigation a:visited
84       Same colors for color and background-color in two contexts #wrapper and #navigation a:visited
84       Same colors for color and background-color in two contexts input.btn and #navigation a:visited
88       Same colors for color and background-color in two contexts #wrapper and #navigation a:hover
88       Same colors for color and background-color in two contexts input.btn and #navigation a:hover
88       Same colors for color and background-color in two contexts #wrappergal and #navigation a:hover
143       Same colors for color and background-color in two contexts #navigation and #header
148       Same colors for color and background-color in two contexts #navigation and .services
160       Same colors for color and background-color in two contexts #wrappergal and .sbar
160       Same colors for color and background-color in two contexts input.btn and .sbar
160       Same colors for color and background-color in two contexts #wrapper and .sbar


Nice work done there.

@ko_soro:
"something"?  How about "Some things"?  This site is the very reason why Nigerian clients aren't willing to pay top naira for web jobs. 

If the client paid more than N70K for this, then i want to know the juju the developer used to yarn the client 

@gamine:
EXCELLENT site and excellent use of CSS.  I am happy to see that in general, more and more Nigerian developers in Nigeria are beginning to use table-less design.  Simple and crisp. Just the way I like it.  In addition to what has been said above, a few issues though:

1) NONE of the forms work.  Also why have 4 different forms under "contact" that could basically be combined into one, via the use of dropdowns?

2) The power grid photo used here, among other places, http://www.itsihost.com/test/geometric2/projects.html is a bit fuzzy

3) In my opinion, the link colors should be changed to a deeper blue. Perhaps the blue that is the background of the site.

@All
If you use FireFox, you could get the HTML Tidy Validator plug in, among other useful ones, which would help you take care of issues, without having to browse to validator sites.   Here are some issues that were pointed out:

1) your navigation UL ha spans in them.  They shouldn't.  You can do <li> Home |</li> as opposed to <span>|</span>

2) You have many image tags that have no value for "name".  Either you give them a name or you leave them out.  Never have blank spaces.

3) On the home page, you have an empty span (<span></span>).  Either you use them or you don't.  If it is within some backend logic, then wrap the entire piece within the logic, not just the value.

4) use of embed, marquee and other deprecated tags.

Taking care of the above will go a long way in ensuring that your site is coded once and that once takes care of your site showing properly across the board on all browsers, PDAs, etc.  This is as opposed to maintaining separate code bases of the same code for various devices.  I believe it's called Progressive Enhancement/Graceful Degradation.

I know, it may sound like preaching but trust me, it is good to do the right thing all the time.  Once you get a groove in it, it becomes second nature.

@Yawa

im really grateful!! changes r being made

@Abidemi_A

Nothing wrong with using table-design! But more favor using CSS (table-less design) instead of table-design. Today's newer browser are 100% support in CSS.

While oldest version browser (version 1-5) that does not support CSS, use table-design. (usually old slowest computer such as Pentium II with old OS: Windows 98 and IE 5 or Navigator 3, where PC users refuse to upgrade newer version)

That is my opinion based on my experience over 20 years seeing technology dramatically change vivaciously.

If you do not like using CSS but prefer table-design, I suggest you installing Firework CS3 that will do convert from table-design into CSS when you are completely done table-design layout!

Also alternative Table vs. CSS convert editor somewhere using google.com. Good luck!

@ko soro

I viewed the site, www.jabung.org, that needs more web design concept/principle and improvement that I don't see anything attract me coming back. It lose my appetite!

@Uspr1,

 Cascading Style Sheets (CSS) can be applied to table and table-less designs. Either old or new all major browsers support CSS.

@Yawa-Ti_de,

Div is better for overall page layout, but when it comes to data fomatting, table is better, so you can not completely rule out the use of table on a webpage with list of datasets.

1 Bad HTML codes will affect both designs.

2 Nested Divs that are not well indented are difficult to read as well.

3 Full reference to data container could help disable readers.

4 What about datasets?

@Abidemi

A ha!
I see you know a thing or 2 about table-less design

I blv the topic of discussion was on page layout not data formatting.  I would love to debate you on what you said about tables being better for data formatting but I will let that slide.  For the sake of argument, I will agree with you that yes, for tabular data, use of tables is best.  Now to address your points, one at a time:

1) I don't quite understand what you mean here.  Taking a stab at it, sure bad markup will affect both designs however, this isn't a debate about bad markup but good markup.

2) I agree with the last part of your statement but not the first.  If you have ever encountered pages with nested DIVs (and by that I mean more than 2 layers deep), tell the developer that they are suffering from DIVitis.  This disease, together with CLASSitis, is very rampant amongst developers who are still wet behind the ears.

3) Again, I don't quite understand you here.  Again going out on a limb.  When a disabled person accesses a page, they could care less about the "reference to data container".  They want to know about the content on a page.  Which would you prefer? "table row cell table row cell *content* cell cell" or "div div *content*"

4) What about datasets?

Please respond.  Together, we can both LEARN something from each other.  I am actually enjoying this.

@Yewa-Ti-De,

In as much as I like our discussion, I will not want us to dwell on it. The point I want to make is that design rules are not set in stone. Good use of divs reduces or eliminates tag soup and too much of it may cause divitis.

You may contact me at abidemi.adio@adten.net

To all women on Nairaland and around the world, i don't mean any offence to you.

Its just that in this part of the world as we all know 'women and machine hardly mix'

Lesson of the day:
Never make blanket statements.  Never judge a book by its cover.  Always clarify yourself to avoid any misunderstanding.  Don't use one experience to justify a whole phenomenon.

@HC
You are hereby forgiven.  Sorry if I yanked your legs the wrong way.  It's just that that statement always rubs me the wrong way.

The site looks chopped up and I don't think it makes sense, for download time reasons, for the header to be that big.

Add more content.  Perhaps it will look better than with the repeated letters I am seeing there now.

no offense but it looks like that game where u jumble up numbers from 1 to 15 and are expected to rearrange everything in ascending order.

- The header is too tall.

- The photos are in blocks separated by text.  Everything is so "sharp" and "boxed up".

- The flash file is over 119K.  That's pretty huge in my books.  Can you imagine hitting that site from some cyber cafes in Nigeria?

I hope I have answered your questions.

http://www.thepalmsshopping.com/index.php

What do ya think