How to Add Favicons?

Favicon (FAVorite ICON) is a multi-resolution image usually representing a company’s logo.

At ShrutiGupta.com, you will see my Favicon in the address bar just before the URL. The image will also show up next to the website title when you save the web page in the Favorites folder. Adding Favicon to a website not only makes it look professional but also, helps the branding of the company logo. Favicon has the potential to make a lasting impression on the visitors and hence it helps promote brand recognition. Continue reading How to Add Favicons?

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 Partners.net, 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