home of the “design for the web” coursean adult course focused on webstandards based webdesign

webeyedea logo design for the web

articles tagged: HTML

good coding practices

16/10/2012 2 Comments


With your coding skills now growing nicely – let’s have a look at some of the recommended coding practices. The following articles vary in their advice but they will make for useful reading. As you are still new to coding – I would strongly recommend that you try to establish a good workflow with your project work. Part of this is how you write your code: nicely formatted, clean and minimal and of course, well annotated.
continue reading ➤

understanding the box model

20/09/2012 Comments Off

With the basics covered, your coding needs to expand in order to give you more control over your layouts – time to tackle the famous box model. For this one – I’m pointing you to some excellent references online which will explain in detail the principles and problems (for IE6 and earlier) involved.

To illustrate the box model for visual reference – here are 2 diagrams to clarify (note: click the images for a larger view).
box model diagram continue reading ➤

code practise ;-)

13/09/2012 Comments Off


Now that you’ve written your first HTML – it’s time start practising semantic markup. Download the folder of source material and using the text and images provided – create a webpage, including all content. Set up the standard folder structure and add the text to an HTML file, marking up each text element as appropriate. Place the images into relevant text sections.

continue reading ➤

let’s get coding :)

07/09/2012 Comments Off

Let’s get started :)
If you have a search online about which new exciting techniques are emerging – you will find a lot of references to HTML5. There are more and more articles discussing it, lots of beautiful examples and showcases. HTML5 is here and will evolve into the next widely used mark up language. We will learn how to work with HTML5 later in the year and you will love it ;)

continue reading ➤

tables for tabular data

18/11/2011 5 Comments

After our little break from coding ~ time to code some tables. The use of tables has long been returned to its original purpose: presenting tabular data.

Have a read through the following articles for more information and practise on a few examples.

continue reading ➤