[web] What do you think so far?

Started by
21 comments, last by igni ferroque 19 years, 5 months ago
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,
-Goten
Advertisement
Weak and use spell checker.
Thx any ideas on improvement?
-Goten
Quote:Original post by GotenRulezU
Thx any ideas on improvement?


The colour scheme made me upchuck.

Also I'm not an expert on HTML but

<strong><</strong>Resources<strong>></strong>


just seems messed up.
------------------------------"Are you pondering what I am pondering?" - Fruny"I think so Brain, but how do we make a hockey game with DarkBASIC?" - Scint
Check my css it makes sense :)
My css is set so anything in that link thats in strong tags will be colored so u can see it only when mouseover :)
-Goten
Needs a link to gamedev [smile]

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


andrew.
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.
Steven Bradley .:Personal Journal:. .:WEBPLATES:. .:CGP Beginners Group:. "Time is our most precious resource yet it is the resource we most often waste." ~ Dr. R.M. Powell
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!
Thanks for all your friendly comments [smile] I will follow up on your ideas.
Thx again,
-Goten
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.

<hr />
Sander Marechal<small>[Lone Wolves][Hearts for GNOME][E-mail][Forum FAQ]</small>

This topic is closed to new replies.

Advertisement