jmaresca2005
11-09-2005, 08:41 AM
i have just went live with a new website and i need some honest critques for the new site. here is the url >> http://www.voip-upgrade.com. thanks.
Click to See Complete Forum and Search --> : please critique
drumguy8800
11-09-2005, 09:01 AM
There are some fundamental differences between IE and Mozilla Firefox.
Background:
Firefox: White
IE: Standard Grayish-white.
Fix: You need to declare a background color, white, so that things will look uniform to all users.
"If you require immediate attention...":
Firefox: Pushed over to the right somewhat
IE: Centered
Menu:
Firefox: No padding, black borders
IE: Padding, no borders (or white borders)
Also, the stock imagery up top is a little trite, and the menu should probably be scooted up the page a bit. It appears to have a vertical alignment of middle? Bad choice, I think.
Background:
Firefox: White
IE: Standard Grayish-white.
Fix: You need to declare a background color, white, so that things will look uniform to all users.
"If you require immediate attention...":
Firefox: Pushed over to the right somewhat
IE: Centered
Menu:
Firefox: No padding, black borders
IE: Padding, no borders (or white borders)
Also, the stock imagery up top is a little trite, and the menu should probably be scooted up the page a bit. It appears to have a vertical alignment of middle? Bad choice, I think.
Green-Beast
11-09-2005, 09:16 AM
I feel the site is lacking a few things.
First of all it should be validated (http://validator.w3.org/check?verbose=1&uri=http%3A//www.voip-upgrade.com/voip.html). Then you should get rid of the stupid tables (http://www.hotdesign.com/seybold/) and start really using your skimpy CSS (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.voip-upgrade.com/) more.
The links on the main nav need to have their vertical bars outside the link (http://#) | not inside the link | (http://#) to have real link separation.
The page falls flat when styles are off because you didn't use any headings: <h1> through <h6> (you do have the one h5). These are essential to a proper webpage. Use the CSS to control what they look like. You see, everything on a webpage has meaning or value. In a written doc this is done visually, but on the web, due to different devices, visual presentation isn't enough. It must be semantic. Add and retain the meaning of a page's elements.
For me, with an no-theme Firefox, the background is gray. I bet the presentation would be better white (as IE defaults to). You need to specifiy that. To do it right you'd use CSS.
body {
background : #fff;
}
...or with your current methods, you'd do this (on every page, grrr)
<body bgcolor="#fff">
Switch your mark-up to lowercase. Uppercase dates the site and restricts its upgradeability. Also, use those element quote element="value".
I'd better to define VoIP on the home page as Voice over Internet Protocol initially, before explaining what it is in lay-terms. Besides doing it in the title element.
The left hand nav menu should be higher on the page in my opinion. Try floating it left. On your longer pages it drops way down out of sight.
The site doesn't work well at 800x600. It should be thinned a bit.
Your paragraphs don't flow. You have breaks on each line <br>. This is a bad practice. Let your paragraphs wrap on their own. You can specify a width for "p" in the CSS or use a container to hold it all.
Too many non-breaking spaces are being used. If you want spaces to the left of links use CSS again.
a {
margin-left : 40px; /*outside the link... <space> | LINK |*/
/* or */
padding-left : 40px; /*outside the link... | <space> LINK |*/
}
Effects for :hover and :focus would be nice, but other things should take priority. It would have been good to seek reviews before going live.
I hope this helps.
Mike
First of all it should be validated (http://validator.w3.org/check?verbose=1&uri=http%3A//www.voip-upgrade.com/voip.html). Then you should get rid of the stupid tables (http://www.hotdesign.com/seybold/) and start really using your skimpy CSS (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.voip-upgrade.com/) more.
The links on the main nav need to have their vertical bars outside the link (http://#) | not inside the link | (http://#) to have real link separation.
The page falls flat when styles are off because you didn't use any headings: <h1> through <h6> (you do have the one h5). These are essential to a proper webpage. Use the CSS to control what they look like. You see, everything on a webpage has meaning or value. In a written doc this is done visually, but on the web, due to different devices, visual presentation isn't enough. It must be semantic. Add and retain the meaning of a page's elements.
For me, with an no-theme Firefox, the background is gray. I bet the presentation would be better white (as IE defaults to). You need to specifiy that. To do it right you'd use CSS.
body {
background : #fff;
}
...or with your current methods, you'd do this (on every page, grrr)
<body bgcolor="#fff">
Switch your mark-up to lowercase. Uppercase dates the site and restricts its upgradeability. Also, use those element quote element="value".
I'd better to define VoIP on the home page as Voice over Internet Protocol initially, before explaining what it is in lay-terms. Besides doing it in the title element.
The left hand nav menu should be higher on the page in my opinion. Try floating it left. On your longer pages it drops way down out of sight.
The site doesn't work well at 800x600. It should be thinned a bit.
Your paragraphs don't flow. You have breaks on each line <br>. This is a bad practice. Let your paragraphs wrap on their own. You can specify a width for "p" in the CSS or use a container to hold it all.
Too many non-breaking spaces are being used. If you want spaces to the left of links use CSS again.
a {
margin-left : 40px; /*outside the link... <space> | LINK |*/
/* or */
padding-left : 40px; /*outside the link... | <space> LINK |*/
}
Effects for :hover and :focus would be nice, but other things should take priority. It would have been good to seek reviews before going live.
I hope this helps.
Mike
KDLA
11-09-2005, 09:17 AM
Hi -
I looked at your website and have a few suggestions -
- Top-align your navigation menu within the table cell
- Get a better company logo. The one I'm viewing is quite pixelated - sort of like someone scanned a piece of paper, then used the image as the graphic
- Make sure that all the widths of your elements match. Currently, the banner graphics exceed the width of the horizontal navigation. You'll want a nice, tight box look.
- Don't know if you need the repetition of the links on the bottom, since they appear within the screen without scrolling on most of the pages ....
- A rollover effect (with regards to both instances of navigation) would be nice
- Make sure you have copyright permission to use the other company logos displayed on your "Strategic Alliances" page.
Good Luck -
KDLA
I looked at your website and have a few suggestions -
- Top-align your navigation menu within the table cell
- Get a better company logo. The one I'm viewing is quite pixelated - sort of like someone scanned a piece of paper, then used the image as the graphic
- Make sure that all the widths of your elements match. Currently, the banner graphics exceed the width of the horizontal navigation. You'll want a nice, tight box look.
- Don't know if you need the repetition of the links on the bottom, since they appear within the screen without scrolling on most of the pages ....
- A rollover effect (with regards to both instances of navigation) would be nice
- Make sure you have copyright permission to use the other company logos displayed on your "Strategic Alliances" page.
Good Luck -
KDLA
jmaresca2005
11-09-2005, 09:21 AM
great critque guys. i am on the fixes. i will start a new tread when it is finished to see if i missed anything.
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.
Copyright Internet.com Inc., All Rights Reserved.