<?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>K2 DESIGNERS Blog</title>
	<atom:link href="http://k2designers.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://k2designers.com/blog</link>
	<description>Latest news from SEO, Social Media and Ecommerce market</description>
	<lastBuildDate>Sat, 03 Sep 2011 18:17:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Web design Re-design</title>
		<link>http://k2designers.com/blog/webdesign-redesign/</link>
		<comments>http://k2designers.com/blog/webdesign-redesign/#comments</comments>
		<pubDate>Sat, 03 Sep 2011 18:12:57 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://k2designers.com/blog/?p=190</guid>
		<description><![CDATA[Importance of updating a Website Featured client: Shred Pro   The web is evolving, dramatically.  You may already have a website, however, when is the last time it was updated, or even looked at? Do you even know how many visitors its getting? If the answer to any of the above is “I&#8217;m not sure”, then [...]]]></description>
			<content:encoded><![CDATA[<h1><strong><strong><strong><strong><strong><a href="http://k2designers.com/blog/wp-content/uploads/2011/09/lady-blog.jpg" class="broken_link"><img class="alignright" title="lady-blog" src="http://k2designers.com/blog/wp-content/uploads/2011/09/lady-blog.jpg" alt="" width="180" height="264" /></a></strong></strong></strong></strong>Importance of updating a Website<br />
</strong></h1>
<h3><strong><strong>Featured client: Shred Pro  <strong><strong></strong></strong></strong></strong></h3>
<h1><strong><br />
</strong></h1>
<h3></h3>
<p>The web is evolving, dramatically.  You may already have a website, however, when is the last time it was updated, or even looked at? Do you even know how many visitors its getting?</p>
<p>If the answer to any of the above is “I&#8217;m not sure”, then it may be time to put it to some good use perhaps? <span id="more-190"></span></p>
<p><strong>A Website can act as your portfolio or a gateway for your clients, it can open new doors.</strong></p>
<p>&nbsp;</p>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/09/stats-new1.jpg" class="broken_link"><img class="alignnone size-full wp-image-201" title="stats-new" src="http://k2designers.com/blog/wp-content/uploads/2011/09/stats-new1.jpg" alt="" width="537" height="104" /></a></p>
<p>&nbsp;</p>
<p>Our featured client, Shred Pro Ltd, they provide a first class shredding service in the UK, has had an Internet presence since 2007, they are currently on their third build. (Take a sneak peak at the new site below).</p>
<p>As the web evolves your competitors will grow with it, this is why it’s important to have an internet presence and to continue to update and maintain your web presence.</p>
<p>If you would like an independent review of your current site, please leave a comment below or get in touch by clicking <a href="../../contact-us.html" class="broken_link">HERE</a>.</p>
<p>&nbsp;</p>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/09/shredpro-1.jpg" class="broken_link"><img class="alignnone size-full wp-image-197" title="shredpro-1" src="http://k2designers.com/blog/wp-content/uploads/2011/09/shredpro-1.jpg" alt="" width="500" height="516" /></a></p>
<p>&nbsp;</p>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/09/shredpro-2.jpg" class="broken_link"><img class="alignnone size-full wp-image-198" title="shredpro-2" src="http://k2designers.com/blog/wp-content/uploads/2011/09/shredpro-2.jpg" alt="" width="500" height="516" /></a></p>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/09/shredpro-3.jpg" class="broken_link"><img class="alignnone size-full wp-image-196" title="shredpro-3" src="http://k2designers.com/blog/wp-content/uploads/2011/09/shredpro-3.jpg" alt="" width="500" height="516" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/webdesign-redesign/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Seo Versus PPC</title>
		<link>http://k2designers.com/blog/seo-versus-ppc/</link>
		<comments>http://k2designers.com/blog/seo-versus-ppc/#comments</comments>
		<pubDate>Fri, 10 Jun 2011 23:41:13 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[PPC]]></category>
		<category><![CDATA[search engine optimisation]]></category>
		<category><![CDATA[search engines]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[SEO v PPC]]></category>

		<guid isPermaLink="false">http://k2designers.com/blog/?p=178</guid>
		<description><![CDATA[Search engines&#8230; love &#8216;em or hate &#8216;em, if you&#8217;re not on them you may as well pack your bags and say goodbye. Or do you? Sure, there are other means of generating traffic to your website, such as PPC other methods exist too, some ethical and some not, you may have come accross White Hat [...]]]></description>
			<content:encoded><![CDATA[<p>Search engines&#8230; love &#8216;em or hate &#8216;em, if you&#8217;re not on them you may as well pack your bags and say goodbye. <strong>Or do you? </strong>Sure, there are other means of generating traffic to your website, such as <strong>PPC</strong> other methods exist too, some ethical and some not, you may have come accross White Hat SEO and Black Hat SEO, (more on that later)&#8230;<span id="more-178"></span></p>
<p>We&#8217;ve mentioned PPC (Pay Per Click), this can be a slightly costly route in gaining relevant traffic,  PPC or better known as Google AdWords, where you pay to be on the sponsored listings, and each time someone clicks on your site you get charged..<a href="http://k2designers.com/blog/wp-content/uploads/2011/06/seo-k2designers.jpg" class="broken_link"><img class="alignleft size-medium wp-image-179" title="seo-k2designers" src="http://k2designers.com/blog/wp-content/uploads/2011/06/seo-k2designers-300x279.jpg" alt="" width="215" height="199" /></a></p>
<h3>Don&#8217;t want to pay thousands on clicks each month to get listed on page 1?</h3>
<h2>The success story&#8230;</h2>
<p><strong>HTS</strong>; Our favourite client from Ombersley near Worcester, are professional screen and projector installers, they&#8217;ve done jobs for clients as large as Bosch, BUPA, Telewest and National Grid etc.. <strong>HTS</strong> approached us for a bespoke website build to attract new customers, through our research we immediatley discovered that the search term &#8220;<strong>Screen Installation</strong>&#8221; was very popular although very competative, we took on the challenge on gaining page one Google rankings. Due to the masses of competition SERP&#8217;s or Search Engine Result Pages, it varies significantly, typically between 125,000,000 to 220,000,000 results!!</p>
<h2>How did we do?</h2>
<p>Take a look at this screen grab &#8211; <strong>recorded on 10 June 2011</strong></p>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/06/SEO-Screen-Installation.jpg" class="broken_link"><img class="alignleft size-large wp-image-180" title="SEO-Screen-Installation" src="http://k2designers.com/blog/wp-content/uploads/2011/06/SEO-Screen-Installation-1024x819.jpg" alt="" width="1024" height="819" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Are you looking for page 1 rankings? Get in touch with us &#8211; <a href="http://k2designers.com/contact-us.html" class="broken_link">Contact Us</a></h2>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/seo-versus-ppc/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Facebook &amp; Twitter Viral Marketing Tools</title>
		<link>http://k2designers.com/blog/facebook-twitter-viral-marketing-tools/</link>
		<comments>http://k2designers.com/blog/facebook-twitter-viral-marketing-tools/#comments</comments>
		<pubDate>Fri, 03 Jun 2011 22:39:22 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://k2designers.com/blog/?p=156</guid>
		<description><![CDATA[Everyone knows the popular social network called Facebook. Your friends are on there, your family is on there, and don’t forget the kids, the kids seem to spend more time on Facebook than studying! It’s the place which costs businesses around the world millions by distracted workers! A real pain we know&#8230; however, hold on [...]]]></description>
			<content:encoded><![CDATA[<p>Everyone knows the popular social network called <strong>Facebook.</strong></p>
<p>Your friends are on there, your family is on there, and don’t forget the kids, the kids seem to spend more time on Facebook than studying!</p>
<p><span id="more-156"></span></p>
<p>It’s the place which costs businesses around the world millions by distracted workers! A real pain we know&#8230; however, hold on family ‘n’ friends, it’s not all too bad, Facebook and other social interactive sites such as Twitter can have some real benefits for you or your business, if used properly you can utilize these world popular sites and use them as advertising tools; what we call “viral marketing”.</p>
<p><strong><br />
Viral marketing </strong>or viral advertising, is a fantastic way of generating some quick and painless business; so how does it work and how can you take advantage of today’s social media buzz?</p>
<p><strong>Step 1.</strong> Set up a ‘business’ facebook account and link it to twitter (it’s free) AND once linked to Twitter you can update the two simultaneously, saving you time!</p>
<p><strong>Step 2.</strong> Invite some friends, that will be interested in your business or product, talk about your product, get people excited about it.</p>
<p>Unsure how to create a Facebook / Twitter account? <strong>Panic Not!</strong></p>
<p>Want us to design a professional Facebook theme and set up your account? So you can stand out from the crowd.<br />
Drop us a line.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/facebook-twitter-viral-marketing-tools/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Design Tips</title>
		<link>http://k2designers.com/blog/web-design-tips/</link>
		<comments>http://k2designers.com/blog/web-design-tips/#comments</comments>
		<pubDate>Mon, 30 May 2011 10:22:04 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://k2designers.com/blog/?p=136</guid>
		<description><![CDATA[Believe it or not, more than 30 new pages are added every second on the internet. Whilst the internet is growing rapidly, more than 95% of businesses are still not making money with their websites. If you  think you are in the 5%, then we congratulate you. If not, then please read on. There are [...]]]></description>
			<content:encoded><![CDATA[<p>Believe it or not, more than 30 new pages are added every second on the   internet. Whilst the internet is growing rapidly, more than 95% of businesses   are still not making money with their websites. If you   think you are in the 5%,   then we congratulate you. If not, then  please read on.</p>
<p>There are various reasons why your site is  not making the amount of money you   expected from it. We have  summarised the basic rules of web design to help you   avoid the  mistakes that 95% of current web site owners do. These are only    guidelines and they will not bring you immediate cash. However, if you  follow   these guidelines, they will put you ahead of your potential  competitors.<span id="more-136"></span></p>
<h3>1 &#8211; Build a website with your customers in mind&#8230;</h3>
<p>Your site shoul be designed for your  customers. And your customers are only interested in the information,  service or product they are looking for. Telling your customers how you  started your business and how long you have been in the game answer  their qustions or fulfill their needs.</p>
<h3>2 &#8211; Get your message accross immediately&#8230;</h3>
<p>The moment a customer enters your site, you  have less than 5 second to give them the answer they are looking for.  Don&#8217;t forget your customers are busy just like you. They will not spend  too long on your site trying to find the answer they are looking for. So  get your message accross immediately before they go else where.</p>
<h3>3 &#8211; Is your Navigation easy to use?</h3>
<p>Is your site like a puzzle that takes hours  to solve? Can your customers find their way around your site easily? If  your customers feel lost whilst trying to find the infomation on your  site, it is likely they will leave and not come back again!</p>
<p>It is very important to guide your customers  through the site by offering them an easy to understand navigation  system. Building a solid navigation system on your site can take time.  However, once built it will help your customers stay  and crawl deeper  into your site.</p>
<h3>4 &#8211; Let your customers buy&#8230;</h3>
<p>There are many web sites falling for this  mistake. They give too much information up front about a product and  hide the &#8220;Buy Button&#8221; to the bottom of the page. If you bore your  customers with too much information, they may not bother looking for the  &#8220;Buy Button&#8221;.</p>
<p>Don&#8217;t forget, some customers may already know  about the product and just want to buy it, so try placing your &#8220;Buy  button&#8221; near the top of page or somewhere they can see!</p>
<h3>5 &#8211; Don&#8217;t forget Offline Marketing&#8230;</h3>
<p>Unless you are solely an online business, do  not cut off your current offline advertising campaings. Wether you  advertise on magazines, newspapers or radio, try to keep your existing  advertising avenues.</p>
<p>Although it is more cost effective doing  business online, you should never rely on your website  to generate all  the revenue. It may cost you in the future if you experience long term  problems with your web site for any reason.</p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/web-design-tips/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Online Security and SSL Certificates</title>
		<link>http://k2designers.com/blog/online-security-and-ssl-certificates/</link>
		<comments>http://k2designers.com/blog/online-security-and-ssl-certificates/#comments</comments>
		<pubDate>Mon, 30 May 2011 09:07:20 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[Ecommerce]]></category>

		<guid isPermaLink="false">http://k2designers.com/blog/?p=129</guid>
		<description><![CDATA[In 2008 sales over the internet in the UK totalled over £222bn, up from £65bn in 2004 (statistics.gov.uk). With no signs of this growth slowing down, the need for businesses to be online trading securely has never been greater. If you have an e-commerce website and want more transactions through your site you have to [...]]]></description>
			<content:encoded><![CDATA[<p>In 2008 sales over the internet in the UK totalled over £222bn, up from £65bn in 2004 (statistics.gov.uk). With no signs of this growth slowing down, the need for businesses to be online trading securely has never been greater.</p>
<p>If you have an e-commerce website and want more transactions through your site you have to take online security serious. You can start with asking your self this simple question: <em>&#8220;Do i trust this site with my credit card details?&#8221;</em> If the answer is yes, you are half the way there.<span id="more-129"></span></p>
<h2>Trade Online Safely and Securely</h2>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/05/ssl-certificates.jpg" class="broken_link"><img class="alignleft size-thumbnail wp-image-130" title="ssl-certificates" src="http://k2designers.com/blog/wp-content/uploads/2011/05/ssl-certificates-150x150.jpg" alt="" width="150" height="150" /></a>Today, online security is becoming more important as e-commerce is increasing at an explosive rate. Your responsibility also increases as a site owner to provide a safer customer experience on your site. Minimising the online threats is a challenging task. However, you do not have to be a security guru to know how to handle sensitive customer information. There are simple security measures you can take to create a safer environment for your customers.</p>
<p>As a website owner, you can trade online safely in the knowledge that the SSL secure connection will make sure all important information is kept out of reach from prying eyes. Having an SSL certificate will keep your visitors coming back time and time again, safe in the knowledge you provide a secure service.</p>
<h2>What is SSL?</h2>
<p>SSL (Secure Sockets Layer) is the standard security technology for establishing an encrypted link between a web server and a browser. This link ensures that all data passed between the web server and browsers remain private and integral. SSL is an industry standard and is used by millions of websites in the protection of their online transactions with their customers.</p>
<p>Benefits of SSL</p>
<p>Some of the benefits of having an SSL certificate installed on your website:</p>
<ul>
<li>Increase conversions</li>
<li>Enhanced reputation</li>
<li>Store information securely</li>
<li>Business Validation</li>
</ul>
<p>How much do SSL Certificates cost and how to get one?</p>
<p>You can find out more about the SSL prices and their types on our<strong> <a title="SSL Certificates" href="http://k2designers.com/ecommerce/ssl-certificates.html" class="broken_link">SSL Certificates</a></strong> page.</p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/online-security-and-ssl-certificates/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>New Website Launched!</title>
		<link>http://k2designers.com/blog/new-website-launched/</link>
		<comments>http://k2designers.com/blog/new-website-launched/#comments</comments>
		<pubDate>Sun, 29 May 2011 00:14:08 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://k2designers.com/blog/?p=162</guid>
		<description><![CDATA[It was time for a new look.. and with summer just around the corner we wanted to give you a warm welcome! Well, here it is&#8230;.. Welcome to the new K2 Site and Blog! You&#8217;ll find some exciting new stuff going on around here, we can promise you that. What are we up to? We&#8217;re [...]]]></description>
			<content:encoded><![CDATA[<p>It was time for a new look.. and with summer just around the corner we wanted to give you a warm welcome! Well, here it is&#8230;..</p>
<p><span id="more-162"></span></p>
<h2>Welcome to the new K2 Site and Blog!</h2>
<p>You&#8217;ll find some exciting new stuff going on around here, we can promise you that.</p>
<h3>What are we up to?</h3>
<p>We&#8217;re working on a several different projects at the moment, some of them are really exciting, we like to think of our clients as friends, we build trust and loyalty from the start. This allows us to create a strong and lasting business relationship which serves best for both parties.</p>
<p><strong>Tim Bone</strong> &#8211; Bonacc | <a title="Online Accounting Software" href="http://www.bonacconlineaccountants.co.uk" target="_blank">Online Accounting Software</a></p>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/06/tim-bone-bonacc.jpg" class="broken_link"><img class="alignleft size-full wp-image-163" title="tim-bone-bonacc" src="http://k2designers.com/blog/wp-content/uploads/2011/06/tim-bone-bonacc.jpg" alt="" width="121" height="162" /></a></p>
<p>We&#8217;re currently working with Tim, on an exciting new Website and SEO project to boost his search engine rankings, Tim is a local <a title="Chartered Accountant Worcetser" href="http://www.bonacconlineaccountants.co.uk" target="_blank">Worcester based Chartered Accountant</a>, with over 20 years of accounting experience. Tim has some great contacts and really knows his stuff when it comes to Accounting, if you want to save on tax or need some advice on accountancy, he&#8217;s your man! Check out the new site &#8211; <cite>www.bonacc<strong>onlineaccount</strong>ants.co.uk</cite></p>
<p>As always, we look forward to your feedback!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/new-website-launched/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How to Get Started Selling on eBay?</title>
		<link>http://k2designers.com/blog/learn-to-sell-on-ebay/</link>
		<comments>http://k2designers.com/blog/learn-to-sell-on-ebay/#comments</comments>
		<pubDate>Sun, 22 May 2011 15:30:45 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[eBay]]></category>

		<guid isPermaLink="false">http://k2designers.com/blog/?p=104</guid>
		<description><![CDATA[Do you need easy-to-follow step-by-step instructions to sell on eBay? Have you been thinking about selling on eBay but you’ve been putting it off? Have you been intimidated, thinking there’s no way you’ll be able to figure out how to sell? Every day countless people put off selling on eBay for these reasons and more. [...]]]></description>
			<content:encoded><![CDATA[<h2>Do you need easy-to-follow step-by-step instructions to sell on eBay?</h2>
<p>Have you been thinking about selling on eBay but you’ve been putting it off? Have you been intimidated, thinking there’s no way you’ll be able to figure out how to sell? Every day countless people put off selling on eBay for these reasons and more.<span id="more-104"></span></p>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/05/how-to-sell-on-ebay-e1306078122928.jpg" class="broken_link"><img class="alignleft size-medium wp-image-118" title="how-to-sell-on-ebay" src="http://k2designers.com/blog/wp-content/uploads/2011/05/how-to-sell-on-ebay-e1306078122928-217x300.jpg" alt="" width="217" height="300" /></a>I was there once. I remember all the excuses I made up in my mind and how long I put off listing my first auction. I was paralyzed with fear – fear that I would make mistakes and that nobody would bid on my auction. Heck, I even remember how nervous I was when I placed a bid on the first thing I bought on eBay.    Well, the one thing I was missing back then was solid, easy-to-follow information designed for people who were just beginning their selling endeavors on eBay. If I had access to that information, things would have been a lot different for me. I would have started selling a lot sooner and I wouldn’t have had to learn through trial and error.</p>
<p>“<strong>How to Get Started Selling on eBay</strong>” is the exact manual I wish I had back then. It gives precisely the right information needed for those who haven’t started selling on eBay or for those who have just started. It walks you through from setting up an account on eBay to listing and managing your auctions.</p>
<p>Now is the time for the novice, the new guy, to step up and finally start making some money by selling on eBay in no time at all. Don’t waste your time and energy trying to figure out how to do this on your own. “<strong>How to Get Started Selling on eBay</strong>” has shown me the key to eBay selling success. I suggest you do not let any more time go by.</p>
<h3>Let “<strong><a title="how to sell on eBay" href="http://0af55e50mqv6od49i2njn5ppb0.hop.clickbank.net">How to Get Started Selling on eBay</a></strong>” be your guide.</h3>
<p>To your success,</p>
<p>K2 Designers</p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/learn-to-sell-on-ebay/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Building Your Website &#8211; Part 4</title>
		<link>http://k2designers.com/blog/building-your-website-part-4/</link>
		<comments>http://k2designers.com/blog/building-your-website-part-4/#comments</comments>
		<pubDate>Sun, 24 Apr 2011 06:47:44 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[cascading style sheet]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.k2designers.com/blog/?p=70</guid>
		<description><![CDATA[What is CSS? Cascading Style Sheets are the second layer of a web page and deal with the presentational side of the page (page layout, font size, font colour, margins, padding, images&#8230;). In the same vain as discussed above, there are a couple of approaches to using CSS; placing the CSS in the HTML file [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: 20px; font-weight: bold;">What is CSS?</span></p>
<p>Cascading Style Sheets are the second layer of a web page and deal with the presentational side of the page (page layout, font size, font colour, margins, padding, images&#8230;).</p>
<p>In the same vain as discussed above, there are a couple of approaches to using CSS; placing the CSS in the HTML file or using an external CSS file.<span id="more-70"></span></p>
<h2>Why use an external CSS file?</h2>
<ul>
<li>Quicker page load times</li>
<li>Share the same file across multiple pages</li>
<li>One update applies to all those pages</li>
</ul>
<p><img class="aligncenter size-medium wp-image-151" title="css-01" src="http://k2designers.com/blog/wp-content/uploads/2011/04/css-01-300x231.png" alt="" width="300" height="231" />This guide will focus on implementing CSS to your site using an external CSS file</p>
<p>Creating your external CSS file</p>
<p><strong>CSS syntax is made up of three parts:</strong></p>
<p style="padding-left: 30px;">Selector{<br />
Property: Value;<br />
}</p>
<p>Although it may seem complicated at first, once you get started it will all fall in to place. All this means is that for each element (e.g. &lt;p&gt;) you determine how a certain aspect of it (e.g. the font) should be presented (e.g. Arial). For example:</p>
<p style="padding-left: 30px;">P {<br />
Font-family: Arial;<br />
}</p>
<p style="padding-left: 30px;">h1 {<br />
Font-size: 14pt;<br />
Color: red;<br />
li {list-style: disc;<br />
margin-left: 10px;<br />
}</p>
<p>Here I have stated that any text within a &lt;p&gt; tag should be displayed using the Arial font, my &lt;h1&gt; headers should be 14pt and red, and any bullet lists items (&lt;li&gt;) should use a filled in circle (called a ‘disc’) and there should be a 10px margin to the left.</p>
<p>Note: Your CSS won’t work without the curly brackets and a semi-colon to separate the properties and their values, so don’t forget to add them</p>
<h3>Two paragraphs, two styles</h3>
<p>In the example code above we have two paragraphs and at the moment they have the same attributes. To mix things up we can give them different styles. We do this using the ‘class selector’.</p>
<p>In your CSS file we state that it is a ‘class’ by using a full stop and naming the class whatever you want. It is best to describe what the class does rather than what is currently is as this may change in time. E.g. name it ‘highlight’ rather than ‘green’, as in the future you may want to use the colour red.</p>
<p style="padding-left: 30px;">.highlight {<br />
color: green;<br />
}</p>
<p>Now when we want to highlight any text we can apply it to the HTML like this&#8230;</p>
<p style="padding-left: 30px;">&lt;html&gt;<br />
&lt;body&gt;<br />
&lt;h1&gt; Here is my first title &lt;/h1&gt;<br />
&lt;p&gt; This is my first paragraph to help me test different types of styles using CSS with my HTML&lt;/p&gt;<br />
&lt;h2&gt;This is my second title&lt;/h2&gt;<br />
&lt;p class=”highlight”&gt;Here is a second paragraph to see how I can have different styles for the same tag on the same page &lt;/p&gt;<br />
&lt;ol&gt;<br />
&lt;li&gt;List item 1&lt;/li&gt;<br />
&lt;li&gt;List item 2&lt;/li&gt;<br />
&lt;li&gt;List item 3&lt;/li&gt;<br />
&lt;li&gt;List item 4&lt;/li&gt;<br />
&lt;/ol&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<h3>Class Vs id</h3>
<p>There are two ways of specifying and naming attributes; ‘class’ and ‘id’.The difference between the two is the id must be unique within the HTML document and a class can be used as many times as you want. To create an id use a hash:</p>
<p style="padding-left: 30px;">#highlight {<br />
color: green;<br />
}</p>
<p><strong>(End of Part 4)</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/building-your-website-part-4/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Building Your Website &#8211; Part 3</title>
		<link>http://k2designers.com/blog/building-your-website-part-3/</link>
		<comments>http://k2designers.com/blog/building-your-website-part-3/#comments</comments>
		<pubDate>Sun, 24 Apr 2011 05:43:21 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.k2designers.com/blog/?p=66</guid>
		<description><![CDATA[A basic HTML pageTo get started and have a play you can copy and paste this code in to your HTML editor: &#60;html&#62; &#60;body&#62; &#60;h1&#62;Here is my first title &#60;/h1&#62; &#60;p&#62;This is my first paragraph to help me test different types of styles using CSS with my HTML&#60;/p&#62; &#60;h2&#62;This is my second title&#60;/h2&#62; &#60;p&#62;Here is [...]]]></description>
			<content:encoded><![CDATA[<p>A basic HTML pageTo get started and have a play you can copy and paste this code in to your HTML editor:</p>
<p style="margin-left: 40px;">&lt;html&gt;<br />
&lt;body&gt;<br />
&lt;h1&gt;Here is my first title &lt;/h1&gt;<br />
&lt;p&gt;This is my first paragraph to help me test different types of styles using CSS with my HTML&lt;/p&gt;<br />
&lt;h2&gt;This is my second title&lt;/h2&gt;<br />
&lt;p&gt;Here is a second paragraph to see how I can have different styles for the same tag on the same page &lt;/p&gt;</p>
<p><span id="more-66"></span></p>
<p style="margin-left: 40px;">&lt;ol&gt;<br />
&lt;li&gt;List item 1&lt;/li&gt;<br />
&lt;li&gt;List item 2&lt;/li&gt;<br />
&lt;li&gt;List item 3&lt;/li&gt;<br />
&lt;li&gt;List item 4&lt;/li&gt;<br />
&lt;/ol&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<p>Save the file as index.html (this is the name web browsers and search engines want to see so they know which page is the home page)</p>
<h3>What do they mean?</h3>
<ul>
<li>&lt;html&gt; Tells the web browser to expect an HTML file</li>
<li>&lt;body&gt; Tells it that the main body of the page is coming.Important: Every HTML web page must have those two tags (opened and closed).</li>
<li>&lt;h1&gt; The biggest heading</li>
<li>&lt;h2&gt; The 2nd biggest heading</li>
<li>&lt;p&gt; A paragraph</li>
<li>&lt;ol&gt; An ordered list (e.g. 1,2,3 etc)</li>
<li>&lt;li&gt; A list item for the ordered list&lt;a href=”&#8230;”&gt; Creates a link.</li>
</ul>
<p>&nbsp;</p>
<p><strong>(End of Part 3)</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/building-your-website-part-3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Building Your Website &#8211; Part 2</title>
		<link>http://k2designers.com/blog/building-your-website-part-2/</link>
		<comments>http://k2designers.com/blog/building-your-website-part-2/#comments</comments>
		<pubDate>Sat, 23 Apr 2011 06:51:02 +0000</pubDate>
		<dc:creator>K2 Designers</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.k2designers.com/blog/?p=41</guid>
		<description><![CDATA[Getting started with the code When a visitor arrives on your site and the web page is displayed on their browser quite a lot has gone on behind the scenes to make this happen. A couple of terms you may come across are ‘client side coding’ and ‘server side coding’. Client side code (which covers [...]]]></description>
			<content:encoded><![CDATA[<h2>Getting started with the code</h2>
<p>When a visitor arrives on your site and the web page is displayed on their browser quite a lot has gone on behind the scenes to make this happen. A couple of terms you may come across are ‘client side coding’ and ‘server side coding’.</p>
<p>Client side code (which covers HTML, CSS and JavaScript) is script executed by the user’s web browser whereas server side coding (which covers PHP &amp; MySQL, Perl and ASP/ ASP.NET) is script first executed by the server before being shown to the visitor.<span id="more-41"></span></p>
<h3>Client-side</h3>
<p><a href="http://k2designers.com/blog/wp-content/uploads/2011/04/client-side-e1306827157635.png" class="broken_link"><img class="aligncenter size-medium wp-image-148" title="client-side" src="http://k2designers.com/blog/wp-content/uploads/2011/04/client-side-300x91.png" alt="" width="300" height="91" /></a></p>
<h3><span style="font-size: 13px; font-weight: normal;">A web page has three layers which you build up as the site progresses. First you start with your content (HTML) which is essentially the website’s blue print. You then move on to how it looks by adding components such as colour, images and spacing (CSS) and finally you add interactive and behavioural elements to the page (JavaScript).</span></h3>
<h3>The 3 layers of a web page:</h3>
<p>Keep them all separate</p>
<p>Initially web developers put all of these scripts on to one page however they soon realized how time consuming and labour intensive this approach was, especially when any changes were required. Today best practice using HTML, CSS and JavaScript dictates you use separate files for each.</p>
<ul>
<li>Easier to re-use code across multiple pages or even sites</li>
<li>Reduces the amount of duplicate code</li>
<li>Easier to find and fix problems</li>
<li>Makes a site more accessible (e.g. browsers with JavaScript disabled can still show the HTML/ CSS files)</li>
</ul>
<p>This guide will focus on introducing you to HTML and CSS.</p>
<h3>File structure</h3>
<p>A web site is basically a collection of inter connected files kept within directories. Keeping your files well structured and logically named helps you administer the site as it grows and from an Search Engine Optimisation perspective.</p>
<h3>File structure and SEO</h3>
<p>Search engine optimisation is the process of increasing a websites organic position in a search engine. Keyword analysis is a major part of a search engine’s ranking factors, be it in the domain name, the &lt;title&gt; tag, in the text etc. This also goes for your file names which make up the page’s URL.</p>
<p><strong>Bad</strong>: http://www.super-sport.com/range2/catgeorty4.html<br />
<strong>Good</strong>: http://www.super-sport.com/trainers/basketball</p>
<p>Below is an example of a typical file structure for a site. Index (the home page), ‘about’, ‘FAQs’ and ‘products’ are all in the parent directory. ‘Apples’, ‘Oranges’ and ‘Pears’ are in the ‘Products’ directory and ‘conference pears’ and ‘dessert pears’ are in the ‘Pears’ directory:</p>
<p>- Index<br />
- About<br />
- FAQs<br />
- Products<br />
+ Apples<br />
+ Oranges<br />
+ Pears<br />
++ Conference Pears<br />
++ Dessert Pears</p>
<p>If I wanted to link to the ‘About’ page I would do the following<br />
&lt;a href=”/about”&gt;Text goes here&lt;/a&gt;</p>
<p>If I wanted to link to the ‘Oranges’ page I would do the following<br />
&lt;a href=”&#8230;/products/oranges”&gt;Text goes here&lt;/a&gt;</p>
<p>If I wanted to link to the ‘Dessert Pears’ page I would do the following<br />
&lt;a href=”&#8230;/products/pears/dessert pears”&gt;Text goes here&lt;/a&gt;﻿</p>
<p><strong>(end of Part 2)</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://k2designers.com/blog/building-your-website-part-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

