banner button on the wheel The top part of the banner that is to the right of the team button. it has a picture of a pirate ship, RobbeXtreme our team name and the first logo as well as our team number. It also have the anchor chains that comes out of the ship around the word robbe xtreme
The bottom part of the banner which have the rest of the ship and the chains as well as the anchor but instead of the anchor there is a gear
 
Home navigation button Team56 navigation button First navigation button History navigation button Multimedia navigation button Resources navigation button contactus navigation button
Gears and chains under the navigation menue
left side of chains
 
The header of the left side menue
calendar icon

A+ font control A- font control reset font button
   
Left side menu bottom header
The connecting chains between the side menues
Another side menue header
   
Left side menu bottom header
The connecting chains between the side menues
Another side menue header
   
The last menue header side
underleftnav

 

 

Web making picture for the video

Team 56 was very serious about 2008 website and our first priority wasn’t about building a simple website. As we are known, we actually took the website to the EXTREME and dedicated all our time and heart in making a great website that will not only represent us, but representing FIRST and the FIRST community. Our team never won a website award since 1997 and our mission this year was not to only win an excellence award or a regional award. We wanted to win the championship website award and we worked very hard to try to achieve that goal.

Our team had a pretty good website last year, but that wasn’t enough for us. We wanted to improve it and make it EXTREME. At first, we look at almost all other FIRST websites and we realized that we had to make something special. And that special thing is to have a great design for our website that represents who we are as well as what is FIRST all about. We wanted to have something original and work hard to try and achieve our goal.

We could have used a web temple that is already made or we could have used a php website that is already made up that is ready to go. But what will be the point of this. Basically nothing because we didn’t earn or worked on these already made up things. So we decided to make our own in the best way possible. After getting new ideas and improving our web content, we moved to the design part.

We started out by hand drawing a couple of sketches of the site layout and we had two good sketches that we integrated in one sketch. After setting our goal of how we want our website to appear, we fired up Photoshop CS3. Just making the design for the website took us 3 weeks to do. We had over 12 Photoshop files, +1200 layers, +600 folders, +900 affects overlay, +100 pictures, +320 MB Photoshop files, which all ended up in 1.50 MB folder with 369 pictures with 16 folders.

After completing the design part of the site, we were faced of what resolution we should use for the site. After looking through Google about resolution polls, we decided that the best resolution was 1200 pixels wide. We started Dreamweaver CS3 and began to pump out page by page. We used one main template with six other templates connecting to it so we can update our site very easily. We could of used Div tags with CSS but we didn’t see a good point of doing that because we can use tables with Div with CSS which focus on the same thing but much easier to lay everything out with better control.

CSS was an important key that we considered as well as accessibility option. We made it very easy for navigation especially the side navigations where you have the ability to be able to expand or collapse the tabs. We didn’t favor drop menus because it gets annoying and uncontrollable to uses at one point or another. We decided to use Google search button so we can make it easier for visitors to find exactly what they looking for. Also, there is a font resizing option to accommodate our users.

Lastly to say, we worked very hard making this website and hopefully you guys appreciate all the hard work and effort that was put in.

right side of chains
 
The header of the left side menue
About team 56 side navigation button
team members side navigation button
Studetns side navigation buttonTeachers side navigation buttonEngineers side navigation buttonAlumnus side navigation buttonVolunteers side navigation button
Team Structure side navigation button
Sub-Groups side navigation button
Design side navigation buttonDesign side navigation buttonWebdesign side navigation buttonMarketing side navigation buttonPhoto Journalism side navigation button
Sponsors side navigation button
Our Sponsors side navigation buttonBecome a sponosor side navigation buttonEthicon side navigation button
Fundraising side navigation button
Community Service side navigation button
Awards side navigation button
   
Left side menu bottom header
The connecting chains between the side menues
Another side menue header
Team Members:

Join Us:
myspace icon
youtube icon
FIRST Topsite
   
The last menue header side
underrightnav