Author Topic: fundamental and basic HTML techniques for creating a modern and upscale website  (Read 9 times)

0 Members and 0 Guests are viewing this topic.

Offline traitor

  • Global Moderator
  • Newbie
  • *****
  • Posts: 21
  • Karma +0/-0
    • View Profile
This article covers fundamental and basic HTML techniques for creating a modern and upscale website .  HTML ing process involves converting each slice in your layout into HTML code .  Most web formatting is done at this stage .  It is a good idea to keep the contents and formatting separate by using CSS file containing all fonts, color attributes defined .  The web 2 . 0 standards and guidelines should be kept in mind while doing the HTML .  Doing HTML is a technical task and isn't that simple as it sounds .  Doing the right HTML needs lot of practice and updated skills .  Few aspects of HTML design practices are covered below .

Keep it light:
It is important to keep the Web Design or HTML light .  This does not mean you sacrifice on quality .  It demands doing things right .  Your website will finally be loaded on a browser which means the load time is all the way important for you .  There are few tips that will make your web design light .  First and foremost, your HTML should use less of embedded tables .  Use of div based or css layouts is prevalent today and the designer should try to do designs using lighter HTML tags like div .  Avoid using unwanted comments or unused HTML sections in your design .  Next, every image in your design should be light .  The image size can be reduced by removing unwanted and hidden layers in image .  Anything and everything you can do to reduce the HTML coding for your web design will give you a better load time .

Name it right:
It is not a requirement but a good practice to assign relevant names to your design elements .  Web Design & HTML is a derivative of a programming practice which needs good naming conventions to be followed .  Avoid using names like image1 OR img1 and instead give significant names like your-product-name OR your-service-name in your website designs .  Naming applies to all HTML code and not just image naming .  Naming it well will also help make a place for your website in search engine one day .  Of course, enhancing and maintaining a design with good nomenclature is quiet easy .

Organize it well:
Make sure all HTML components in your Web Designing process are organized in proper hierarchy .  e . g all images should go in images folder and all css files should go in css folder and likewise .  It will not be a nightmare for you to maintain and update your website if everything is well organized .

Optimize it:
Optimizing your well designed website means taking care of few SEO (Search engine optimization) guidelines .  This involves not over using and repeating same text, using an alt tag for image, stuffing meta tags on the HTML page etc .  This is a separate and big area for discussion in itself .  Anything you can do to make your design search engine friendly will go a long way .  Oh yes, do not forget to validate your HTML code on w3schools .

Share on Facebook Share on Twitter