Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »General »Graphic Design and Web Design Help
Reload this Page 2 web design sites, same company!
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Notices
To get started view our Welcome Thread and you may want to visit some of our partner sites the Graphic Design Blog also social bookmarking and voting for Designers at the Graphic Design Links also sign up to the Graphic Design & Web Design Network

Graphic Design and Web Design Help Get Graphic Design and Web Design related help here


Reply
Page 1 of 2 1 2 >
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 04-02-2007, 07:49 PM
Carrotnapper's Avatar
The Age Of The Understatement
  
Join Date: Feb 2007
Location: Filey, North Yorkshire
Gender: Male
Posts: 1,579
Default 2 web design sites, same company!
Hi, i have made a site for a company and so has my friend, I was hoping for some feedback on them. Mine only took me 10 mins however my friend took much longer and his is complete. Mine: http://www.tjswebdesign.co.uk/penninesme
Friends: http://trophy.wtw.me.uk
Last edited by Carrotnapper; 04-02-2007 at 07:51 PM.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote

  #2 (permalink)  
Old 04-02-2007, 07:57 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,826
Default
I think your's is a little better colourwise and layout wise. Your friends text is a little large and the centrered text doesn't work well.
Your header could do with a lot of work to make more of an impact. But the main thing is what you've created using Bluevoda could easily have been built to a simple two column css layout.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 04-02-2007, 08:01 PM
Carrotnapper's Avatar
The Age Of The Understatement
  
Join Date: Feb 2007
Location: Filey, North Yorkshire
Gender: Male
Posts: 1,579
Default
i only had 10 mins thats y i used bluevoda, which 1 do you prefer Toon? I am going to put more work into the banner to make it standout.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #4 (permalink)  
Old 04-02-2007, 08:10 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,826
Default
You can see clearly why your design works better. Web design is not only about design in a graphics/colour form. Web design is also about layout design. Infact thats the first designing you should learn and some beginers don't spend enough time looking into various layout designs. The fact that you have chosen a side column makes your's stand out as you now have an extra part to grab your users attention. People don't tend to like to scroll. How much contect can you fit on screen using your layout compared to your friends layout?
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #5 (permalink)  
Old 04-02-2007, 08:13 PM
Carrotnapper's Avatar
The Age Of The Understatement
  
Join Date: Feb 2007
Location: Filey, North Yorkshire
Gender: Male
Posts: 1,579
Default
thanks, what is wrong with using bluevoda?
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #6 (permalink)  
Old 04-02-2007, 08:23 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,826
Default
It's doing it for you and you'll limit yourself in the future. I know you said it you used it because you were in a rush. But there's no reason why 10 minutes on a css layout would achive the same result and much easier to add to later. I'll see if I can find you an example, I've got one somewhere.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #7 (permalink)  
Old 04-02-2007, 08:32 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,826
Default
This was my first attempt at a fluid css layout, I haven't done many fluid layouts but it's something I want to use more and more due to the varying sizes in screens.

http://www.taylorsprint.com/css/

It's got no more or no less than your site has got on but if you study the code...

This is mine..

HTML Code:
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Home</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="outer">
<div id="header">
<h1>CSS Fluid Test</h1>
</div>
<div id="nav">

<ul class="button">
<li><a href="index.html">Option1</a></li>
<li><a href="index.html">Option2</a></li>
<li><a href="index.html">Option3</a></li>
<li><a href="index.html">Option4</a></li>
</ul></div>
<div id="main">
<h2>Welcome</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras nisi risus, nonummy sed, eleifend et, nonummy quis, quam. Ut erat justo, adipiscing quis, consectetuer ut, adipiscing id, velit. Suspendisse facilisis ullamcorper purus. Mauris vitae risus eu mi hendrerit gravida. Pellentesque sodales,
<p><img class="FloatLeft" src="Images/Pic/pic.gif" alt="" width="150" height="112" border="0">Risus nec porttitor feugiat, lacus mauris viverra lorem, sit amet consequat nisi est vitae eros. Praesent in arcu. Sed venenatis ornare felis. Aliquam erat volutpat. Fusce nec enim id nisl nonummy fringilla. Integer neque. <a href="index.html">Suspendisse</a> condimentum pulvinar turpis. Morbi lacinia, massa vitae varius consectetuer, leo risus sodales felis, id sodales urna eros et arcu. Mauris vitae tellus. Proin vel nunc vel libero vulputate sollicitudin. Aliquam nec nunc et leo imperdiet suscipit. Curabitur sed metus. Donec enim ante, porttitor eu, lobortis a, iaculis vel, risus.</p>

<h4>Mauris vitae risus eu mi hendrerit gravida.</h4>
<p>Pellentesque sodales, risus nec porttitor feugiat, lacus mauris viverra lorem, sit amet consequat nisi est vitae eros. Praesent in arcu. Sed venenatis ornare felis. Aliquam erat volutpat. Fusce nec enim id nisl nonummy fringilla. Integer neque. <a href="index.html">Suspendisse</a> condimentum pulvinar turpis. Morbi lacinia, massa vitae varius consectetuer, leo risus sodales felis, id sodales urna eros et arcu. Mauris vitae tellus. Proin vel nunc vel libero vulputate sollicitudin. Aliquam nec nunc et leo imperdiet suscipit. Curabitur sed metus. Donec enim ante, porttitor eu, lobortis a, iaculis vel, risus.</p>
</div>
<div id="footer">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras nisi risus, nonummy sed, eleifend et, nonummy quis, quam.</p>
</div>
</div>
</body>

</html>
This is your's....

HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Pennines Trophies</TITLE>
<META name="GENERATOR" content="Created by BlueVoda">
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000">
<DIV style="position:absolute;left:149px;top:198px;width:145px;height:161px;z-index:0" align="center">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD align="left" valign="top" width="145" height="29"><A href="index.html"><IMG src="bv01001.gif" alt="index.html" name="bv01001" width="145" height="29" border="0" align="top" id="bv01001" onMouseOver="SwapImage(1,0,'bv01001','bv01001_over.gif')" onMouseOut="SwapImage(0,0,'bv01001','bv01001.gif')"></A></TD>
</TR>
<TR><TD height="4"></TD></TR><TR>

<TD align="left" valign="top" width="145" height="29"><A href="about.html"><IMG src="bv01002.gif" alt="about.html" name="bv01002" width="145" height="29" border="0" align="top" id="bv01002" onMouseOver="SwapImage(1,0,'bv01002','bv01002_over.gif')" onMouseOut="SwapImage(0,0,'bv01002','bv01002.gif')"></A></TD>
</TR>
<TR><TD height="4"></TD></TR><TR>
<TD align="left" valign="top" width="145" height="29"><A href="products.html"><IMG src="bv01003.gif" alt="products.html" name="bv01003" width="145" height="29" border="0" align="top" id="bv01003" onMouseOver="SwapImage(1,0,'bv01003','bv01003_over.gif')" onMouseOut="SwapImage(0,0,'bv01003','bv01003.gif')"></A></TD>
</TR>
<TR><TD height="4"></TD></TR><TR>
<TD align="left" valign="top" width="145" height="29"><A href="contact.html"><IMG src="bv01004.gif" alt="contact.html" name="bv01004" width="145" height="29" border="0" align="top" id="bv01004" onMouseOver="SwapImage(1,0,'bv01004','bv01004_over.gif')" onMouseOut="SwapImage(0,0,'bv01004','bv01004.gif')"></A></TD>
</TR>
<TR><TD height="4"></TD></TR><TR>
<TD align="left" valign="top" width="145" height="29"><A href="extras.html"><IMG src="bv01005.gif" alt="extras.html" name="bv01005" width="145" height="29" border="0" align="top" id="bv01005" onMouseOver="SwapImage(1,0,'bv01005','bv01005_over.gif')" onMouseOut="SwapImage(0,0,'bv01005','bv01005.gif')"></A></TD>
</TR>
</TABLE>

</DIV>
<DIV style="position:absolute;left:0px;top:0px;width:143px;height:650px;z-index:1" align="left">
<IMG src="bv01006.gif" align="top" alt="" border="0" width="143" height="650">
</DIV>

<DIV style="position:absolute;left:816px;top:0px;width:162px;height:648px;z-index:2" align="left">
<IMG src="bv01007.gif" align="top" alt="" border="0" width="162" height="648">
</DIV>
<IMG src="penninesbanner.jpg" alt="" align="top" border="0" width="849" height="129" style="position:absolute;left:47px;top:39px;width:849px;height:129px;z-index:3">
<DIV style="position:absolute;left:355px;top:195px;width:367px;height:304px;z-index:4" align="left">
<FONT style="font-size:13px" color="#000000" face="Arial">this is text.</FONT><FONT style="font-size:13px" color="#000000" face="Arial">this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.this is text.</FONT>
</DIV>
<DIV style="position:absolute;left:366px;top:3px;width:440px;height:24px;z-index:5" align="center">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD align="left" valign="top" width="146" height="24"><A href="smap.html"><IMG src="bv01008.gif" alt="sitemap.html" name="bv01008" width="146" height="24" border="0" align="top" id="bv01008" onMouseOver="SwapImage(1,0,'bv01008','bv01008_over.gif')" onMouseOut="SwapImage(0,0,'bv01008','bv01008.gif')"></A></TD>
<TD width="1"></TD><TD align="left" valign="top" width="146" height="24"><A href="about.html"><IMG src="bv01009.gif" alt="about.html" name="bv01009" width="146" height="24" border="0" align="top" id="bv01009" onMouseOver="SwapImage(1,0,'bv01009','bv01009_over.gif')" onMouseOut="SwapImage(0,0,'bv01009','bv01009.gif')"></A></TD>
<TD width="1"></TD><TD align="left" valign="top" width="146" height="24"><A href="products.html"><IMG src="bv01010.gif" alt="products.html" name="bv01010" width="146" height="24" border="0" align="top" id="bv01010" onMouseOver="SwapImage(1,0,'bv01010','bv01010_over.gif')" onMouseOut="SwapImage(0,0,'bv01010','bv01010.gif')"></A></TD>
</TR>
</TABLE>

</DIV>
<IMG src="bv01011.gif" width="661" height="32" align="top" alt="Created By TJS WebDesign And Edited By William Whitehead: Digital Designer " style="position:absolute;left:145px;top:622px;width:661px;height:32px;z-index:6">
<DIV style="position:absolute;left:156px;top:387px;width:138px;height:128px;z-index:7" align="left">
<FONT style="font-size:13px" color="#000000" face="Arial">Flash here.</FONT><FONT style="font-size:13px" color="#000000" face="Arial">Flash here.Flash here.Flash here.Flash here.Flash here.Flash here.Flash here.Flash here.Flash here.Flash here.Flash here.Flash here.Flash here.</FONT>
</DIV>
</BODY>
</HTML>
You can see the amount of code Bluevoda generates to create the same kind of site layout.
And after you've got used to coding the different layouts it should take no more than 10 minutes to produce the layout correctly.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #8 (permalink)  
Old 05-02-2007, 09:50 AM
Carrotnapper's Avatar
The Age Of The Understatement
  
Join Date: Feb 2007
Location: Filey, North Yorkshire
Gender: Male
Posts: 1,579
Default
Hi again, I have updated the site and it now includes content! Please check it out at www.tjswebdesign.co.uk/pennine
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #9 (permalink)  
Old 05-02-2007, 06:55 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,826
Default
Anyone else got any pointers or ideas??