Alternate Rows with CSS

/*The CSS*/

#sampletable th{
background: silver;
}

#sampletable tr:nth-of-type(odd){ /*odd rows*/
background: lightyellow;
}

#sampletable tr:nth-of-type(even){ /*even rows*/
background: lightblue;
}

#sampletable tr>td:first-of-type{ /*first cell of each row*/
font-weight: bold;
}

/* The HTML Code */

<table id="sampletable" border="1" width="80%">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>George</td>
<td>30</td>
</tr>
<tr>
<td>Sarah</td>
<td>26</td>
</tr>
<tr>
<td>David</td>
<td>42</td>
</tr>
<tr>
<td>Collin</td>
<td>32</td>
</tr>
</table> 

How to Embedd font on website

Go to the below URL :
http://randsco.com/index.php/2009/07/04/p680

and click the this easy Online TTF->EOT C
OpenType font file (having an EOT extension). Upload both the EOT and TTF files to your server. Using a single @font-face selector, load the Embedded Open Type font (EOT) for IE6, IE7 and IE8 first then the TrueType Font (TTF) for FireFox
@font-face {
font-family: MyCustomFont; (your font family name )
src: url("AOPCHA_N.eot") /* EOT file for IE */ (give your font path )
}
@font-face {
font-family: MyCustomFont; (your font family name)
src: url("AOPCHA_N.TTF") /* TTF file for CSS3 browsers */ (give your font path )
}
For Example :
html xmlns="http://www.w3.org/1999/xhtml">
head>


Style>
@font-face {
font-family: AkrutiOriChandra;
src: url(../AOPCHA_N.eot) /* EOT file for IE */
}
@font-face {
font-family: AkrutiOriChandra;
src: url(../AOPCHA_N.TTF) /* TTF file for CSS3 browsers */
}
@font-face {
font-family: AkrutiOriChandra;
src: url(../AOPCHA_N.eot) /* EOT file for IE */
}
@font-face {
font-family: AkrutiOriChandra;
src: url(../AOPCHA_N.TTF) /* TTF file for CSS3 browsers */
}

body>

How To Convert Font

Cascading Style Sheet for Website

In the past website designer design website with table as the layout structure where they define the format and font style etc within the page in HTML tag. This not only makes the files size heavy and time consuming for updating and formatting.

Now with the use of Cascading Style Sheets (CSS) we can separate the design elements of a page such as layout, colour and fonts from the content of the page such as paragraphs and images. Now the design and formatting will be controlled by CSS and is separated from the content.

So why is CSS good for website and Search engine?

• CSS allows for smaller file sizes


• CSS allows you greater control of page structure


• Multiple pages of the website can be formatted and modified with single CSS file.


• CSS allows you to hide certain content from browsers while it still gets picked up by Search Engine.

CSS allows for smaller file sizes

By separating the styles from the HTML page and putting it into a style sheet (.css file), you can reduce the overall amount of code in your web pages. Pages with less code have smaller file sizes, which results in fast downloading or opening of the page. Moreover when Search Engine Bot crawl your page there will be less of codes and more of contents. Chances of your website having more visibility on Search results are higher.

CSS allows you greater control of page structure

CSS allows you to structure your document according to HTML standards without compromising the look-and-feel of the page.

Search Engine like pages that are well structured, though many designers sometimes choose to ignore standards and guidelines, because they feel standards lead to dull or unattractive pages. Using CSS, designers can create attractive pages while adhering to the standards of design defined by the World Wide Web Consortium (W3C).

Multiple pages of the website can be formatted and modified with single CSS file.

Managing and maintaining a huge website is a challenging task. It’s really a pain staking task to change or modify the formatting of certain design element from the pages. We can go to every page and modify it but it takes time and time is money.

With the use of CSS all design elements and formatting can be controlled from one single CSS file. The entire files on the website are linked to this CSS file. So when we make any changes or formatting in the design element it will reflect on all the pages. So work Smart and not Hard Work.

CSS allows you to hide content from browsers while it still gets picked up by Search Engine

On the Web Content is the King. The more related content you have on your site, higher the chances of indexing by Search Engine.

Using CSS you can hide content from browsers in certain situations. For example you may have some content that you only want to appear in printing, or you may want certain content to be shown on screen and not in print (such as page navigation, Advertisement). The advantage is that Search Engine will still index all of the content and you will still get the benefit that content brings.

Browser Compatibility

Different browsers still interpret CSS standards in different ways, while some old browsers don't read CSS at all. Ensure that your CSS is as cross-browser compatible. We use something call Hacks in CSS for IE and FF.

A Career as A Web Designer

Website is a medium that allows a designer to communicate to an enormously large populace. More over the technologies keep changing and upgrading meaning I have to keep updating myself with new technologies to keep up with the current trends of Design Software use. I get immensely satisfied with the creative opportunity in web designing which keeps me occupied with new challenges while learning something new and innovative all the time.
The most enjoyable moment being a Website Designer is you get to meet interesting people and hear great ideas from each individual wanting a website. So many people with different ideas and different purpose with different product and services come to me for a solution, to be precise an ONLINE SOLUTION. They look upon me as the solution provider for all kinds of challenges they face on internet, having a good web presence on the internet. This is where my role as a Search Engine Optimizer comes into play. It's always a challenge, but to face the challenge is a part of life and if you love it, it’s always fun at the end of the day.
A web designer has to understand visual organization and the effects of color and easy navigation, which is refer to as Easy usability. Designing for the web is primarily about sight, you need to understand what your website is all about and your target audience.
Web Designers have to be resourceful and keep updating with the new design trends. Forum and Blog for Web site designer is a good place to be in as you will be enlighten with solution for many situation a web Design have been. You can always start a thread with your query or question and there will be many who is more than happy to answer to your query.
Clients sometimes are not so articulate about what they actually want. It's part of the job to dig information out of people. You might not like what the clients like, whether it's colors, sound, music or just overall style. You have to educate them and make them understand if you feel you have a better idea than your client. In short you have to understand your client’s taste of colors and likes and dislike and accordingly make them understand why you have proposed a new theme or design for your client. It’s a painstaking process. So, get ready to really sharpen your soft skills.

Exam Management Solution & Online Registration Management System

Diversified Business solution is coming up with a Exam Engine and Online Registration software for conducting all kinds for examination and registration. For details please visit http://www.examonline.in/

Web Site Designing

Hi,
I started my career as a Web Designer way back in the early 2003. Then I was just a Web Designer who doesn't have any idea about CSS, Usability blah blah.... I was just doing my design and integrating it into html on a table base layout ,which of course is out dated now, and the client use to accept it. I was very happy and content thinking that I am a good Designer until I start realising am nothing without the Knowledge of CSS, Usability, use of colors etc