<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>XHTML &#187; web design</title>
	<atom:link href="http://blog.seo-semantic-xhtml.com/category/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.seo-semantic-xhtml.com</link>
	<description>Seo-Semantic-Xhtml.com</description>
	<lastBuildDate>Wed, 18 Nov 2009 05:41:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Dump The Tables for Layout Designing</title>
		<link>http://blog.seo-semantic-xhtml.com/web-design/dump-the-tables-for-layout-designing</link>
		<comments>http://blog.seo-semantic-xhtml.com/web-design/dump-the-tables-for-layout-designing#comments</comments>
		<pubDate>Tue, 01 Sep 2009 06:57:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS based layout]]></category>
		<category><![CDATA[CSS tableless designs]]></category>
		<category><![CDATA[CSS tableless layout]]></category>

		<guid isPermaLink="false">http://blog.seo-semantic-xhtml.com/?p=127</guid>
		<description><![CDATA[To layout the page structure and content, web pages were built using HTML. Tables were cell based similar to MS Excel and Word. With the advancement of web technology, tables have become obsolete in this new era of design. We draw tables whenever there is a need to display data, but we fail to understand [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-129 alignleft" title="dump_the_table" src="http://blog.seo-semantic-xhtml.com/wp-content/uploads/2009/09/dump_the_table.jpg" alt="dump_the_table" width="398" height="250" />To layout the page structure and content, web pages were built using HTML. Tables were cell based similar to MS Excel and Word. With the advancement of web technology, tables have become obsolete in this new era of design. We draw tables whenever there is a need to display data, but we fail to understand the extent of annoyance tables create for the browser and reader. It is always advisable to not use tables as:</p>
<ul>
<li><strong>Erroneous</strong> &#8211; Tables gained popularity with HTML command &#8211; border=&#8221;0&#8243; in the nineties. Though tables were never supposed to be a part of the layout but they still managed to survive.</li>
<li><strong>Inconvenience &amp; Inconsistency</strong> &#8211; Internet serves as the ideal medium for exchange of information. Any layout consisting table doesn’t allow easy accessibility. The table based content is not comfortably read by the screen reader, thus causing greater extent of inconvenience for the user. Any inconsistency in the flow of the content on the webpage disrupts the visual uniformity.</li>
<li><strong>Large file size</strong> – the presentational data is mixed with the content and therefore increasing the file size unnecessarily.</li>
<li><strong>Low Loading speed</strong> &#8211; The fast lives of people demand faster speed, but the tables ruin the loading time of the content. It becomes more difficult for users using mobiles or PDAs for web access.</li>
<li><strong>Unfavourable for SEO</strong> &#8211; Tables are not SEO website friendly. Google is compatible with &lt;div&gt; and CSS layouts for the website. Tables create a hindrance while searching for the website making it difficult for the browser to optimize the website.</li>
<li><strong>Uncompetitive</strong> &#8211; the web standards are improving and these grids for the layouts and images were unable to cope up with the improving web compliance, therefore lacked in providing a competitive edge.</li>
<li>Table-less CSS design layout was an ideal alternative in the modern web design world. Here are a few reasons why <a href="http://www.seo-semantic-xhtml.com/" target="_blank">CSS tableless designs</a> perform better than the standard page layout with tables.</li>
<li>The web designers can exploit their creativity and make the designs more complex while designing the layout. However, the table based layouts restricted the designers to remain rigid and inflexible.</li>
<li>The search engine rankings can improve with the CSS tableless design as the web page file size is smaller which reduces the code to conduct ratio. This allows the web spiders to crawl through the website easily and provide favourable rankings.</li>
<li>The CSS style sheets help to maintain visual consistency while running through the complete website. Any change in the layout or style can be changed easily in the same CSS document and the changes are instantaneously reflected in all the pages.</li>
<li>It is easier to update <a href="http://www.seo-semantic-xhtml.com/" target="_blank">CSS based layout</a> as it consumes less time.</li>
<li>Executing a re-design for the website is faster and less expensive. When we remove the presentational mark-up from the webpages, re-designing becomes less intensive.</li>
<li>The web designers can comfortably attach different stylesheets for different media types</li>
<li>The website becomes higly accessible as the navigation is easier for the users when the website is in CSS tableless layout. Users with disabilities or people using mobiles or PDAs have easy access as there are no spacers to restrict the accessibility.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.seo-semantic-xhtml.com/web-design/dump-the-tables-for-layout-designing/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>15 Essential Checks Before Launching Your Website</title>
		<link>http://blog.seo-semantic-xhtml.com/web-design/15-essential-checks-before-launching-your-website</link>
		<comments>http://blog.seo-semantic-xhtml.com/web-design/15-essential-checks-before-launching-your-website#comments</comments>
		<pubDate>Wed, 15 Jul 2009 06:29:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.seo-semantic-xhtml.com/?p=50</guid>
		<description><![CDATA[
In this article, we are creating a checklist of all the basic but essential tasks which should be done and tested before launching any new website.
1. Loading time. It should be optimal. Check everything from video, flash, image to html, css, javascript.
2. Favicon. It shows on the left side of the url in   [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-74 alignleft" title="Essential_Checks" src="http://blog.seo-semantic-xhtml.com/wp-content/uploads/2009/07/Essential_Checks.jpg" alt="PSD To HTML / Web Design / Website Usability Tutorials: Essential Checks Before Launching Your Website" width="380" height="280" /><br />
In this article, we are creating a checklist of all the basic but essential tasks which should be done and tested before launching any new website.</p>
<p>1. <strong>Loading time.</strong> It should be optimal. Check everything from video, flash, image to html, css, javascript.</p>
<p>2. <strong>Favicon.</strong> It shows on the left side of the url in      browser window. It plays a important role in branding. Code for favicon:    &lt;link rel=&#8221;icon&#8221; href=&#8221;/favicon.ico&#8221; /&gt;</p>
<p>3. <strong>Website Title.</strong> It’s the first thing that shows      on the top of a browser window. It is important from SEO point of view      also. Code for Title:    &lt;title&gt;This Is My Website Title&lt;/title&gt;</p>
<p>4. <strong>Meta tags. </strong>Search engines take their data from      meta tags. So they play a crucial role in SEO. Code for Meta tags:   &lt;meta name=&#8221;description&#8221; content=&#8221;this is my meta description&#8221; /&gt;</p>
<p>5. <strong>Proofread all the content.</strong> Always double check      the content. Make sure that everything is correct including spelling,      grammar and punctuation.</p>
<p>6. <strong>Links.</strong> You can use this <a href="http://validator.w3.org/checklink">http://validator.w3.org/checklink</a> to check if your website has any broken link.</p>
<p>7. <strong>Forms. </strong>Test contact/order or any other form(s) you      have on the website. User should get proper feedback upon successful/failed submission of the form.</p>
<p>8. <strong>Email Address.</strong> All the email addresses      provided within the site must be created already.</p>
<p>9. <strong>Copyright statement.</strong> Always double check the copyright      statement.</p>
<p>10. <strong>Analytics.</strong> To measure success of your website      and to see if it is meeting the expected goal, check the detailed behavior of users. It is mandatory to      have some analytical application installed on the website.  Common analytics tool are      google analytics, Clicky, Mint and stat counter.</p>
<p>11. <strong>Sitemap.</strong> This helps a lot from SEO point of view.  You should also submit the sitemap to Yahoo,Google and MSN/Bing. Sitemap also helps a user find the right page.</p>
<p>12. <strong>W3C validation. </strong>To make standard compliant      website, I always validate my markup and CSS on w3C.<br />
<a href="http://validator.w3.org/">http://validator.w3.org/</a> &#8211; Validating markup<br />
<a href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a> &#8211; Validating CSS</p>
<p>13.<strong> Cross browser compatibility.</strong> Just to ensure that website is accessible across all major browsers I check my websites on      Internet explorer 6/7/8, Firefox, Safari, Opera and chrome. To get more      information, please visit our other article <a href="http://blog.seo-semantic-xhtml.com/browsers/10-helpful-resources-for-cross-browser-testing">10 helpful resources for cross browser testing</a>.</p>
<p>14. <strong>C</strong><strong>ross operating system compatibility.</strong> I always      check my website on Mac, linux and windows.</p>
<p>15. <strong>Downtime &amp; Server Speed.</strong> Downtime and slow      server speed not only adversely effect the search engine ranking but also      create a negative impact on visitors. Investment in fast and reliable      hosting is always worthwhile.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.seo-semantic-xhtml.com/web-design/15-essential-checks-before-launching-your-website/feed</wfw:commentRss>
		<slash:comments>44</slash:comments>
		</item>
	</channel>
</rss>
