SHTML Makes Updating Website Easy

About a year ago, when the client services department told us that the client wants to change an element on the website sitewide, we in the html production department would frown especially if the site happened to be more than fifteen pages. Not anymore! SHTML has made our task so easy that we encourage our clients to make changes, to ensure one hundred percent satisfaction of our clients.

SHTML (Server parsed HTML) is an html document that requires parsing on the server before it is sent to the client browser. All the normal html tags work exactly same in shtml document. The only difference is that shtml document lets us include other elements into the html document. The extension of such document is as .shtml rather than .html, where S stands for Server Side Include. Continue reading SHTML Makes Updating Website Easy

How to Create Columns with Div’s?

When I started using div’s rather than table for web page layout, the most daunting experience for me was how to create columns using div’s. So, here is the solution for all those website developers who are struggling to use div’s for web page layout.

The <div> tag can be defined as the division in a web page. It is a block level element. This implies that the default behavior of div’s is to stack up one above the other. This serves the purpose of using div’s for a simple web page layout where all the elements stack one above the other. When we have a columnar web page layout (which happens to be the most common layout for majority of the websites), we need to know how to use div’s to create two or more columns in a web page. Continue reading How to Create Columns with Div’s?

Conversion from HTML to XHTML

At Ecommerce, we (HTML Production Department) were producing html codes for websites using tables for layout. Ah, good old tables! Then about three months ago, XHTML was made the standard in our company. This implied all our websites are now coded using XHTML, no HTML at all.

Well, that’s no problem! All we need to do is:
1. add the right Document Type Definitions;
2. close all our tags including empty tags;
3. all tags should be in lowercase; and
4. all tags must be properly nested

We could handle this for sure. Continue reading Conversion from HTML to XHTML

Browser Safe Fonts

Fonts make a big difference to the look and experience of the website. Usage of fonts requires sense of aesthetics and discretion.

We have the liberty to use any font we want in an image but when we specify the fonts for the text on a web page, we need to ensure that we use only “browser safe” fonts.

Browsers support TrueType fonts and all operating systems come with sets of standard TrueType fonts that have been preinstalled. These preinstalled TrueType fonts are what we can say are “browser safe” fonts.

My recommendation is to specify at least three fonts from the following list in the stylesheet. Out of the three fonts specified, make sure that at least one of them is available in Macintosh and one for Windows. Also, please remember that multi-word font names should be in quotes (example “Times New Roman”).

So, here is a list of fonts styled as per their respective font name. Continue reading Browser Safe Fonts

Web Usability – Part of Search Engine Optimization

E-businesses invest lots of money in search engine optimization (SEO). This is good news as this implies that they realize the value of SEO. However, this is an industry that is driven by SEO practitioners alone without any input from academics. This is an industry where search engine optimizers use trial and error method to achieve results. As a result, there is a lot of room for misconceptions about SEO.

I see SEO as part of web usability. When we get clients for SEO, our first step is to ensure that the website is user-friendly and informative. Each website who wishes to rank on the first page of Google for relevant key phrases should earn it by adding value to their industry and above all, for their clients. Any such website deserves to rank high on search engines. Continue reading Web Usability – Part of Search Engine Optimization