DesignWebsite Template

Basic HTML for better website Design & Development 

Supandi has been prompting me ever since he has been taking your class that he needs to first share with you about HTML before he begins actually talking about designing and developing websites. I wanted to keep his idea a bit slow as I thought you may not like it altogether to start with coding. Hence I introduced you to colors and business perspective of having a website.

Finally my master has given me a nod that I can start taking lessons of principles of website design and when we talk about principles we cannot miss the skeleton of website design which is HTML. HTML acts as a complete skeleton to any website, may it be a simple website or the most complex coded websites in aspx. HTML is used to make the skeleton and the skeleton is then used to fill in by using asp, Java, PHP, JavaScript, aspx and other languages. 

As I share about HTML let share with you what HTML is all about. HTML stands for Hyper Text Markup Language. It is a language that enables us to present information on the Internet. If you wish to present some information onto the Internet, you need to bind it in at least HTML language. The browser such as Internet Explorer, Fire Fox, and Chrome use this HTML language and interpret it to present with you the information in a fashion that you see.

 Just to validate what I just shared you can do an experiment. Open any web page available on the internet and go to top menu View> SourceYou will see that a notepad pops up with all different tags that you will learn in next few sessions. These tags have the information embedded within it. The tags instruct the browsers of how to present the information such as the color, font, alignment and much more.

 What I am going to do is break the entire session of HTML into sections and link each section for easy navigation. 

I will have sections as under: 

History and Introduction A brief introduction to the tutorial and what you can expect to learn. 

Section 1: Getting first hand exposure Find out what tools you need to make your own website.  

Section 2: Knowing Basic HTMLUnderstand what HTML is and what it means.  

Section 3: Using tags and elementsElements and tags what the are and how to use them. 

 Section 4: Your First Website Learn to create your first HTML document

 Section 5: Back to revision Recap what you have learned so far and discover what you can expect in the next Sections.  

Section 6: More tags and elements Familiarise yourself with seven of the most-used elements.  

Section 7: Tag attributes Learn to add extra information to your tags and formulate commands in a more explicit manner. 

 Section 8: Creating a smooth navigation by links Discover how to create links to your own and other pages on the Internet.  

Section 9: Adding images to your web page Find out how simple and easy it is to insert images in your pages.  

Section 10: Formating webpage using a Table Construct HTML tables for the presentation of structured content.  

Section 11: Tables in depth Create even more advanced tables.  

Section 12: Creating a Layout using CSS Understand how Cascading Style Sheets (CSS) can be used to add fantastic layout to your pages.  

Section 13:Making a website go on air Find out how to get your pages published on the Internet so others can enjoy them too.  

Section 14: Web standards and validation Learn about the common standard of HTML and how to check your coding is correct. 

Section 15: Tips for better website design A few pieces of good advice for your website projects.