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 andpresentation, 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.
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterTen Fatal Mistakes That Make Web Sites Stink
Since you'll spend lots of time and money to create your web site, don't you want to make sure you're not making mistakes that at best irritate users, and at worst make you lose customers?After all, when you alienate users, you lose potential revenue. Who...(related: Web Design)
Flash Web Design - The Wave Of The Future?
There are two camps when it comes to flash web design, those who believe it is the wave of the future and those who do not. To decide which camp you want to be part of, you of course need to learn a little bit about flash web design and try it out as well to see how you feel. The following overview on flash web design should help you form at leas...(related: Web Design)
Winning Websites
Customers will form an opinion of your business as soon asthey look at your website. Therefore the same basic rulesapply that you use in the production of your brochure andyour ...(related: Web Design)
Choosing A Web Designer : A Plan To Guide You Through The Minefield
Choosing a web designer can seem like a daunting task. They come in all shapes and sizes ? from freelancers working at home to glossy new media agencies, and there is as much variation in prices and service as there is in size.So how do you choose the right one for your business?Select Your MarketplaceFirstly, decide what market your would like to select from: local , national or overseas.If you would feel more comfortable meeting your designer, and running through your project face to face (maybe it's the k...(related: Web Design)
Getting Along With Your Web Designer
You're all ready to get started creating your web presence and you've found a skilled web designer to build your website for you. Do you know what he needs from you to do an efficient job? Good web design requires cooperation between the architect and the user to create a product that will serve its intended function, and you don't have to be an internet expert to do your part. There are a number of things you can do when working with...(related: Web Design)
3 Tips You Can Use Right Now To Improve Your Web Sites Usability
Studies done by Jakob Nielson the man touted as the, "King of usability" by Internet Magazine showed that people do not read on the web like they would normally read offline.So what does this mean to you and why should you care?Visitors to your web sites are in a rush, they want the information you promised and they want it NOW.If they don't get the information they want they will leave and this means you lose the sale, the opt-in or whatever acti...(related: Web Design)
Three Things You Must Do When Designing And Building Your Small Business Website
If you are going to have a web presence for your small business, it only makes sense that it should actually help you get more business. In order to do so, your website design should focus on performing only one function ? and that's to convey your sales message to your site visitors in an effective and efficient manner.No matter what your web designer tells you, simplicity is best when building your small business website. While having a website with lots of bright colors and flashy interactive graphics might win web design awards, it will probably not help you win customers. In fact, the more complicated your web design, the higher the risk that your sales message will be lost amidst all the fancy bells and whistles on your site.For most smal...(related: Web Design)
The Key To Getting More Magic Shows Booked Online
This article is the result of a conversation I had with a magician about his website. He wanted to know if I could build him a nice looking site that had his name and contact information on it. I explained to him the purpose of having a website and what you want visitors to do when they land on your site.
Why Do You Have a Website?The number one reason magicians have websites is ego. They want to be able to say to people, "You can visit my website at www.bite-me-hard.com." When the person visits the website they usually see one of two scenarios:- Brochure Site
- Typical Magician's Site - See Part 2 of this series for an example.
Graphic Terms- The Basics Part I
You're almost set. The content of your website, e-book, or software is complete. Ready to put together your e-book or software ...(related: Web Design)
Other Ways To Look At Things
Many people today are tired of the Microsoft software that came pre-packaged with their operating system. Some have switched over to Apple's Macintosh line, but for the most part we just put up with what we have. Microsoft's Internet Explorer (IE) has come under a lot of fire as of late for several rea...(related: Web Design)
To Flash, Or Not To Flash
When considering whether or not to incorporate Flash into your website, you must also consider the target market you are trying to reach.For instance, a website which serves as a depository for articles and information catering to lawyers would probably not be a good candidate for a Flash "makeover". However, if you are a rock band, you may want to consider it.Those are two very opposite ends of the spectrum, but exemplify ho...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design
Graphic Terms- The Basics Part I
You're almost set. The content of your website, e-book, or software is complete. Ready to put together your e-book or software ...(related: Web Design)
Other Ways To Look At Things
Many people today are tired of the Microsoft software that came pre-packaged with their operating system. Some have switched over to Apple's Macintosh line, but for the most part we just put up with what we have. Microsoft's Internet Explorer (IE) has come under a lot of fire as of late for several rea...(related: Web Design)
To Flash, Or Not To Flash
When considering whether or not to incorporate Flash into your website, you must also consider the target market you are trying to reach.For instance, a website which serves as a depository for articles and information catering to lawyers would probably not be a good candidate for a Flash "makeover". However, if you are a rock band, you may want to consider it.Those are two very opposite ends of the spectrum, but exemplify ho...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design