...

View Full Version : Site Design for BDtelevision.net



Grobulous
12-18-2006, 11:06 PM
So I and some other people that I know are going to be making a TV show called BDTV, and I am attempting to design a website for it.

http://img147.imageshack.us/img147/1324/bdtvweb2nw2.jpg

The blue box will be replaced to contain pics of both hosts, and a short description of the show, or a show slogan. The temporary episode Clip thumbnails are from Conan O'Brien.

So... What do you think about it? What should I add, take away, or change?

http://img147.imageshack.us/img147/1324/bdtvweb2nw2.jpg

Also, here is my html. the comments at each </div> are for my reference only. Also, I might change the h1's, h2's and the meta description when I come up with better things to put in them. I'll do the css tonight as well.

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BDTV</title><meta name="description" content="BDTV">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<body>

<div id="container">

<div id="banner">
<h1>BDTV</h1>
</div> <!-- End #banner -->

<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Cast & Crew</a></li>
<li><a href="#">Episodes</a></li>
<li><a href="#">Video Vault</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Bulletin Board</a></li>
</ul>
</div> <!-- End #navigation -->

<div id="main">

<div id="content">
<div id="bluebox">
<h1>Insert Show Slogan Here</h1>
</div>

<div class="article">
<h2 id="thisweek">This Week's Show</h2>
<div class="thumbnail">
<img src="assets/thumbnail.jpg" alt="This Week's Show" title="This Week's Show" />
<span>Click to View Episode</span>
</div>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent elementum sodales pede. Ut elementum tempus risus. Cras aliquam, dolor euismod rhoncus blandit, magna diam sodales metus, non aliquam est dui vel diam. Nunc sodales, risus eget pulvinar iaculis, sapien augue consectetuer justo, et lacinia lectus massa eget lacus. Sed metus. Proin blandit accumsan nunc. Praesent ultrices rutrum massa. Nullam purus lectus, suscipit et, consectetuer id, rutrum non, justo. Integer ut mauris sit amet urna imperdiet blandit. Quisque mauris. Duis leo est, pharetra a, vestibulum non, laoreet ac, est. Integer pharetra tellus ut arcu. Sed cursus rhoncus enim. Etiam magna libero, mollis eget, nonummy sed, tristique sit amet, ipsum. Sed posuere.</p>
<p>Maecenas ligula ante, faucibus ut, scelerisque</p>
<span class="watchcomment">Watch Episode - Comment</span>
</div>
</div>

<div class="article">
<h2 id="nextweek">Coming Up Next Week</h2>
<div class="thumbnail">
<img src="assets/thumbnail.jpg" alt="This Week's Show" title="This Week's Show" />
<span>Click to View Clip</span>
</div>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent elementum sodales pede. Ut elementum tempus risus. Cras aliquam, dolor euismod rhoncus blandit, magna diam sodales metus, non aliquam est dui vel diam. Nunc sodales, risus eget pulvinar iaculis, sapien augue consectetuer justo, et lacinia lectus massa eget lacus. Sed metus.</p>
<p>Proin blandit accumsan nunc. Praesent ultrices rutrum massa. Nullam purus lectus, suscipit et, consectetuer id, rutrum non, justo. Integer ut mauris sit amet urna imperdiet blandit. Quisque</p>
<span class="watchcomment">Watch Clip - Comment</span>
</div>
</div>

</div> <!-- End #content -->

<div id="sidepanel">
<img src="assets/sponsor.jpg" alt="Sponsor Name" title="Sponsor Name" />
<p>Sponsor Name</p>
<img src="assets/sponsor.jpg" alt="Sponsor Name" title="Sponsor Name" />
<p>Sponsor Name</p>
<img src="assets/sponsor.jpg" alt="Sponsor Name" title="Sponsor Name" />
<p>Sponsor Name</p>
</div> <!-- End #sidepanel -->

</div> <!-- End #main -->

<div id="footer">&copy; 2006, 2007 All Rights Reserved</div>

</div> <!-- End #container -->

</body>
</html>

croatiankid
12-19-2006, 11:13 AM
Wow nice design, except: where "Sponsors" is written, don't change the color of the text ("Sponsors")- keep it black the whole way, because this way it's hard to read, well not hard to read, but irritating that it's light text on a light background. keep up the good work :)

Grobulous
12-19-2006, 11:29 AM
Okay. I thought that would be a problem.

here's the new version:
http://img147.imageshack.us/img147/1324/bdtvweb2nw2.jpg



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum