Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder Grobulous's Avatar
    Join Date
    Sep 2006
    Location
    Earth...
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Site Design for BDtelevision.net

    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.
    Code:
    <!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>
    Last edited by Grobulous; 12-19-2006 at 11:30 AM.
    Release your mighty juices of creativity... SabuKudo.com!

  • #2
    Regular Coder croatiankid's Avatar
    Join Date
    Jan 2006
    Posts
    665
    Thanks
    1
    Thanked 12 Times in 12 Posts
    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

  • #3
    New Coder Grobulous's Avatar
    Join Date
    Sep 2006
    Location
    Earth...
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay. I thought that would be a problem.

    here's the new version:
    http://img147.imageshack.us/img147/1324/bdtvweb2nw2.jpg
    Release your mighty juices of creativity... SabuKudo.com!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •