View Single Post
  #9   Spotlight this post!  
Unread 13-05-2006, 15:40
artdutra04's Avatar
artdutra04 artdutra04 is offline
VEX Robotics Engineer
AKA: Arthur Dutra IV; NERD #18
FRC #0148 (Robowranglers)
Team Role: Engineer
 
Join Date: Mar 2005
Rookie Year: 2002
Location: Greenville, TX
Posts: 3,078
artdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond reputeartdutra04 has a reputation beyond repute
Re: www.team66.com : Another makeover? What?

I don't really like the frames that much. They remind me too much of websites from the 1990s. Plus, if you do use a browser like Firefox, and you try to open one of the links in a new tab, you get this as a result - the frames are gone.

The website is good, but with some clever use of CSS you can hide the amount that frames are used. You can shrink the borders of the frames to zero, and you can make sure that you never have to scroll the link navigation menu to see all the buttons. The Team 66 and GM / Team 66 / FIRST frames can be conbined into one frame, with use of two <div> elements to display the content like this:
Code:
CSS:
.header-left { float:left; width:200px; padding:8px; background-color:#fff; }
.header-left img { border:0 }
.header-right { float:left; text-align:center; padding:8px; background-color:#000; }
.header-right img { border:0 }

HTML:
<div class="header-left">
    <a href="http://www.team66.com">
         <img src="http://www.team66.com/images/logo.jpg" alt="Team 66" />
    </a>
</div>
<div class="header-right">
    <a href="http://www.gm.com">
          <img src="http://www.team66.com/images/gm_logo.jpg" alt="GM Logo" />
    </a>
    <a href="http://www.team66.com">
          <img src="http://www.team66.com/images/B24_T66c.jpg" alt="Team 66" />
    </a>
    <a href="http://www.usfirst.org">
          <img src="http://www.team66.com/images/FIRSTlogoR_color_rgbm.jpg" alt="FIRST" />
    </a>
</div>
Or, you could eliminate the frames and go directly to either tables or CSS. Using a simple table for the layout would work better in all browsers without as much browser hacking.

Also, if you know some basic PHP, you can use the PHP include() feature to add the page header, links, and calendar into everypage. This way you can change the header on the entire website by changing one .inc or .tpl file, just like how you use one .html file in the header frame works on every page.

Otherwise, the website is nice. Keep up the good work.
__________________
Art Dutra IV
Robotics Engineer, VEX Robotics, Inc., a subsidiary of Innovation First International (IFI)
Robowranglers Team 148 | GUS Robotics Team 228 (Alumni) | Rho Beta Epsilon (Alumni) | @arthurdutra

世上无难事,只怕有心人.