| |
| |
|
Web Design |
|
|
|
All about Web design.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.
MORE RESOURCES:
Web-Design - Google News |
|
|
|
RELATED ARTICLES
Banner Enchancement - Designing Your Banner A well designed web site is great to have, but what if no one ever comes to it? Most web sites either rely on advertising, or have used advertising at some point in their existence, to get people to come to view the site. This means that your going to have to have not only a well designed web site but also well designed banners to attract your visitors. Creating A Quality Web Site Design! In this article, I will attempt to cover the basics of creating a great quality web design template for your site. Now it's a known fact that the layout or "eye candy" as I put it will determine whether your visitors will stay more than 15 seconds or they will just become another statistic. Build It And Build It Cheap! There are several very good reasons why you should consider building your own web site versus having someone do it for you. It's more cost efficient, you can make it much larger in content, you are more involved in how you want the pages to look, and I have actually enjoyed learning the dos and don'ts of website profiling. Choose & Use the Best Colors, The Psychology of Color Are you using the best colors for your web site? Many web designers often overlook the issues of color in web design. When choosing colors for your web site there are three main areas that should be addressed. Free Online Tools to Design (and Maintain) Your Website These days, it seems that everyone has a website. Unfortunately, many of these websites are either bland, or sloppily designed by people who don't understand how to use HTML effectively or are intimidated by it. How To Attract People To Your Web Site and Leave Their Contact If you have a website, you want your visitors to stay longer on your website and get more sales. Here are 10 ways you can do to improve it. Handwriting Font Tips - The Personal Touch That Makes a Difference Most websites use similar fonts and as a result have a generic look. So, if you want to differentiate your look and also add a personal touch to your website, consider using handwriting fonts. Maximising Web Site Viewability - Browsers With so many different configurations internet users have their computers set up with, it can be difficult to decide how web sites should be configured so that it is viewable in as many configurations as possible.So in the last 6 months i have been logging the statistics from my web design site to achieve as accurate a result as possible to answer this question. Has Your Design Firm Run Amuck With Your Web Site? What's happening to good web site design? Somehow we creative types at interactive and traditional ad agencies have run amuck - we're building web sites that may dazzle the senses, but don't really communicate much about our client's business or products and services!1. Somehow I don't think anyone has a burning desire to spend 30-60 seconds on the Index page of a web site while another fancy Flash animation loads, complete with snazzy graphics, audio, and way cool cutting edge graphics - not!! People want to get real information, not razzle-dazzle graphics showing how great a developer is using the latest whiz bang technology!2. Your Site Map: Spider Food or Just A Light Snack? Mechanical spiders have to eat. In fact, they usually have bigger appetites than the real-life spiders you squish under your shoe. When Good Computers Go Bad Remember the day that you got your new computer (or the hand-me down from Uncle Larry) and you pulled that shiny case out of the box? Once you finally had all of the cables properly mangled into anunmanageable ball, you powered on, the screen lit up and off you went. The PC was fast, programs loaded in the blink of an eye, and Internet surfing was a breeze. Web Copy - What You Should Know First Just what is web copy? Some people think that web copy is anything that is written on a web page. But that is "content" and it is decidedly different than web copy. Keyword Density We can't emphasize enough the importance of including keyword-rich content on your site to increase your ranking potential. Simply put, keywords are the words and/or word phrases people use when searching. The Top 8 Website Sins Part Two Sin #5Poor Spelling And GrammarWe all make mistakes when we write things down or type things out. Nobody is 100% perfect but a huge number of website owners completely ignore the basics of spelling and grammar. How To Set Up A Professional Website On Your Own Using Web Templates To create professional websites is not an easy task by any means. There are many things that you got to take into consideration like easy navigation, strategic links, clean coding, professional layout, easy downloading, scanability, usability and so on. How to save money on a website Know what you wantMake sure you know why you want a website and what you want your website to do for you. Write down some short term and long term goals. Power of Squeeze Pages for Realtors Squeeze pages are a very hot topic in the internet marketing scene. What a squeeze page is is a page that is built to get someone to take an action. The Golden Rule Of Website Building Copyright 2005 Robert EvansSetting yourself up to earn a steady monthly income has to be a pre-requisite to your success online. There is no doubt that large sums of money can be made (and indeed are being made) from selling products or services online. How To Create A Professional Website In Less Than A Week Here's a really simple way.. Creating a Basic Web Design Template A "template" is simply a design format which you can apply to all (or most) of the pages in your web site. The first advantage of using a "template" system is that it allows you to make your most important design decisions at the beginning, and then just focus on content.
|
|
Web Design Articles Home Page | Web Design Articles Site Map | 1AFMhosting.com Trafficfish | EZmatic | GetSonic |
| © 2006 |
