Jump to content
  • Advertisement
Sign in to follow this  

[web] What do you think so far?

This topic is 4956 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

Just started creating a design for my website. What do you think so far. MY SITE! All opinions and suggestions welcome. Here's source for curious people. index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="mycss.css">
</head>

<body bgcolor="black">
<div id="container">
<div id="menuhead"><font class="heading">Menu</font></div>
<div id="menu">
<table width="150px" height="100%">
<tr>
<td style="text-align:center">
<a class = "nav" href="Home.html"><strong><</strong>Home<strong>></strong></a>
<br>
<a class = "nav" href="Tutorials.html"><strong><</strong>Tutorials</strong><strong>></strong></a>
<br>
<a class = "nav" href="Source.html"><strong><</strong>Source Code<strong>></strong></a>
<br>
<a class = "nav" href="Art.html"><strong><</strong>Artwork<strong>></strong></a>
<br>
<a class = "nav" href="Resources.html"><strong><</strong>Resources<strong>></strong></a>
<br>
<a class = "nav" href="Downloads.html"><strong><</strong>Downloads<strong>></strong></a>
<br>
<a class = "nav" href="AboutUs.html"><strong><</strong>About Us<strong>></strong></a>
<br>
</td>
</tr>
</table>
</div>
<br>
</div>
<div id="drop">
WORK!
</div>
<div id="main">
<div id="newshead"><font class="heading">NEWS</font></div>
<div id="news"><font class="date">10-21-2004</font></div>
<div id="newsbody">
<font class="news">
C++ Tutorial #1 is now available for download. Download at your own risk I repeat download at your own risk. I will not be responcible
for damages to your computer for any reason.
<br>
<strong>-Cory Fisher</strong>
</font>
</div>
<div id="news"><font class="date">10-20-2004</font></div>
<div id="newsbody">
<font class="news">
Hello world source code is now available for download. Although very basic this
will be a very good learning experience for those who would like to learn c/c++.
Everyone starts out with hello world :)
<br>
<strong>-Cory Fisher</strong>
</font>
</div>
</div>
</div>
</body>
</html>

mycss.css
a.nav{text-decoration:none;}
a.nav:link{color:red;} 
a.nav:visited{color:red;} 
a.nav:hover{color:blue;} 
a.nav strong{color:purple;} 
a.nav:hover strong{color:red;}
font.heading{
	font-size: 25px;
}
font.date{
	font-size: 20px;
}
font.news{
	font-size: 15px;
	text-indent: 35px;
}
#container{
	width: 800px;
	height: 100%;
	background-color: black;
	position: absolute;
}
#menuhead{
	margin-left: 0px;
	width: 150px;
	background-color: teal;
	text-indent: 50px;
	color: white;
	position: absolute;
}
#menu{
	margin-top: 34px;
	width: 150px;
	height: 200px;
	background-color: purple;
	position: absolute;
}
#main{
	margin-left: 160px;
	width: 650px;
	height: 100%;
	color: white;
	background-color: black;
	position: absolute;
}
#news{
	margin-left: 10px;
	margin-top: 5px;
	width: 650px;
	background-color: teal;
	position: relative;
}
#newshead{
	margin-left: 10px;
	width: 650px;
	background-color: teal;
	position: relative;
	text-indent: 50%;
}
#newsbody{
	margin-left: 10px;
	width: 650px;
	background-color: purple;
	position: relative;
}
#article{
	margin-top: 210px;
	width: 150px;
	height: 25px;
	background-color: purple;
	position: relative;
	font-size: 15px;
}
#drop{
	margin-left: 0px;
	margin-top: 250px;
	width: 650px;
	background-color: purple;
	position: absolute;
	visibility: hidden;
}

Thanks a lot guys,

Share this post


Link to post
Share on other sites
Advertisement
Guest Anonymous Poster
Weak and use spell checker.

Share this post


Link to post
Share on other sites
Needs a link to gamedev [smile]

And, I would agree that the color scheme isn't too pleasing :( Try for something more neutral.


andrew.

Share this post


Link to post
Share on other sites
I am not very good at HTML so I can't speak on that. What you have so far just "feels" cramped. I don't know, maybe space it out a little more. Colors...I can't talk, my color coordination sucks. I use this web site a lot when I need colors that won't burn my eyes out of their sockets. ColorMatch 5k

Good luck.

Share this post


Link to post
Share on other sites
A few suggestions:

1. as other people have said, change the colors...I'm not sure what would work best, but just try some things out, possibly more neutral or at least not as bright. Don't necessarily go to like black and white or anything, though...find something that still suits your tastes and fits you, since this appears to be a personal site.

2. It needs a header, a title that tells what the entire site is.

3. Just something to ponder: why is "NEWS" all caps while "Menu" isn't? Also, these two labels are ok, but I mean unless your target audience is completely new to the internet, they probably know that the group of differently colored text on the side is a menu, and a little less obvious but still fairly apparent is that the things that have dates and news on them are news.

4. I'm not sure if this would make it look better or not, but experiment with putting padding/more space on the sides of the news items so the text is not right up against the side of the box.

good start, though, keep it up!

Share this post


Link to post
Share on other sites
Get a decent host and stay clear of Geocities. Check this forum's FAQ for links to better free webhosting. Also, hosting is getting really cheap these days so you could just as well get paid hosting.

e.g: Generic Webhost which is partly run by a GDNet member IIRC.

Share this post


Link to post
Share on other sites
Sign in to follow this  

  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

Participate in the game development conversation and more when you create an account on GameDev.net!

Sign me up!