pimpest
07-11-2003, 01:23 PM
Hey people check out my webpage and tell me if its good or not thx.
Click to See Complete Forum and Search --> : My Website
DaveSW
07-11-2003, 04:07 PM
First of all you need a valid doctype and charset.
Do this by placing:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
above all the other code on your page and
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
somewhere in the head.
After that, a list of your 45 coding errors can be found at
http://validator.w3.org/check?uri=http%3A%2F%2Fhmongteenz.net%2Fmembers%2Fpimpest%2Fpimpdaddy.htm&charset=utf-8+%28Unicode%2C+worldwide%29&doctype=HTML+4.01+Transitional
Which is quite enough to be getting on with.
Do this by placing:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
above all the other code on your page and
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
somewhere in the head.
After that, a list of your 45 coding errors can be found at
http://validator.w3.org/check?uri=http%3A%2F%2Fhmongteenz.net%2Fmembers%2Fpimpest%2Fpimpdaddy.htm&charset=utf-8+%28Unicode%2C+worldwide%29&doctype=HTML+4.01+Transitional
Which is quite enough to be getting on with.
DaveSW
07-11-2003, 04:12 PM
It's a good beginning, but you need to build on it. Visit www.w3schools.com to find out more about web designing,
As is usual for a first site, you have an excessive amount of javascripts, but we've all been there and done that. You need to think about what's actually necessary, and does it enhance your page.
I would suggest you learn a little css to layout your page. this would sort out the problems you currently have with the menu spacing out down the side.
As is usual for a first site, you have an excessive amount of javascripts, but we've all been there and done that. You need to think about what's actually necessary, and does it enhance your page.
I would suggest you learn a little css to layout your page. this would sort out the problems you currently have with the menu spacing out down the side.
David Harrison
07-11-2003, 04:40 PM
I like that nissan skyline, I bet it set you back a pretty penny. However I was wondering why you need all of these:
<p>&nbsp;&nbsp;&nbsp;... ...&nbsp;&nbsp;&nbsp;</p>
It may be better to just use <br> to make a new line.
What may also be better, as DaveSW suggested, is to use CSS, because with this you can have better control over your layout, such as absolute positioning to place your images and text where you want them with little fuss.
<p>&nbsp;&nbsp;&nbsp;... ...&nbsp;&nbsp;&nbsp;</p>
It may be better to just use <br> to make a new line.
What may also be better, as DaveSW suggested, is to use CSS, because with this you can have better control over your layout, such as absolute positioning to place your images and text where you want them with little fuss.
pimpest
07-11-2003, 04:43 PM
yo davesw can u fix those for me cause i dont get it i only use frontpage..
brendandonhue
07-11-2003, 04:47 PM
He might, but I doubt it. This is a forum for help/support for web developers, not free web design services.
David Harrison
07-11-2003, 04:59 PM
Like he said, customized code is very rarely handed out.
However, I'll give you a few pointers because davesw does not seem to be online right now.
On the second error:
Line 34, column 6: required attribute "TYPE" not specified (explain...).
<style>
it just means put this:
<style type="text/css">
do the same kind of thing for your script tags (type="text/javascript")
for point number 4:
Line 116, column 14: an attribute value must be a literal unless it contains only name characters (explain...).
<BODY BGCOLOR=#ffffff vlink=#0000ff style="OVERFLOW-X: hidden; OVERFLOW-Y: scrol
It just meanse put the hexadecimal colour code in speech marks:
<BODY BGCOLOR="#ffffff" vlink="#0000ff" ...
For all of your images you should include an alt attribute, this is just text that will be displayed if images do not load. Use it like this:
alt="Alternative text."
If you click on explain next to the error's it will give you a poor general explanation that won't explain very much and uses FOO for various omitted elements, but you should be able to work out what you've done wrong and after some searching through the W3C site you should be able to find the solution.
However, I'll give you a few pointers because davesw does not seem to be online right now.
On the second error:
Line 34, column 6: required attribute "TYPE" not specified (explain...).
<style>
it just means put this:
<style type="text/css">
do the same kind of thing for your script tags (type="text/javascript")
for point number 4:
Line 116, column 14: an attribute value must be a literal unless it contains only name characters (explain...).
<BODY BGCOLOR=#ffffff vlink=#0000ff style="OVERFLOW-X: hidden; OVERFLOW-Y: scrol
It just meanse put the hexadecimal colour code in speech marks:
<BODY BGCOLOR="#ffffff" vlink="#0000ff" ...
For all of your images you should include an alt attribute, this is just text that will be displayed if images do not load. Use it like this:
alt="Alternative text."
If you click on explain next to the error's it will give you a poor general explanation that won't explain very much and uses FOO for various omitted elements, but you should be able to work out what you've done wrong and after some searching through the W3C site you should be able to find the solution.
spufi
07-11-2003, 07:53 PM
Also note that there is a little bit of scrolling from left to right on your page.
pimpest
07-11-2003, 09:29 PM
thx but i still dont get ...im pretty new onthis..
brendandonhue
07-11-2003, 10:17 PM
I suggest you learn some basic HTML at least so you have some control over your pages above what FrontPage gives you.
Someone around here has an article called "So what is a doctype, anyway?" but I don't remember the link
Someone around here has an article called "So what is a doctype, anyway?" but I don't remember the link
spufi
07-12-2003, 12:03 AM
Gee I wonder who would have a link like that. Hmmm....:p
Another thing to do in your list is to stop using Front Page. It will probably only hurt your development more than it will help. Use Notepad and start out by learning how to hand code. Front Page, I assume, was putting in a bunch of unwanted code. Mostly non-breaking spaces. After that, spend some time learning stuff at W3C Schools. Link already shown above and in my sig. I would also bookmark W3C validator becaused you'll want to use it whenever you want to test your code out. The first thing you need to do is make sure it's valid. Just as an example of what we are talking about, here's a overhauled version of your very first page. I highly suggest you sitting down and learning the code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/htm14/strict.dtd">
<html>
<head>
<title>Enter</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a { color:#0000FF; }
a:hover { color:#FF0000; }
body { background-color:#000000; color:#0000FF; font-size:110%; margin:0px; }
img { border:0px; }
#intro { text-align:center; position:relative; top:150px; }
-->
</style>
</head>
<body>
<div id="intro">
<h2>AHHHHHH!!!!!! Who killed me!!!!!!!!!!!!!!!</h2>
<a href="pimpdaddy.htm"><img src="Kenny-02.gif" width="359px" height="162px" alt="South Park Kenny"></a>
<br>
<a href="pimpdaddy.htm">Enter</a>
</div>
</body>
</html>
Another thing to do in your list is to stop using Front Page. It will probably only hurt your development more than it will help. Use Notepad and start out by learning how to hand code. Front Page, I assume, was putting in a bunch of unwanted code. Mostly non-breaking spaces. After that, spend some time learning stuff at W3C Schools. Link already shown above and in my sig. I would also bookmark W3C validator becaused you'll want to use it whenever you want to test your code out. The first thing you need to do is make sure it's valid. Just as an example of what we are talking about, here's a overhauled version of your very first page. I highly suggest you sitting down and learning the code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/htm14/strict.dtd">
<html>
<head>
<title>Enter</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a { color:#0000FF; }
a:hover { color:#FF0000; }
body { background-color:#000000; color:#0000FF; font-size:110%; margin:0px; }
img { border:0px; }
#intro { text-align:center; position:relative; top:150px; }
-->
</style>
</head>
<body>
<div id="intro">
<h2>AHHHHHH!!!!!! Who killed me!!!!!!!!!!!!!!!</h2>
<a href="pimpdaddy.htm"><img src="Kenny-02.gif" width="359px" height="162px" alt="South Park Kenny"></a>
<br>
<a href="pimpdaddy.htm">Enter</a>
</div>
</body>
</html>
brendandonhue
07-12-2003, 12:47 AM
Get rid of the Shake Screen. Its useless. It doesn't improve the site. It doesn't fulfill a need.
DaveSW
07-12-2003, 04:45 AM
Oddly enough, I went to fix the old second page, and ended up nearly writing a new one.
http://www.emdevelopments.co.uk/daddy/
I've used some simple css in there to make the menu sit on the left. What I suggest is that you go to www.w3schools.com and take some of their simple tutorials. They're quite painless!
I've removed all the javascript and taken it down to the bare code to try and make it easier for you to understand. I've also inserted some comments to help you see which part is which.
On the validator we're down to 12 errors, all in that html tripod stuff.
I'd agree with spufi. try notepad. Add w3schools and you'll be well away.
http://www.emdevelopments.co.uk/daddy/
I've used some simple css in there to make the menu sit on the left. What I suggest is that you go to www.w3schools.com and take some of their simple tutorials. They're quite painless!
I've removed all the javascript and taken it down to the bare code to try and make it easier for you to understand. I've also inserted some comments to help you see which part is which.
On the validator we're down to 12 errors, all in that html tripod stuff.
I'd agree with spufi. try notepad. Add w3schools and you'll be well away.
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.
Copyright Internet.com Inc., All Rights Reserved.