Log in

View Full Version : Team Force Online!


Petey
16-02-2005, 10:23
The new webpage for Team 1073 is up!
TheForceTeam.com (http://theforceteam.com) is a similar design to what we used last year, updated for our new team colors.

The really cool thing is this:
Robin (http://voltechs.com), our lead designer and PHP God, wrote his own custom script to govern the content of this page. He built almost everything out of CSS. True, we do use IPB for our CMS, but he wrote a system so that every time we create a new subforum in our CMS category, it actually creates a new button on the navbar of the homepage.

Quick, dynamic, special. Check out the 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>www.theforceteam.com - Home</title>
<meta name="copyright" content="The Force Team 2004-2005 - Hollis Brookline High School">
<meta name="author" content="Robin Stevens">
<link href="style.css" rel="stylesheet" media="screen">
</head>

<body bgcolor="#ffffff">
<div id="wrapper">

<table border="0" cellspacing="0" cellpadding="0">
<tr><td rowspan="2" valign="top">
<div id="logo"></div>
<div id="navigation">
<ul>
<li><a href="?10">News</a></li>
<li><a href="?11">For Newbies</a></li>
<li><a href="?12">About 1073</a></li>
<li><a href="?13">Press Clippings</a></li>
<li><a href="?14">Media</a></li>
<li><a href="?15">Downloads</a></li>
<li><a href="?16">Our Sponsors</a></li>
<li><a href="?23">Our Projects</a></li>
<li><a href="?17">Contact Us</a></li>
<li><a href="/forum">Forum</a></li>
<li class="first"><a href="http://www.usfirst.org">US FIRST</a></li>
<li class="created"><a href="http://www.voltechs.com">voltechs.com</a></li>
</ul>
</div>
</td><td>
<div id="header">The Force Team : 1073</div>
</td></tr>
<tr><td valign="top">
<div id="content">
<div class="top"></div>
</div>
</td></tr>
</table>

<div id="footer">
</div>
</div>
</body>
</html>


V. spiffy.

However, we have to deal with the problem of working with Macs. It looks perfect on our computers--can we get some feedback on whether everything looks fine on non-Mac browsers?

Thanks!

--Petey

p.s. I've attached a 32-color GIF screen shot of what it looks like in Safari. Robin's done the best he can to get around IE--the "browser" (note quotes) that I think the judging will probably be done with--but I think there are some prolems with it.

rowe
16-02-2005, 12:39
I noticed that in IE, when you move your mouse over the FIRST logo, it gets a little buggy (the rollover images on the menu except without text appear covering the logo). Unfortunately my school doesn't have Firefox so I'm not sure if it's just IE.

Petey
16-02-2005, 13:14
I noticed that in IE, when you move your mouse over the FIRST logo, it gets a little buggy (the rollover images on the menu except without text appear covering the logo). Unfortunately my school doesn't have Firefox so I'm not sure if it's just IE.

Darn. I had hoped Robin had fixed that.

Well, I'll mention that to him. I think it is just IE.

--Petey

evulish
16-02-2005, 16:56
The site looks great (I'm using Safari, too). My only complaint is about the URL naming scheme. For main pages, it's not normally good to use things like /?12. They aren't descriptive, and search engines aren't too fond of them. Something like /news or /media is much more acceptable. You can do this pretty easily with mod_rewrite and some more PHP. Otherwise, good job.

Petey
16-02-2005, 18:07
I've passed that along to Robin. Thanks.

--Chris

Petey
21-02-2005, 22:10
Ha ha--it's late, it's ship date, we've already submitted, hope the judges haven't already judged, because I just spent like 3 hours with Robin fixing/updating the webpage.

Would love to see if it works for everyone. Post feedback and comments here.

--Petey