Maintain your old Siemens Hipath system

Why Your Site Should be Developed with CSS and Semantic Markup

Why your site should be developed with CSS and semantic markup

One thing that I have learned in over a decade developing web sites is that the Net is continually changing, and to keep up you need to change with it. One of the more recent developments in web design is the use of CSS and semantic markup. CSS and semantic web design has several benefits: clarity in code, browser and other web-enabled devices compatibility, seperation of content and presentation, smaller burden on bandwith, and better visibility to search engines.

Back in the day, we designed sites with tables and hacked those tables into doing things that they were never meant to do. The table tag was designed to display tabular data, not as a way to render the layout of a website. Unfortunately, a better alternative did not exist, so we used tables. This made for inefficient, slow loading sites with code that was very hard to read and maintain. Wikipedia defines sematic markup like this:

Sematic pages: supply information for Web search engines using web crawlers. This could be machine-readable information about the human-readable content of the document (such as the creator, title, description, etc., of the document) or it could be purely metadata representing a set of facts (such as resources and services elsewhere in the site). (Note that anything that can be identified with a Uniform Resource Identifier (URI) can be described, so the semantic web can reason about people, places, ideas, cats etc.)

These days, hip designers and developers use CSS extensively to create beautiful, fully standards compliant sites. CSS-based layout allows us to develop sites that will degrade effectively--that is that they will be viewable on all types of devices such as PDAs, cell phones, T.V.s--and will work correctly on devices that dont even exist yet as long as they are standards compliant.

Most importantly, developing sites with CSS allows us to effectively separate content and presentation. Have you ever looked at the source code of HTML pages that were created with a table-based layout and wondered what the heck is going on here? You see lots of opening and closing of tables and table rows all mixed together with textual content and graphics. With a clean, CSS-based layout you can create pages that are easily understood by looking at the source, making them easier to understand, maintain, and update. Look at the source of my company site http://www.vp3media.com and then look at the source code of this site that uses a tables based layout: http://webservices.org/. Big difference, huh?

If you have a site with high traffic, you can significantly reduce the amount of bandwdth used by transitioning from a table-based site to a CSS-based layout. If a visitor to your site doesnt have to load all of the code needed to render those tables and spacer gifs, you are transmiting less data.

CSS also offers search engine optimization benefits over tables. If you have a tables based business site that relys on Internet traffic to turn a profit or aquire new clients you will see real advantages by switching to CSS. When a search engine spiders your tables-based site, they retrieve a large amount of content that has nothing to do with you business. When search engines spiders a clean CSS-based site, the majority of content retrieved will be textual content that describes your business. The ratio of content-to-code is higher with CSS-based layouts.

Weve all seen search engine descriptions that dont make any sense; thats because search engine spiders use a top down method for retrieving information. Whatever is topmost in your document, the search engines are going to think is the most important part of the document, and therefore should be used as the description. Since we seperate content and presentation with CSS, we can put the most important information at the top of a document no matter where it is actually displayed on the page. Try that with tables!

I hope this article gives you an overview of why it is important to transition from your current tables-based layout to a fully valid CSS implementation. If you dont have a web site, but are planning on launching one in the near future, make sure you tell your developers you want a CSS-based implementation. If you need help moving from your current tables-based site to a CSS-based one, please feel free to contact me at vp3media@gmail.com or call me toll free at 1-877-320-4349 and Ill be happy to discuss your site with you.

James Kendall has been developing websites for over a decade and has founded and co-founded several companies concerned with web development since 1994. Currently he runs VP3Media and focuses on one on one interaction with select clients.

In The News:

Amazon's new series slammed for 'false' Nazi human chess game
Mon, 24 Feb 2020 14:26:00 +0000
The Auschwitz Memorial has criticised Amazon for its depictions of the Holocaust in its new Prime series Hunters.

Trump visits Taj Mahal after promising to fight Islamic terror with India
Mon, 24 Feb 2020 06:09:00 +0000
Donald Trump has visited the Taj Mahal after promising to boost trade and fight terrorism on his official visit to India.

Italy hunts coronavirus superspreader as 'seventh person dies'
Sun, 23 Feb 2020 14:26:00 +0000
A seventh person has died from coronavirus in Italy, according to media reports, as the total number of cases in the country soars to more than 200.

Coronavirus outbreak could be feared 'Disease X'
Mon, 24 Feb 2020 15:17:00 +0000
The coronavirus outbreak could be the feared "Disease X" that experts have warned about, according to a World Health Organisation (WHO) adviser.

Kobe Bryant's widow sues helicopter owner as LA memorial takes place
Mon, 24 Feb 2020 18:19:00 +0000
Kobe Bryant's widow has sued the owner of the helicopter which crashed in fog and killed her husband and their teenage daughter.



tikatoshop.it

Erfahrungen mit Pallhuber Wein
Agen Bola SBOBET Terpercaya

Travel in comfort and at your leisure with CT Airlink Limousine & Car Service for top quality private transportation and exceptional customer service. We operate Sedans, SUVs & Vans for CT Car Services to covering all Connecticut airports including Car Service from CT to Newark Airport , Mohegan Casino Uncasville CT, Foxwoods Casino Mashantucket CT, Manhattan Cruise Terminal NYC, Brooklyn Cruise Terminal NYC and Bayonne Cruise Terminal NJ. CT Airlink hire licensed and friendly chauffeurs who have in-depth knowledge of the Areas.

Long Copy Sales Letters on the Web: Hype or Not?

I have written before about long sales copy on the... Read More

Dos and Donts in Web Design - part 2 (content)

Do know your audienceIt's important to know your audience. If... Read More

Is A Picture Really Worth a Thousand Words?

The great debate: how much copy you should have on... Read More

Why Use Professional Web Site Designers For Your Next Web Development Project?

Probably you know someone who has created a web site... Read More

Looking for a Web Design Company? Use a Web Design Directory

Your business website tells a lot about your company. A... Read More

Moving Things Around

How often, men, have you come home to find the... Read More

How to Force Your Visitors to Order Immediately!

This may comes as a surprise to you but, if... Read More

Website Basics

The Basics You have a flourishing business ? everything is... Read More

How Important is Content to a Successful Website

Content is the most important part of any website.The Internet... Read More

Graphic Terms- The Basics Part I

You're almost set. The content of your website, e-book, or... Read More

Nine Effective Tips For Improving Your Website?s Usability

Web usability is perhaps the most important factor in any... Read More

Choosing the Right Web Designer

Creating your web site can be a tricky process. Choosing... Read More

Be Friendly to Search Engines

The object of search engines is to give their visitors... Read More

Maximising Web Site Viewability - Resolution

This is my second article on maximising web site viewability.... Read More

Website Woes: Top Five Offenders

I see a lot of mistakes, but here are the... Read More

Reach Out To Billions

Have you heard of 'Babel Fish'?It's a service provided by... Read More

Quality of Your Text Layout and Design

Why is the quality of your text layout and design... Read More

Handwriting Font Tips - The Personal Touch That Makes a Difference

Most websites use similar fonts and as a result have... Read More

A Beginners Guide to Web Page Design

Designing your own successful web page can seem difficult and... Read More

How to Make the Online Sales Copy for Your Website More Conversational

It has been said that the best online sales copy... Read More

Revising Your Site - What Happened To My Search Engine Placement?

As of September, Smartads went through what so many have... Read More

10 Ways Web Site Text Can Impact Your Readers Buying Decision

10 Ways Web Site Text Can Impact Your Reader's Buying... Read More

Designing Your Web Site For ALL Browsers

Let's face it. Building a web site that browses consistently... Read More

How to Prepare Your Project Before You Order Website Design

Are you serious about get this website done fast and... Read More

The Top 8 Website Sins Part Two

Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More