PDA

Click to See Complete Forum and Search --> : Redesign of Corporate Website

djdsign02
06-29-2005, 10:56 AM
Hello, please check my redesign of my company's website,
What are our thoughts, having some transparency issues with gif files but other than that how could it be improved?
www.qep.com

Thanks
Daniel
comptech520
06-29-2005, 11:22 AM
In my opinion, I would loose the Times New Roman for the font. There are lots of other fonts thhat stick out better. Code looks pretty good, it is all together. Add a <title>. I would figure another thing to do at the bottom where that grey are is at.

Have a nice day
crh3675
06-29-2005, 11:25 AM
I like the layout. Your dropdown menus hide when a mouse goes over the empty space between each item. You will have to set a timer to catch that sort of instance.

Your layout shifts from the home page to the sub pages, might want to check that.
the tree
06-29-2005, 11:28 AM
I am amazed that it renders at all, the markup really is horrific.
Here's a painfully simple document template.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

<style type="text/css">
<!--


//-->
</style>

<script type="text/javascript">
<!--

//-->
</script>
</head>
<body>

<h1>Top level header</h1>
<p>Page content</p>

</body>
</html>
And you can learn some actual markup from w3schools (http://w3schools.com) as well as reading the sticky at the top of this forum.

The design looks pretty unsharp and rather busy. The images are of a poor quality and the way they change is pretty irrating.
Sanim
06-29-2005, 11:36 AM
I agree with the tree on the coding. What the crap is with all the XML (if that's what it is) before the <html> tag? Why is a <style></style> inside a table row?!
jmaresca2005
06-29-2005, 11:50 AM
change ur font. the default font of times new roman looks like not much was put into the design. use something like verdana and test to see what it will look like. i think that verdana will make big difference but you could always test different fonts to see what you like best.
dera
06-30-2005, 08:46 AM
would you pick up or even look at a book with no title? put a title on your website
i'm re organsiing your code for your but you need to validate it

problems your facing
* ur relying on javascript, what if i turned it off?
* u have such long meta tags, you have all ths description of your site, google just cuts it off at about 300 chars? whats the point.
* you ur using external javascript files but you have javascrip[t in the document aswell better to use all external
<code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
<style type="text/css">
a {text-decoration: none; color: #ffffff; visited: #c2c2c2}

a:link {
color: #c2c2c2;
}

a:visited {
color: #ffcc33;
}

a:hover {
text-decoration: none;
}

a:active {
color: #ffcc33;
}

.menulink {
color: #c2c2c2;
}




.header {
font-family: Verdana, Geneva, Arial, Helvetice, sans-serif;
font-size: 12pt
color: black

}

.menu {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt
color: red

}
</style>

<script language="Javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
if (top.location != self.location) {
top.location = self.location.href
}

</script>

<meta name="description" content="Q.E.P. / Roberts Consolidated Industries. QSET. Q.E.P. is the world leader in the design and manufacture of quality flooring tools and accessories. Our products can be found in all fifty states and in over fifty countries around the world. Q.E.P. has become the benchmark by which all other flooring tools are measured. The over 400 employees who work at QEP/Roberts are committed to providing the highest quality and most complete line of flooring tools and accessories in the world. ">
<meta name="keywords" content="doityourself, do-it-yourself, do it yourself, Q.E.P. / Roberts Consolidated Industries, roberts carpet, carpet tools, roberts adhesive, electric stapler, 60010, tile saw, 60060, undercut saw, jamb saw, tile cutter, wet saw, 10267, 60085, roberts tools, carpet knife, carpet knives, trowels, Harrington Tool, Hit, D&G, Rose, Kraft, Curry Tool, Harrington, Strait-Line, Rapid, Arrow, Wal-Board, Hyde Tools, Channellock, Stabila, Magnolia Brush, Kapro Industries, Vaughan & Bushnell, Jackson,">
<head/>
<body leftmargin="0" topmargin="0" bgcolor="#000000" rightmargin="0" bottommargin="0">
<TABLE cellpadding="0" cellspacing="0" border="0" width="760px" bordercolor="#000000">
<TR>
<TD>



<script language="javascript" src="Config.js"></script>
<script language="javascript" src="Menu.js"></script>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
<!--


AddMenu("100", "100", "<TABLE><TR><TD><A HREF=index.cfm?fuseaction=dsp_about><B><font color=cccccc>Company</font></B></A></TD></TR></TABLE>", "", "", "index.cfm?fuseaction=dsp_about");

AddMenu("101", "100", "About Q.E.P.", "", "", "index.cfm?fuseaction=dsp_about");



AddMenu("102", "100", "News", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_news");



AddMenu("103", "100", "Careers", "", "", "index.cfm?fuseaction=dsp_content&subaction=career");



AddMenu("104", "100", "Investor Relations", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_ir");



AddMenu("105", "100", "Corp.Governanace", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_corp_gov");



AddMenu("106", "100", "Locations", "", "", "index.cfm?fuseaction=dsp_content&subaction=locations");



AddMenu("107", "100", "As featured in…", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_ads");



AddMenu("108", "100", "Industry Links", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_ind_links");



AddMenu("109", "100", "Download Logo", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_logos");


AddMenu("200", "200", "<TABLE><TR><TD><A HREF=index.cfm?fuseaction=dsp_products&subaction=dsp_complete_productlist><B><font color=cccccc>Products</font></B></A></TD></TR></TABLE>", "", "", "index.cfm?fuseaction=dsp_products&subaction=dsp_complete_productlist");

AddMenu("201", "200", "Q.E.P.-English", "", "", "index.cfm?fuseaction=dsp_products&subaction=dsp_complete_productlist");



AddMenu("202", "200", "Q.E.P.-Español", "", "", "index.cfm?fuseaction=dsp_products_esp&subaction=dsp_complete_productlist");



AddMenu("203", "200", "QSET-English", "", "", "index.cfm?fuseaction=dsp_products&subaction=dsp_productList&display=childs&Parent_ID=2460");



AddMenu("204", "200", "Roberts-English", "", "", "http://www.robertsconsolidated.com/index.cfm?fuseaction=dsp_products&subaction=dsp_complete_productlist");



AddMenu("205", "200", "Roberts-Español", "", "", "http://www.robertsconsolidated.com/index.cfm?fuseaction=dsp_products_esp&subaction=dsp_complete_productlist");



AddMenu("206", "200", "Roberts - Holland", "", "", "http://www.roberts-holland.com/");



AddMenu("207", "200", "Roberts-Canada", "", "", "http://www.robertsconsolidated.com/index.cfm?fuseaction=dsp_products_can_eng&subaction=dsp_catalog_pdf");



AddMenu("208", "200", "Roberts-Mexicana", "", "", "http://www.robertsconsolidated.com/index.cfm?fuseaction=dsp_mex");



AddMenu("209", "200", "O'Tool Catalog", "", "", "http://www.otoolonline.com/index.cfm?fuseaction=dsp_products&subaction=dsp_complete_productlist");



AddMenu("210", "200", "Vitrex Catalog", "", "", "http://www.qep.com/index.cfm?fuseaction=dsp_content&subaction=vitrex");



AddMenu("211", "200", "Capitol Catalog", "", "", "http://www.capitoladhesives.com");



AddMenu("212", "200", "PRCI-Catalog", "", "", "http://www.prci.fr/");



AddMenu("213", "200", "Crestwin-Catalog", "", "", "http://www.crestwin.com.au/");


AddMenu("300", "300", "<TABLE><TR><TD><A HREF=index.cfm?fuseaction=dsp_contact><B><font color=cccccc>Support</font></B></A></TD></TR></TABLE>", "", "", "index.cfm?fuseaction=dsp_contact");

AddMenu("301", "300", "Contact Us", "", "", "index.cfm?fuseaction=dsp_contact");



AddMenu("302", "300", "FAQs", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_faq");



AddMenu("303", "300", "Do-It-Yourself", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_home");



AddMenu("304", "300", "Installers", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_pro_diy");



AddMenu("305", "300", "Replacement Parts", "", "", "index.cfm?fuseaction=dsp_content&subaction=rep_parts");



AddMenu("306", "300", "Warranty Cards", "", "", "index.cfm?fuseaction=dsp_content&subaction=prod_reg");



AddMenu("307", "300", "Order Tracking", "", "", "index.cfm?fuseaction=dsp_content&subaction=dsp_track");


</table>

</body>
</html>
</code>

Very BADLY coded, even FrontPage would create better markup.

i couldnt fit the rest of the document because it was to big!!!