So I've decided to make a website for the WYSE team I'm on and I've only made the homepage so far but could some people check it out and give me some recommendations and thoughts Smile
http://gallatinwyseteam.uphero.com/
So I've got the state biology up although I haven't added the hyperlinks to the text yet. Well tomorrow's as good a time as any Razz
Please try to avoid double-posting, Burklow2016. Edit your post if it's within 24 hours and no one has responded yet. Anyway, I see you have some nice animated menus; I have but two suggestions:
1) The photo is large and scaled down. I recommend saving a scaled-down version, perhaps even smaller than you have.
2) Is that Comic Sans?
Ahh my bad I normally don't do that. Yes it's Comic Sans and would the scaled down picture make the webpage load faster?
Burklow2016 wrote:
Ahh my bad I normally do that. Yes it's Comic Sans and would the scaled down picture make the webpage load faster?
Yes. And here's why not Comic Sans:
http://knowyourmeme.com/memes/comic-sans
http://www.explosm.net/comics/2301/
Alright changed the font to Times New Roman.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

<title>Biology State</title>

<style type="text/css">
.WYSE {
   font-family: "Times New Roman", cursive;
   color: #FFF;
   text-decoration: none;
        text-align: center;

body,td,th {
   font-size: 12px;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body background="http://otife.com/wp-content/uploads/2013/04/HD-wallpaper-Otife-website-background-cool-x-vector-496346.jpg" bgproperties="fixed" class="WYSE">
<table width="850ex" align="center">
  <tr>
    <td colspan="4"><h1 align="center">Gallatin County WYSE Team</h1></td>
  </tr>
  <tr class="WYSE"><td width="8%" height="30" colspan="4" valign="middle">
<style type="text/css">
.tab{
font-family: arial, verdana, san-serif;
font-size: 14px;
}
.asd
{
text-decoration: none;
font-family: arial, verdana, san-serif;
font-size: 13px;
color:#ffffff;
}
 
/*****remove the list style****/
#nav {
margin:0;
padding:0;
list-style:none;
}   
 
/*****LI display inline *****/
#nav li {
float:left;
display:block;
width:100px;
position:relative;
z-index:500;
margin:0 1px;
}
 
/*****parent menu*****/
#nav li a {
display:block;
padding:8px 5px 0 5px;
font-weight:700;
height:23px;
text-decoration:none;
color:#ffffff;
text-align:center;
color:#ffffff;
}
 
#nav li a:hover
{
color:#ffffff;
}
 
/* style for default selected value */ #nav a.selected {
color:#ffffff;
}
/* submenu */ #nav ul
{
position:absolute;
left:0;
display:none;
margin:0 0 0 -1px;
padding:0;
list-style:none;
}
 
#nav ul li
{
width:100px;
float:left;
border-top:1px solid #fff;
}
 
/* display block will make the link fill the whole area of LI */ #nav ul a
{
display:block;
height:15px;
padding: 8px 5px;
color:#ffffff
}
 
#nav ul a:hover
{
text-decoration:underline;   
padding-left:15px;
}
</style>
 
<script type="text/javascript" src="jquery.js">
</script>
 
<script type="text/javascript">
$(document).ready(function () {   
$('#nav li').hover(
function () {
//show its submenu
$('ul', this).slideDown(350);
},
function () {
//hide its submenu
$('ul', this).slideUp(350);   
}
);
});
</script>
 
<input type=hidden name=arav value="8*#*#*1*#*#*3*#*#*3*#*#*3*#*#*3*#*#*3*#*#*3*#*#*3"><ul id='nav'>
<li> <a href=http://www.gallatinwyseteam.uphero.com/>Home</a>
<li> <a href='#'>Biology</a>
<ul>
<li><a href=http://www.gallatinwyseteam.uphero.com/biology/?state.html>State</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/biology/?sectional.html>Sectional</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/biology/?regional.html>Regional</a></li>
</ul>
<li> <a href='#'>Chemistry</a>
<ul>
<li><a href=http://www.gallatinwyseteam.uphero.com/chemistry/?state.html>State</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/chemistry/?sectional.html>Sectional</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/chemistry/?regional.html>Regional</a></li>
</ul>
<li> <a href='#'>Computers</a>
<ul>
<li><a href=http://www.gallatinwyseteam.uphero.com/compsci/?state.html>State</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/compsci/?sectional.html>Sectional</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/compsci/?regional.html>Regional</a></li>
</ul>
<li> <a href='#'>Engineering</a>
<ul>
<li><a href=http://www.gallatinwyseteam.uphero.com/enggra/?state.html>State</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/enggra/?sectional.html>Sectional</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/enggra/?regional.html>Regional</a></li>
</ul>
<li> <a href='#'>English</a>
<ul>
<li><a href=http://www.gallatinwyseteam.uphero.com/english/?state.html>State</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/english/?sectional.html>Sectional</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/english/?regional.html>Regional</a></li>
</ul>
<li> <a href='#'>Mathematics</a>
<ul>
<li><a href=http://www.gallatinwyseteam.uphero.com/math/?state.html>State</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/math/?sectional.html>Sectional</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/math/?regional.html>Regional</a></li>
</ul>
<li> <a href='#'>Physics</a>
<ul>
<li><a href=http://www.gallatinwyseteam.uphero.com/physics/?state.html>State</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/physics/?sectional.html>Sectional</a></li>
<li><a href=http://www.gallatinwyseteam.uphero.com/physics/?regional.html>Regional</a></li>
</ul>
</li>
</ul>
  </tr>
    <tr>
      <td height="38" colspan="4">&nbsp;</td>
    </tr>
    <tr>
      <td height="38" colspan="4">&nbsp;</td>
    </tr>
    <tr>
      <td height="38" colspan="4"><h1 align="center">Biology State Tests</h1></td>
    </tr>
  <h3 class="WYSE" align="center">
    <tr class="WYSE">
    <td height="38"><h2><u>Year</u></h2></td></h3>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><span class="WYSE">2013</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2012</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2011</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2010</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2009</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2008</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2007</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2006</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2005</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2004</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2003</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">2001</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">1998</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">1997</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">1995</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">1993</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
  <tr>
    <td><span class="WYSE">1992</span></td>
    <td><span class="WYSE">Test</span></td>
    <td><span class="WYSE">Key</span></td>
    <td><span class="WYSE">Online</span></td>
    </tr>
</table>
</body>
</html>

This is the code for the biology state section so far. I can't get the dates and other stuff in that part centered in there box.
And just finished resizing the photo.
Maybe it's a bit late for me to post something, but first a question, then a couple of recommendations:

The Question: It says you need to be logged in to view the site. Could you give me a username and password to see the actual content?

The Recommendations:
-Use a font like Arial, it is much easier to read it fits your page styling more than something like Times New Roman
-Having an overview over your code may be simplified by putting all your CSS code in a separate stylesheet (having said that: indentation also helps! view my page source code for an example)
-I think your site would become a bit more attractive if you put some more color into it!

I hope this helped!
Also, if you're specifying Times New Roman as a named font family, specify serif as the generic font family, not cursive. Similarly, if you use Arial, use sans-serif.
  
Register to Join the Conversation
Have your own thoughts to add to this or any other topic? Want to ask a question, offer a suggestion, share your own programs and projects, upload a file to the file archives, get help with calculator and computer programming, or simply chat with like-minded coders and tech and calculator enthusiasts via the site-wide AJAX SAX widget? Registration for a free Cemetech account only takes a minute.

» Go to Registration page
Page 1 of 1
» All times are UTC - 5 Hours
 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

 

Advertisement