Web Design Guide

Web Page Design Techniques Section

Welcome to Web Design Guide



Web Page Design Techniques Article

Everyone knows the importance of HTML to a web design project.

As a language HTML is the easiest that you can find on the web design scenario. It is also the easiest to learn and can be learned by anyone to carry out one's own web design efforts.

The Many Flavors of HTML.

HTML (Hypertext Markup Language) is the language of the web every website out there is written in some kind of HTML. Because of the rapid evolution of the web, though, HTML grew quickly in a very unplanned way, which can lead to problems if you're not sure what kind or version of HTML you're using.

Today even school children use HTML to come out with their own we design patterns. It's that simple and that popular.

Also most of the WYSIWYG programs employ HTML to help you in your web design assignment. The beauty is that it helps in displaying your content nicely and beautifully on web pages.

Here's a quick history of HTML's flavors so far.

A Long, Long Time Ago...

The first version of HTML was created by the web's inventor, Tim Berners-Lee, and was loosely based on an existing standard called SGML (Standardized General Markup Language). This very first version didn't have an img tag, which meant that no graphics at all could appear on web pages. Berners-Lee informally extended the language, but didn't standardize it.

But as the Internet grew some web design standards had to evolve. And all web design professionals wanted a standardized HTML to be used on web pages.

So, as the web grew, the lack of standardization started to make it difficult for web browsers to interact one web browser might have a new tag that others didn't support, meaning that people would see pages completely differently depending on which browser they used. In 1995, HTML was formalized as a standard named HTML 2, which was the version that the first mass-market web browsers were based on.

As they extended the standard further, an HTML 3 was introduced in 1997 to keep up-to-date. HTML 4 was introduced later that year as an effort to clean up the standard, making it clear that some tags should no longer be used. Apart from a few minor fixes in 1999, this is the version of HTML that is still in use today.


With arrival of DHTML web design process have become more interesting. The earlier monotonous types of websites were beginning to be replaced with dynamic sites and web design professional relished it all.

Parallel to this development, though, other languages were being developed that could be included in HTML documents: languages like Javascript (for interactive pages) and CSS (for styling). DHTML (Dynamic HTML) was the name given to the combination of HTML and these technologies. To put it simply, HTML is for web pages while DHTML is for 'web applications'. As people start to do more and more things on the web that they used to do with separate programs, DHTML techniques are becoming ever-more popular.


Sometimes considered 'next-generation HTML', XHTML is a stricter version of HTML that makes it follow XML standards. XML (eXtensible Markup Language) is a standard for HTML-like languages that is being used for more and more purposes, including configuration and sharing data.

Stripped of the technical talk, XHTML can basically be thought of as a stricter version of HTML. Where HTML is often messy and hard to test, XHTML is strictly standardised and can be run through automatic 'validators' that will point out any errors you've made. This improves cross-browser compatibility and makes web pages much easier to maintain, since it mostly forces information on the style of the page to be separated from the actual text of the page.

XHTML exists in a few different versions: there is a 'transitional' version, which lets you keep using some old practices from HTML4, and there is a 'strict' version, which is the one you need to use to get most of XHTML's benefits.

With the arrival XHTML, the life of a web design professional became interesting at the same time more complicated. But standardization has eased up a lot for confusion from the web design scene.

The web's standards body, the W3C, runs an HTML validator at http://validator.w3.org/

What Does All This Mean to Me?

It simply means before you start your web design, you need to choose what language you are going to use. And it is directly related to meeting the objective of your website.

You might be wondering at this point why exactly you need to know about the different kinds of HTML. Well, as ever, the answer is that you need to choose one before you start developing your website. You have to be aware of which versions your tools support to know whether your tools can work together, and you should aim to pick the kind of HTML that will be most suitable for your site.

That is you need to assess thoroughly before your web design process begins! Or else, you may have to change the entire web design pattern because of lac of foresight.

At the moment, XHTML is recommended for most websites, simply because it makes the whole process much easier, especially if you use an editor that saves to XHTML automatically. The only situation in which you should really keep using HTML4/DHTML is if you're designing a web application instead of a web page. If your site is, like 99% of the sites on the web, designed to give information more than it is designed to do anything else, then you should be using XHTML, preferably the strict version.

We hope you have a rough idea on these languages and it's relation to the web design process. May more interesting articles on web design are spread across this site. Enjoy them too.


Web Page Design Techniques Best products




Web Page Design Techniques News

Techniques to Improve Internet Customer Conversion Metrics - Business 2 Community

Techniques to Improve Internet Customer Conversion Metrics
Business 2 Community
If a particular web page is inefficient in engaging your customer, review your website interface and website design elements. Evaluate why your web page has a poor interaction process to your customer's visit. Perhaps your site does not look ...

and more »


Out in the Open: Hackers Build a Skype That's Not Controlled by Microsoft - Wired

Out in the Open: Hackers Build a Skype That's Not Controlled by Microsoft
Worse, the project let its “warrant canary” page go offline for a week. A warrant canary is usually a website that states that a company or organization has not be served by a secret subpoena from the NSA or any other law enforcement or intelligence ...


WebLinc shifts all new e-retail work to responsive design - InternetRetailer.com

WebLinc shifts all new e-retail work to responsive design
Responsive design is a technique that, generally, allows a retailer to use one code base and one set of web content to build a single site that optimizes content to fit desktops, smartphones, tablets and other devices, rather than building separate ...


Appeal to save Wedgwood collection - Financial Times

Appeal to save Wedgwood collection
Financial Times
One of the most important ceramics collections in the UK will be broken up and sold off in three months unless a public appeal can raise £2.74m to safeguard its future. The Wedgwood Collection in Barlaston, Staffordshire, must raise the money by ...

and more »


Art In London: September 2014 - Londonist


Art In London: September 2014
8 September: John Lewis: How We Live Today at Design Museum — To celebrate the 150th anniversary of London's famous department store, the museum dedicates a pop-up exhibition to John Lewis. £12.40/£9.30, until 21 September. 10 September: Crafting ...

and more »


Costume Design Is Really a Whole New Kettle of Fish - Obijie Oru - AllAfrica.com

Costume Design Is Really a Whole New Kettle of Fish - Obijie Oru
My website has information on our company and what we do, it also has my personal blog where I share 'the life and times of a fashion designer' and it has our store where you can buy our designs. Nigerians have always bought, we just haven't been able ...