css

CSS, which stands for cascading style sheets, has been around for several years now. This coding standard was first invented to make it easy for web designers to modify the appearance of their websites, without using any programming languages. For this reason, you will find CSS to be easy to understand, and easy to implement.

How CSS works.

CSS code can be incorporated into each and every web page on your website, or it can reside on a separate file. If it is on a separate file, you can easily include the file dynamically using a single line of code. After that, if you ever want to make changes to the CSS coding, all you need to do is to modify one single file, and the change will be applied to all pages across the website.

So what you can do with CSS?

You can use CSS to control all visual elements of your website. For example, you can use it to change the font size and colors. You can also use it to change the table properties, or the visual aspects of your web forms.

But there are so many different ways you can change the visual appearance of a website. So why use CSS?

Firstly, CSS is a client side scripting technology. In other words, there are no server implications. As long as the server can serve up simple texts, CSS will work. In this aspect, it’s a little bit similar to Javascript, except that you can’t perform programming using CSS.

Secondly, CSS is very simple to learn and pick up. If you are comfortable writing simple HTML tags, you can learn to use CSS. Also, because you can add CSS dynamically to your website, that makes it more convenient for you or your webmaster to maintain the website.

Thirdly, you have to remember that CSS was invented to complement HTML. No other scripting languages focus as much as CSS on the website appearance. It has very much become an industry standard, and can even validate CSS code on the official w3 website. Modern browsers all offer strong support for CSS.

CSS is meant to simplify your website. It’s not there to add clutter to your site. For this reason, the search engines love CSS. That’s because search engines find it easier to crawl and index web pages that are simple. There are no fancy scripting tags that confuse the search bots. So if you create a website using CSS, you are indirectly optimizing your site for the search engines. For sure, there is a side benefit that many website owners overlook.

Therefore, it makes sense to convert static HTML pages and other web images to CSS web pages. Your website will become more professional and modern looking.



HTML TUTORIAL – Learn about the HEAD Tag in 5 Minutes


www.rickcable.com – This is a great tutorial if your new to HTML all about the HTML HEAD tag. Explains what it is, when to use it and what other tags are commonly found inside it and what they mean in plain english.

css
d Tables: The hype and the trends The History of tables

Before tables came along, the web was a pretty dull place. Using tables for layout opened up new vistas of possibilities of visually ?designing? a page. It could well be argued that table based layout was responsible for the popularity of the web and the field of web design.

Worse still, over the last few years, table based layout has come under severe criticism and was widely demonized. Web purists claim that tables were never meant for layout so one shouldn’t use them for such. A rapidly progressive hype seems to be in the air all around.

Reality behind the hype

Despite the fact that pioneers have been talking about web standards for a long time, the majority of web sites are still developed using tables and non standards compliant code.

History has shown many examples of technologies that started out life with one purpose, only to end up finding more practical applications as something else. And it sounds very apt in case of tables. The web itself was never intended to be a channel for edutainment, marketing and information but for sharing research data.

Using tables is a pragmatic approach, if not preferred

The W3c Web Accessibility Guidelines recognize that designers will continue to use table for layout – and so include information about how they can be implemented in the most accessible way. Designers are not going to immediately stop using tables for layout; mainly owning to the reason that this is the default behavior of most WYSWYG (what you see is what you get) Web design packages and; CSS for layout is so difficult to implement successfully.

Moreover, Professionals still argue the use of tables for the layout of pages on the Web, despite the fact that this goes against current standards. They argue it to be a pragmatic approach ? if not their preferred options.

Let’s explode the myths: CSS vs Tables

Most web designers don’t simply feel the need to switch over

The majority of web sites are still developed using tables and non standards compliant code. Because of this, user agents will be forced to handle table based layouts for many years to come. This effectively negates one of the biggest selling points for web standards. That of forward compatibility. That’s why, most web designers really don’t feel there is an overwhelming need to start developing sites using CSS based layouts and standards compliant code.

CSS development has a much higher barrier to entry than table based design

While comparing table based design to CSS based design, the syntax of CSS, for sure, turns out to be is pretty easy. Nobody in their right mind would argue that you need too be a rocket scientist to learn CSS. Nevertheless, some of the concepts can be quite tricky to assimilate.

Continuing in the same spirit it is true that there are so many bugs, even the ?experts? find themselves spending an inordinate amount of time bug fixing. For a novice this must be extremely frustrating. Not knowing if the problem is down to your misunderstanding of CSS or some obscure browser bug.

Perhaps this is why many people see web standards as ?Ivory Tower? and why many web standards advocates come across as having a sense of superiority and a zealous attitude towards web design.

Some things are just easy-to-do with tables

People often find themselves writing fairly complicated CSS to do something that would be trivial using tables. Take form styling for an instance. It’s possible to lay out even very tricky forms using tables in just a few minutes. You can achieve similar results by floating elements with CSS, but it’s a lot more involved. If you’re a CSS guru it’s all part of the fun. However if you’re a regular mortal, it can be incredibly frustrating.

Another such thing is page footers. It’s pretty easy to do using tables. Whilst doing this using CSS alone, it would hardly be any wonder why web developers turn their back on CSS when even simple things are rendered so

If you have the knowledge and patience, you can do most things using CSS that you used to do using tables. Sure it may take you longer, but you’ll get there in the end (or die trying).

CSS benefits. But does it provide you what you need?

It’s true that switching a large site to a CSS based layout can save a huge amount of bandwidth. However, for most sites, this saving would be insignificant or mostly irrevelent.

People want fast loading pages and many advocates have suggested that CSS helps accomplish this. For most sites, the ?design? is spread evenly across the whole site. However with CSS based sites, the ?design? is usually held in one or more external files. These files can be fairly complicated, and even for a simple site, can get big, or even fast.

Search engine friendliness: CSS vs Tables

It’s true that the search engines like semantic pages. It’s also a widely held notion that search engines like lean code. Building a site using CSS and web standards can defiantly encourage the development of search engine friendly sites. However it’s neither magic bullet, nor a panacea either.

There are many table based sites that score very highly in the search engines. It’s equally possible to build a CSS based site that gets a terrible search engine ranking. The most important thing for high ranking is content and inbound links, not whether a site uses tables or CSS for layout.

Issues pertaining to accessibility

There is quite increasing number of people who try to sell web standards and especially CSS based design by playing on client’s accessibility fears.

There isn’t anything inherently inaccessible about table based design. While it’s true that your site needs to be published to a recognised set of grammars to get an AA accessibility rating, tableless design is only a recommendation, not a requirement for the more stringent AAA rating.

The final word

Final Table based design will be around for a long time. However, it is not good enough just to say that it is wrong to use them . In certain circumstances using tables for layout can make much more sense than CSS.

Web standards and CSS based design are defiantly the way forward. However in the rush to advocate these ?new? techniques, people end up being hyperbolic and the reality falls short of expectationent Company with a well connected development infrastructure in India having a strong offering superior web services and solutions at competitive costs.



Five Alternatives to Google AdSense

In my opinion Google AdSense is by far the best PPC programme allowing webmasters to earn money by showing adverts on their blog – it pays high, the ads look good and they are relevant.

However, they can be strict (with good reason) and some sites will not be accepted. So, I have compiled a comprehensive list of five alternatives to Google AdSense.

AdSense Alternatives

  1. AdBrite- Probably the most popular alternative to AdSense is AdBrite. AdBrite ads look quite attractive and in most cases pay relatively well, but not as high as AdSense. Their system works a bit different as it also allows advertisings to directly publish adverts on certain sites.
  2. Bidvertiser – Another very popular alternative to AdSense, Bidvertiser does not pay as well as AdBrite, but does allow publishers to also show eBay ads which could be appealing on certain types of websites. However, for advertisers click fraud is seen as a problem with Bidvertiser.
  3. Yahoo Publisher Network – Yahoo Publisher Network (YPN), pays very well (even similar rates to AdSense), the adverts are very relevant and look good. However, the only flaw with YPN is that it is notoriously hard to get accepted into, even more so than AdSense.
  4. AdToll – AdToll is quite a popular network, but it does not work the same way than the other advertising networks listed here. It works more in the way of advertisers buying their own banner ads on individual publishers sites – this results in good sites selling many ads but small sites may find it hard to sell advertising.
  5. Chitika – Chitika is a relatively small network, but is growing quickly in size. The adverts look good, it pays well and it is definitely a good time to try jumping on the Chitika bandwagon.

As you can see, not being from AdSense is not the end of the world and all the advertising networks on this list are definitely worth a look.

AdBrite

AdBrite

Bidvertiser

Bidvertiser

Yahoo Publisher Network

Yahoo Publisher Network

AdToll

AdToll

Chitika

Chitika

AdSense Placement – The Key to Success

Google AdSense can be a great money making tool if you know how to use it and is definitely the highest paying and most popular PPC (Pay Per Click) network in existence. If you don’t have an AdSense account, it is worth signing up for one and getting approved even if you don’t plan to place any ads in the near future.

Anyway, to earn money from AdSense there obviously needs to be people looking at your adverts. So, this means that you will need two things; traffic and visible ads.

Placing your AdSense units in the best places can be key to getting more clicks – I have seen many high traffic sites getting less clicks than sites with lower traffic purely due to poor ad placement.

However, you need to be careful not to breach any of the AdSense Programme Policies, or you will risk your AdSense account getting banned. The AdSense policies related to ad placement are:

Google ads, search boxes or search results may not be:

  • Integrated into a software application of any kind, including toolbars.
  • Displayed in pop-ups or pop-unders.
  • Placed in emails or in email programmes.
  • Obscured by elements on a page.
  • Placed on any non-content-based page.
  • Placed on pages published specifically for the purpose of showing ads.
  • Placed on pages whose content or URL could confuse users into thinking it is associated with Google due to the misuse of logos, trademarks or other brand features.
  • Placed on, within or alongside other Google products or services in a manner that violates the policies of that product or service.

Obviously the key to successful placement is to experiment; place ads in certain places of your pages for a week at a time to find which placement results in the best CTR (Click Through Rate) and revenue.

Diagram of where AdSense units should perform best on a page

Diagram of where AdSense units should perform best on a page

The image to the right shows, after many experiments, the places where AdSense adverts should perform best. Obviously some of the areas on certain sites are not possible – but you should try out roughly where the darkest colors are.

The darker the colors, the more visits are attracted to the area, hence they are more likely to see and click on adverts.

However, sometimes it is best not to always go with the darkest areas you can use – this may have a negative impact on the look of your website and put off people from returning or even reading your content in the first place. Personally, I think you are best off placing the content where it looks good, but using the chart to the right to avoid the completely white areas.

As I have said before though, the key to it is to experiment – try different ad placements to get the best for your site.

The next article related to AdSense will be about blending and making ads look like part of the site.

« Previous Entries