| This article covers fundamental and basic HTML | | | | practice which needs good naming conventions to be |
| techniques for creating a modern and upscale | | | | followed. Avoid using names like image1 OR img1 and |
| website. HTML ing process involves converting each | | | | instead give significant names like your-product-name |
| slice in your layout into HTML code. Most web | | | | OR your-service-name in your website designs. |
| formatting is done at this stage. It is a good idea to | | | | Naming applies to all HTML code and not just image |
| keep the contents and formatting separate by using | | | | naming. Naming it well will also help make a place for |
| CSS file containing all fonts, color attributes defined. | | | | your website in search engine one day. Of course, |
| The web 2.0 standards and guidelines should be kept | | | | enhancing and maintaining a design with good |
| in mind while doing the HTML. Doing HTML is a | | | | nomenclature is quiet easy. |
| technical task and isn't that simple as it sounds. Doing | | | | Organize it well: |
| the right HTML needs lot of practice and updated | | | | Make sure all HTML components in your Web |
| skills. Few aspects of HTML design practices are | | | | Designing process are organized in proper hierarchy. |
| covered below. | | | | e.g all images should go in images folder and all css |
| Keep it light: | | | | files should go in css folder and likewise. It will not be |
| It is important to keep the Web Design or HTML | | | | a nightmare for you to maintain and update your |
| light. This does not mean you sacrifice on quality. It | | | | website if everything is well organized. |
| demands doing things right. Your website will finally be | | | | Optimize it: |
| loaded on a browser which means the load time is all | | | | Optimizing your well designed website means taking |
| the way important for you. There are few tips that | | | | care of few SEO (Search engine optimization) |
| will make your web design light. First and foremost, | | | | guidelines. This involves not over using and repeating |
| your HTML should use less of embedded tables. Use | | | | same text, using an alt tag for image, stuffing meta |
| of div based or css layouts is prevalent today and | | | | tags on the HTML page etc. This is a separate and |
| the designer should try to do designs using lighter | | | | big area for discussion in itself. Anything you can do |
| HTML tags like div. Avoid using unwanted comments | | | | to make your design search engine friendly will go a |
| or unused HTML sections in your design. Next, every | | | | long way. Oh yes, do not forget to validate your |
| image in your design should be light. The image size | | | | HTML code on w3schools. |
| can be reduced by removing unwanted and hidden | | | | Ready to go: |
| layers in image. Anything and everything you can do | | | | If most of above steps are carefully done, you are |
| to reduce the HTML coding for your web design will | | | | ready to launch your web design. |
| give you a better load time. | | | | All you need to do is find a good web host and |
| Name it right: | | | | upload the HTML code. |
| It is not a requirement but a good practice to assign | | | | We finally have an impressive HTML & Great! |
| relevant names to your design elements. Web Design | | | | Web design at the end of day. |
| & HTML is a derivative of a programming | | | | |