What do you think?

[prowebmaster]

I have been making this site on and off for about a month and a half.
What do you guys think about it. Any errors? or problems with it?

Very much apreciated thankyou... :cool:

http://htmltips.awardspace.com

[drhowarddrfine]

No doctype. Invalid code. Invalid CSS. It scares me that you are creating a "HTML Tips" web site.

[prowebmaster]

Thank you very much for your reply. But all my information is correct, i may have invalid code or invalid CSS but i do not show content on my site that is wronge!

And my site works with no bugs so whats it matter if it has invalid CSS or code.

But i will fix them thankyou for your reply

[drhowarddrfine]

The benefits of web standards. (http://www.maxdesign.com.au/presentation/benefits/)
Why we won't help you. (http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you)

[welsh]

i have to disagree that all your information isnt correct. I clicked learning the basics and it showed "Everything The Page Should Have" you forget the doc type which is as important as the rest and i stopped there because im to tired to explain some of the wrongness of your site.

[bathurst_guy]

The following comments relate to Beginner Tutorial-page 1 (http://htmltips.awardspace.com/html/beginnertut.htm).
* You need to run a spell check over the site.. Examples: meir, till, easyer, devider, shouls
* eg. <b> This is bold till the ending tag is placed </b>
Note: / is on every ending tag.Don't use b anymore, use strong.
* Some tags have no end tag eg.
eg.<hr> this will produce a horizontal rule (devider) shown below What if your using an XHTML doctype?
The following comments relate to Beginner Tutorial-page 2 (http://htmltips.awardspace.com/html/beginnertut2.htm).
* Does Anchoring make sense to you? Maybe Anchors?
* Spelling: folows, hieght
* You should include the value in the "Attributes" for the width and height, example px
* The "alt" attribute is used when an image does not load or the user has images blocked.Or for screen readers

~~
I think thats enough for the moment, all in all the whole lot should be edited.
You should of also created this thread in the 'Website Reviews' forum

[prowebmaster]

Well this is why i put my site on here. I got one thing to say to you guys, thankyou very much for you replies they are helping me soo much.

Note: I did not know about "validating" my code till now.

PS: Sorry about the spelling mistakes i should use a WYSIWYG editor.

PS.2: I am 15 years old "Trying" to learn html properly.

PS.3: I will change my site to XHTML also my tutorials.

Once again thankyou for your comments, sorry about posting in the wronge forum.

[welsh]

um, lol you actually shouldnt use a WYSIWYG because it usually mess's up the code, i suggest you download HTML Kit and get the spell checker and validator extensions for it.

[prowebmaster]

Nice reply welsh thankyou, I do all code myself so it is not messed up.

Have you got any HTML kits you could seggest? (ill go have a look on google now)

Cheers

[cooldad]

[QUOTE=
Have you got any HTML kits you could seggest? (ill go have a look on google now)
[/QUOTE]

HTML-Kit is piece of software - basicaly a great code editor with the ability to preview your design as well as a load of other tools including a huge amount of plugins that can be used to enhance it (including a spell-checker).
You can download it at - http://www.chami.com/html-kit/ Other may agree with me when I say that after using HTML-Kit for a Open University course I very nearly didn't bother going back to Dreamweaver its that good!

As you have heard already it is fundamental that your HTML & CSS validate - this is a great tool for learning also. You can validate your HTML at -
http://validator.w3.org/
and your CSS at -
http://jigsaw.w3.org/css-validator/

The W3C Schools site is a great place to learn, you may have already come accross it, but just in case - http://www.w3schools.com/default.asp

Lastly - It might seem that the guys have been a bit tough on you here but as a novice web designer (not yet webmaster) I read it as being cruel to be kind. Good luck with your future efforts!

Spencer
www.cooldad.co.uk

[prowebmaster]

This html-kit is the best thing i have come across for web designing.

Thankyou Cooldad for all the links they are helping me heaps.



Lastly - It might seem that the guys have been a bit tough on you here but as a novice web designer (not yet webmaster) I read it as being cruel to be kind. Good luck with your future efforts!


I suppose your right...

Thankyou guys you have been a huge help.

I am very glad to have come accross this forum.

[WebJoel]

Your site looks nice (visually, I mean). -Keep up the try. Developing good web pages is wholly satisfying for there is nothing in life where one can almost litterally take nothing and create something (in this case, codified text and it creates an artistic, useful, informative and visually-appealing web site).
Like, -if I could describe a roast chicken dinner with French Fries, hot buttered biscuits and gravy with ice-cold Coca-Cola so perfectly that it magically appears before me, -now then I'd have something, eh!? ;) -Well with web page authoring, -you very nearly have that same power! -You just need to learn the eloquence of speaking with HTML, D-HTML, CSS and all it's many other forms brings to you. -Make others see what you thought, with HTML! :)

I acknowledge your age and applaud your efforts. :)

I noticed one error on your site that I wanted to suggest a fix to:

<p><h2>Tell a friend about |HTML-tips|</h2>
To tell a friend or someone you know that would like to learn HTML<br>
Click the picture</p>

Is incorrect, because the paragraph ("<p>") is an inline element and you've enclosed a block element ("<h2>~</h2>") within it. This forces an implicit close of the inline element "<p>" essentially the same as having NO opening paragraph tag at all, and that creates a meaningless close ("</p>").
Sure, it works , but later on when something else fails, this might be the reason why...

Write your line this way instead:

<h2>Tell a friend about |HTML-tips|</h2>
<p>To tell a friend or someone you know that would like to learn HTML<br />
Click the picture</p>

And although not required, the "< /br>" (that is "space-forewardslash-br") is intentional. Later on, this is helpful too. In a nutshell, this specifically instructs the browser that the 'line break' has a close.

:)
-Joel

[prowebmaster]

Thanks Joel for that bit of inspiration and help.

I agree with you creating web pages is satisfying. I also, love to create weather it is at school making things in product technology or at home making web pages.


Is incorrect, because the paragraph ("<p>") is an inline element and you've enclosed a block element ("<h2>~</h2>") within it.


I will take this into account on future pages. Thankyou


And although not required, the "< /br>" (that is "space-forewardslash-br") is intentional. Later on, this is helpful too. In a nutshell, this specifically instructs the brower that the 'line break' has a close.


Is <br /> the same as < /br>? (im not sure what your trying to say in that quote)

[David Harrison]

But all my information is correct, i may have invalid code or invalid CSS but i do not show content on my site that is wronge!Actually, it's riddled with errors, for example:HTML tags tell the browser to do a pacific task or functionNo they don't, HTML elements should describe the content they contain. The browser will then display the content of the element with some default styles applied to it depending on the type of element you used. Also note that not all browsers are graphical browsers, there are also braille displays and screen readers, among others, which is why it's important to use the correct element for the content it contains. A <p> for a paragraph of text, a <ul> or <ol> for a list of items, <h1-6> for page headers etc.

Tags are used to tell the browser what to display.
Most tags have a start tag and an end tag eg.eg. <b> This is bold till the ending tag is placed </b>As I said before, elements don't tell the browser what to display, elements tell the browser what type of content they contain and the browser will apply default stylings to it to convey the content effectively, whether that be making some text on the screen bold, or reading it out in a louder voice. Don't make a connection between the code what the output looks like. Worry about the looks later with CSS, HTML is there just to provide a skeleton. If you start teaching people presentational markup, that's what they'll stick with. Presentational markup bloats page file size and doesn't describe the content effectively. If you want to apply emphasis to something use <em>, if you want to apply strong emphasis to something use <strong>. <i> and <b> are semantically meaningless elements that only have an affect for graphical browsers.

Here is what EVERY web page should have:

<html>
<head>
<title> My first home page title </title>
</head>
<body>
Your page content on your fisrt page :)
</body>
</html>
There are a lot of things wrong with that. The only required elements in an HTML document are the DOCTYPE and the title. The html, head and body elements are all optional, as are their closing tags.

Try giving the W3C HTML
recommendations (http://www.w3.org/MarkUp/) a bit more of a thorough read before you continue with the project.

It's good that you want to help other people learn, but in the kindest way possible, I recommend that you learn a bit more yourself first and get a better grounding before passing what you've learnt so far on.

Moved to the Website Reviews forum.

Edit: Joel, actually both <p> and <h1-6> elements are block level elements, but neither of them are allowed to contain other block level elements. So it's invalid to put a paragraph in a header, and it's invalid to put a header in a paragraph. If you think about the semantics of that situation, it makes sense. For example, in a word document, you'd never begin a paragraph on the same line as a header (except in maybe very rare occasions, but that's what the CSS float rule is for).

[prowebmaster]

As i said up above im going to fix my site as i have found out just from this forum topic, there are alot of things wronge with my site.

I am going to do my best to fix this.

[prowebmaster]

Ok i have changed 6 pages to XHTML 1.0 Transitional: (now just like 50 more to go:P)

http://htmltips.awardspace.com/index.html
http://htmltips.awardspace.com/html.htm
http://htmltips.awardspace.com/java.htm
http://htmltips.awardspace.com/freetools.htm
http://htmltips.awardspace.com/sitemap.htm
http://htmltips.awardspace.com/sitelog.htm

I have placed a link to the validation site at the bottom of each page so you can check there if you would like.

Cheers.

[David Harrison]

Why use a Transitional DOCTYPE? Do you plan on using out-dated marup?

[prowebmaster]

Hey thanks for the reply, what DOCTYPE should i use if this is out-dated...

should i use...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

[David Harrison]

I'd recommend either the HTML 4.01 Strict DTD, or if you want to use XHTML, the XHTML 1.1 DTD that you posted.

[johneva]

Aup

Just an idea but why dont you use a template file and link all your pages to the template file, that way when you update one page everything except the editable content is updated in all pages.

This saves so much work.

[prowebmaster]

Johneva good idea bit i already do that =P.

But i would like to know how you do it?

I use javascript...

[johneva]

I use Dreamwever template files.

But before I cause yet another argument about how naf Dreamweaver is or isnt I do all my work in code veiw. Just the extra tools in Dreamweaver make life easier like the Dreamweaver template files.

[dera]

statistics really do they help me content wise know about the site? no. so why bother putting them up there if it only regards you.

[johneva]

Thats a good point, I dont like veiwers seeing the websites stats either.

I dont like any of the tacky stuff that Bravenet use.

There forum has to be one of the worst though.

[prowebmaster]

lol very true but i like to see what traffic i am getting to my site... Well i will take this into account and see if i can hide the counter =P. and u must change the "comments" page to a diff guestbook.

Cheers

[johneva]

You can see your websites stats by accessing the stats from your hosts control panel though.

Or does Bravenet not work like that?

I dont know as I have never used them.

[prowebmaster]

Yeah i go in there to look at them thanks for the idea, must goto bed now lol got skool tommorowz :P.

Cheers

[WebJoel]

Is <br /> the same as < /br>? (im not sure what your trying to say in that quote)

One *could* end a <br> with a < /br> I supposed, but <br /> by itself is 'more correct'. It is like <.img src="picture.gif" /> (note; that is "space"+"forewardslash"> is 'more correct' than <.img src="picture.gif">. But for general html, one can just stick to <.br> and learn about the alternative methods later, in d-html and x-html (and why we do it that way). :)

[David Harrison]

In XML all of the following are the same:<br></br>
<br />
<br/>However, in HTML, the first example may result in a double line break and the last example may not result in anything. Therefore the recommended way to create a line-break in XHTML that is sent as text/html is <br />.

The space before the slash fools browsers into thinking that the / is an attribute that they do not know, and therefore they ignore it, if the document was sent as application/xhtml+xml though, that slash would be used to close the element, as all elements must be closed in XML.