Web Design Tips, Tutorials & More!

Website do’s and don’ts in Html

When you create your very first website the probably is that you will use html to do it with. This is one of the easiest languages to use when you are learning to do websites. There are several programs that can be used, which are basic wysiwyg programs, which means you can do it in plain language and the program itself changes it into the necessary code. Another way you can do it is with WordPress and various plug-INS With this you will need to learn to do a small bit of coding but there are many places that will lead you through the process with the code and how to use it and where to place it. If you follow the instructions closely you should have no problems.
When you get back to the Html code you well go further forward nowadays and use XHTML nowadays.

There are several ways you can make your code far cleaner and faster working.
With the current internet standards, you need to start as you mean to go on and to do this you need to use the W3C standards. You will need to show the browsers that you intend to use this and to do that you need to declare the doctype.
This you do by putting in your doctype html public as follows:

You need to give your page a meaningful name and this will appear in the <title> tag. This describes to the search engine spider what that page is about.

Although we are told that Meta tags are not really all that important any more I am of the old school and still believe in them.
By telling the search spiders what the page is about. This means using a description Meta attribute. Be short and concise. If there are more than one word or sentence divided them with a, and then immediately the second section.

You then need to put in keywords also with a comma between them: Either as single words or as phrases.

You will need to map out your page by using Divs to compartmentalize them. There are several programs that will organize this for you if you use wireframes and the good thing about those is they are already using the strict Xhtml code required. You will need to implement CSS for your styles so that it will be easy to update the entire website. By using a wireframe for your mockup and to get your basic structure you will have code that is clean. It should also minimize the amount of CSS files that will be brought into use. You can also condense your CSS into one file, and this is advisable to make your load times faster. Once the basic site is ready it’s a good plan to use a CSS optimizer.

One thing you really need to remember when using strict standards is that all tags have to be closed. In other words, you will need a < at the beginning and a > at the end.

Remember if you have JavaScript that when Java loads it’s the only thing that can download at that time. In order to speed up the page loading, place any JavaScript at the bottom of the page just before the closing, <body>. This means it will load last and all the rest will already be up.


Leave a Reply