website prototype - Graphic Design Forum and Web Design Forum

dcpweb · #1 (**permalink**) 23-08-2007, 10:24 PM

Hi,

I am working on a website for a client.

you can view an early working example here: Kaybee Pictures - Main page1

Please send me any feedback based on the current example.

I look forward to your replies.

regards

p shah - Different Colour Productions - Web Design and Development

LeadMagnet · #2 (**permalink**) 24-08-2007, 01:32 AM

Looks good to me.

My only suggestion is to make a different version of your flash banner for all the other pages besides the home page that doesn't play that video every time, it's a bit distracting. (i wouldn't like to have the video there at all, but i'm guessing the client wants it there)

Toon · #3 (**permalink**) 24-08-2007, 06:59 AM

Or a static banner for the other pages.

LeadMagnet · #4 (**permalink**) 25-08-2007, 12:00 AM

Ok, i know i'm a bit verbose at times, but that's what i said.

tommylogic · #5 (**permalink**) 25-08-2007, 06:12 PM

Tables tables tables.... ho hummmm

oh well.. it looks ok I suppose. The links on the left menu on hover seem a bit awkward. Hover removes the whitespace on the left border. Perhaps you could fix that with a color change.

Other than that... the usual... -->

Markup Validation: FAILED validation, 7 Errors
W3C CSS Validation: FAILED validation, 1 Error and 37 Warnings (not bad for a table based site)

just for the fun of it.. here is the VALID version of your home page...

HTML Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Kaybee Pictures - Main page1</title>
<meta name="keywords" content="K2" />
<meta name="description" content="D3" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="data/css/style.css" rel="stylesheet" type="text/css" />
<script src="data/js/AC_RunActiveContent.js" type="text/javascript">
</script>
<script src="data/js/functions.js" type="text/javascript">
</script>
<style type="text/css">
/*<![CDATA[*/
 td.c6 {background-image:url(data/images/footer.jpg);width:782;height:45px;background-repeat:no-repeat;padding:0px;padding-top:15px;}
 td.c5 {padding:10px;}
 td.c4 {color: rgb(23, 78, 117);}
 div.c3 {text-align: right}
 div.c2 {text-align: justify}
 td.c1 {background-color:#F8F8F8;background-image: url(data/images/tlo_menu.jpg);background-repeat: repeat-y;background-position: left;width:198px; padding:10px;padding-left:0px;padding-top:0px;}
/*]]>*/
</style>
</head>
<body>
<table width="782" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><script type="text/javascript">
//<![CDATA[
                                AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','782','height','318','id','main','src','data/swf/main','quality','high','name','main','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','data/swf/main','FlashVars','PageTitle=Home&amp;TopFoto=data/page/image/1337406969.jpg');
//]]>
</script></td>
</tr>
<tr>
<td width="198" align="left" valign="top" class="c1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=page&amp;pageId=1&amp;menuId=2" target="_self" class="menu">Home</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=page&amp;pageId=2&amp;menuId=4" target="_self" class="menu">About us</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=page&amp;pageId=3&amp;menuId=7" target="_self" class="menu">Management Team</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=page&amp;pageId=4&amp;menuId=3" target="_self" class="menu">Advisory Board</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=page&amp;pageId=5&amp;menuId=11" target="_self" class="menu">Our Films</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=page&amp;pageId=6&amp;menuId=12" target="_self" class="menu">In Development</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=page&amp;pageId=7&amp;menuId=13" target="_self" class="menu">Associated Films</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=form&amp;formId=1&amp;menuId=16" target="_self" class="menu">Contact</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=gallery&amp;menuId=18" target="_self" class="menu">Gallery</a></h2>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="left">
<h2><a href="index.php?module=page&amp;pageId=10&amp;menuId=17" target="_self" class="menu">Associated Companies</a></h2>
</td>
</tr>
</table>
</td>
<!--<td width="84" align="left" valign="top" style="padding:10px;background-image: url(data/images/film.jpg);"></td>-->
<td width="584" align="left" valign="top" class="c5">
<table width="565" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td colspan="2">
<div class="c2">
<table width="565" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td valign="top" align="left"><img width="62" height="62" alt="" src="/data/page/fck/Image/home/film_ico.jpg" /></td>
<td>
<div class="c2">Kaybee Production is a Film Production Management Company based in the United Kingdom that assists film and media companies with their related projects by offering production services at highly competitive rates. Kaybee Production is a subsidiary of Kaybee Ltd - an Indo-UK based Film Company, which is engaged in the business of Feature Films and Production Management.</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td class="c4" colspan="2">
<div class="c3"><strong>Sambar Salsa Theatrical Trailer :</strong></div>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td width="250" valign="top" align="center"><img width="150" height="238" alt="" src="/data/page/fck/Image/home/sambar_salsa_poster.jpg" /></td>
<td width="315" valign="top" align="right">
<div class="c3"><embed width="300" height="247" src="http://www.youtube.com/v/4ZP_3JzQvLg" type="application/x-shockwave-flash" wmode="transparent" /></div>
</td>
</tr>
<tr>
<td valign="top" colspan="2">
<div class="c2"> </div>
</td>
</tr>
<tr>
<td valign="top" align="left" rowspan="3">
<div class="c2">A tale with ingredients of humour, romance, emotion and drama, telling the story of a Spanish girl, an Indian boy and disapproving parents, some who need little convincing and others who need a whole lot more.</div>
</td>
<td valign="top" class="c4">
<div class="c3"><strong>Wind Your Body Up :</strong></div>
</td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top" align="right" rowspan="2"><embed width="300" height="247" src="http://www.youtube.com/v/RdlbTUDXkRA" type="application/x-shockwave-flash" wmode="transparent" /></td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="2" cellpadding="0" border="0">
<tbody>
<tr>
<td width="24"><img width="21" height="16" alt="" src="/data/page/fck/Image/home/icofilm.jpg" /></td>
<td bgcolor="#F3F3F3" colspan="3"><strong>Director:</strong> Aditya Raj</td>
</tr>
<tr>
<td><img width="14" height="17" alt="" src="/data/page/fck/Image/home/icowrite.jpg" /></td>
<td bgcolor="#F3F3F3" colspan="3"><strong>Writers:</strong> Aditya Raj / Vasanti Sundaram</td>
</tr>
<tr>
<td><img width="18" height="16" alt="" src="/data/page/fck/Image/home/ico_genre.jpg" /></td>
<td bgcolor="#F3F3F3" colspan="3"><strong>Genre:</strong> Drama</td>
</tr>
<tr>
<td> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="4"><strong>Film Cast:</strong></td>
</tr>
<tr>
<td> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3" colspan="3"><strong>Alessia Bonnaci</strong> - Julia Cervantes</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Roberta Caocci</strong> - Sasha Cervantes</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Colin Duval</strong> - Miguel Cervantes</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Rishi Kapoor</strong> - Om Suri</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Paulette Michelle</strong> - Fashion Buyer</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Guy Morris</strong> - Lord William</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Thara Prasha</strong>d - Singer with Taz</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Preyanka</strong> - Alamelu Suri</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Ateesh Randev</strong> - Surya Suri</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Damian Regan</strong> - Peter</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Taz</strong> - As himself</td>
</tr>
<tr>
<td><img width="16" height="18" alt="" src="/data/page/fck/Image/home/icostar.jpg" /></td>
<td bgcolor="#F3F3F3"><strong>Rikin Trivedi</strong> - Mr. Iyer</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr valign="top">
<td colspan="3" class="c6">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" align="left">Copyright 2007 <strong>KAYBEE PICTURES</strong> All rights reserved</td>
<td width="50%" align="right"><a href="http://www.dcpweb.co.uk" target="_blank">Designed by DCP</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

petra · #6 (**permalink**) 08-10-2007, 10:38 AM

I'd add a background colour to make the content stand out

prewe · #7 (**permalink**) 09-10-2007, 07:49 PM

that's neat, but when the animation have finished the black background looks a little off, maybe mask that? or change the background from black to something else.

airtrance · #8 (**permalink**) 17-10-2007, 06:28 PM

That is great design indeed. I admire the animation part and salute to you for giving so much effort to it.

Cheers and Good luck!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum