<?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>(ts) Articles &#187; web pages</title>
	<atom:link href="http://www.templatesold.com/articles/tag/web-pages/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.templatesold.com/articles</link>
	<description>Web Design / CMS Tips, Guides and more.</description>
	<lastBuildDate>Thu, 29 Dec 2011 09:00:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Copywriting Problems That Can Ruin a Website</title>
		<link>http://www.templatesold.com/articles/web-design/copywriting-problems-that-can-ruin-a-website/</link>
		<comments>http://www.templatesold.com/articles/web-design/copywriting-problems-that-can-ruin-a-website/#comments</comments>
		<pubDate>Mon, 04 Jul 2011 17:04:23 +0000</pubDate>
		<dc:creator>Anum</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[web pages]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.templatesold.com/articles/?p=874</guid>
		<description><![CDATA[It does not matter how well designed your company&#8217;s website is, the text on your page can really ruin things [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>It does not matter how well designed your company&#8217;s website is, the text on your page can really ruin things and lose your sales. When it comes down to it, the writing on your page is what can convert hits into cash. If you are making a new website, your content must be as solid as your programming and design is.</p>
<p><a href="http://www.flickr.com/photos/gregoryhogan/3944667742/"><img class="aligncenter size-full wp-image-878" title="4" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/47.jpg" alt="" width="484" height="349" /></a></p>
<p>The errors that are discussed in this article can really destroy a great website. There are many ways that you can go wrong when writing copy for the web. If you can identify the places where you might go wrong, you are able to avoid these pit falls and write copy that really converts.</p>
<p>Some sites are created with great attention to detail, until it is time to write the content. Often this is left as an afterthought and people do not realize how bad this can be for a site.</p>
<p><strong>Inward writing</strong></p>
<p><a href="http://www.flickr.com/photos/nebe/1432899803/"><img class="aligncenter size-full wp-image-877" title="3" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/318.jpg" alt="" width="484" height="350" /></a></p>
<p>Spending all of your time sitting in front of a computer screen, working on your designs, can really affect the way that you communicate. After spending a long time working on a product, you might start to believe that it is the best thing in the world. You want to share your wonderful products with everyone, but you have to realise that they might not care as much as you do. People are probably too busy looking for ways to make their own lives better and easier. When visitors are looking at your website, they will be asking the question “what is in it for me?”</p>
<p>In order to write a good product page, you have to focus on the benefits that the product holds. Rather than focusing on every little feature, you have to deal with the experience that someone can have if they make a purchase. As an example, we will discuss a website for a packaging machine. The key feature is that it can do up to 100 cycles per minute. The benefit of this feature is a faster production time. What is the experience? If you can prepare and ship out your goods at a faster rate, you will be able to blow the competition away and make more money. Rather than simply focusing on what the machine does, you have to focus on how it can help people and what they will gain from using it. Many web pages for this type of product will focus mainly on the features, forgetting to remind the visitor why it can help them.</p>
<p><a href="http://baymard.com/blog/poor-copywriting?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+baymard+%28Baymard%29"><img class="aligncenter size-full wp-image-876" title="2" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/217.jpg" alt="" width="484" height="350" /></a></p>
<p>You should give yourself a limited number of words to use for writing copy. This will force you to only add things, which are important, and it will not bore the reader. People do not want to come to a page and be greeted by massive blocks of text, which they have to wade through.</p>
<p>If you focus on the experience instead of just features, you will have to really think about the target audience. Knowing who you are writing for will help you to write appropriate content that connects with the user.</p>
<p><a title="feature image" href="http://www.designsmag.com/2011/06/10-steps-to-become-a-good-blog-writer/" target="_blank">Feature image</a></p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.templatesold.com/articles/web-design/copywriting-problems-that-can-ruin-a-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mac Related Web Pages That Inspire</title>
		<link>http://www.templatesold.com/articles/web-design/mac-related-web-pages-that-inspire/</link>
		<comments>http://www.templatesold.com/articles/web-design/mac-related-web-pages-that-inspire/#comments</comments>
		<pubDate>Sat, 02 Jul 2011 23:11:07 +0000</pubDate>
		<dc:creator>Anum</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Mac websites]]></category>
		<category><![CDATA[web pages]]></category>

		<guid isPermaLink="false">http://www.templatesold.com/articles/?p=687</guid>
		<description><![CDATA[Almost all Mac related web pages follow some key standards, which include style, eye candy, minimalism and a great attention [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Almost all Mac related web pages follow some key standards, which include style, eye candy, minimalism and a great attention to detail. Mac related websites are part of a greater culture of Mac users. A large percentage of Mac websites follow these stylings. They are often minimal, clean and incorporate beautiful backgrounds, typography and images. The designers of these sites most likely get their inspiration from official Mac sites, and use them as inspiration for their own designs. Following are some great Mac related websites, which you can use as inspiration for your own work.</p>
<p><a title="Alfred " href="http://www.alfredapp.com/" target="_blank"><strong>Alfred </strong></a></p>
<p><a href="http://www.alfredapp.com/"><img class="aligncenter size-full wp-image-698" title="Alfred" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/Alfred.jpg" alt="" width="485" height="305" /></a></p>
<p>This is a productivity tool for us with Mac OS X. It helps you to save time when searching for things on your computer and on the internet.</p>
<p><a title="Dropin" href="http://dropinapp.com/" target="_blank"><strong>Dropin</strong></a></p>
<p><a href="http://dropinapp.com/"><img class="aligncenter size-full wp-image-697" title="Dropin" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/Dropin.jpg" alt="" width="485" height="319" /></a></p>
<p>You can now easily keep track of your Dropbox account using your Mac computer. The website is simplistic and attractive in its design, which shows you that you do not need to overdesign just to stay ahead of the competition.</p>
<p><a title=" ColorSnapper" href="http://colorsnapper.com/" target="_blank"><strong>ColorSnapper</strong></a></p>
<p><a href="http://colorsnapper.com/"><img class="aligncenter size-full wp-image-696" title="ColorSnapper" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/ColorSnapper.jpg" alt="" width="485" height="346" /></a></p>
<p>This tool is simple to use, and helps you to find out the color of any pixel that is on your screen. You can apply this function to a hotkey, which will work no matter what you are doing. If you are a designer, this application is very helpful. The website uses a simple color motif that really makes the site stand out.</p>
<p><a title=" Stocks" href="http://www.creativeinaustria.com/Stocks" target="_blank"><strong>Stocks</strong></a></p>
<p><a href="http://www.creativeinaustria.com/Stocks"><img class="aligncenter size-full wp-image-695" title="Stocks" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/Stocks.jpg" alt="" width="485" height="332" /></a></p>
<p>You can take a look at the stocks on your portfolio using this application. The website uses a nostalgic theme to create an attractive and functional page.</p>
<p><a title="Blip.me" href="http://www.blip.me/" target="_blank"><strong>Blip.me</strong></a></p>
<p><a href="http://www.blip.me/"><img class="aligncenter size-full wp-image-694" title="blip.me" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/blip.me_.jpg" alt="" width="485" height="310" /></a></p>
<p>This is a fun and free application that lets you turn your mobile device into a simple walkie-talkie. The website has a stylish heading with a simple blue background that really does look great.</p>
<p><a title="Toopia" href="http://www.toopia.com/" target="_blank"><strong>Toopia</strong></a></p>
<p><a href="http://www.toopia.com/"><img class="aligncenter size-full wp-image-693" title="Toopia" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/Toopia.jpg" alt="" width="485" height="320" /></a></p>
<p>This is an iPad application that lets you turn your device into a mobile weather station. Never be left wearing the wrong type of clothing for the weather again. The site is very simple and effective, using a lot of black and negative space to create an appealing look.</p>
<p><a title="PNG Compressor" href="http://www.shpakovski.com/png-compressor/" target="_blank"><strong>PNG Compressor</strong></a></p>
<p><a href="http://www.shpakovski.com/png-compressor/"><img class="aligncenter size-full wp-image-692" title="PNG Compressor" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/PNG-Compressor.jpg" alt="" width="485" height="311" /></a></p>
<p>This application allows lossless PNG compression. It is a great tool for web developers and designers alike. The site has an attractive logo and uses bold colors, such as red, grey and black to create a pleasing look.</p>
<p><a title="Procreate" href="http://www.savageinteractive.com.au/" target="_blank"><strong>Procreate</strong></a></p>
<p><a href="http://www.savageinteractive.com.au/"><img class="aligncenter size-full wp-image-691" title="Procreate" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/Procreate.jpg" alt="" width="485" height="315" /></a></p>
<p>This is a digital painting application for iPads. It boasts desktop performance for a mobile device, with professional features.</p>
<p><a title="Parkbud" href="http://www.parkbud.com/" target="_blank"><strong>Parkbud</strong></a></p>
<p><a href="http://www.parkbud.com/"><img class="aligncenter size-full wp-image-690" title="Parkbud" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/Parkbud.jpg" alt="" width="485" height="331" /></a></p>
<p>This is a luxury parking application that can be used on mobile devices. The website is clean looking and uses a simple color theme nicely.</p>
<p><a title="Carousel" href="http://carousel.mobelux.com/" target="_blank"><strong>Carousel</strong></a></p>
<p><a href="http://carousel.mobelux.com/"><img class="aligncenter size-full wp-image-689" title="Carousel" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/Carousel.jpg" alt="" width="485" height="322" /></a></p>
<p>This is an instagram application for Macs. The website is unique in its appearance, using a very simple layout that does not add clutter.</p>
<p><a title="Piictu" href="http://www.piictu.com/" target="_blank"><strong>Piictu</strong></a></p>
<p><a href="http://www.piictu.com/"><img class="aligncenter size-full wp-image-688" title="Piictu" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/Piictu.jpg" alt="" width="485" height="324" /></a></p>
<p>This is an application that lets you play and talk with pictures. The website is vibrant with attractive colors and a simple interface, which is very typical of Mac related websites.</p>
<p>Mac websites are known for their sense of style, and now you can visit some of these great examples to see how a simple and stylish website should be done.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.templatesold.com/articles/web-design/mac-related-web-pages-that-inspire/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What is all the Commotion Surrounding Semantic HTML5?</title>
		<link>http://www.templatesold.com/articles/web-design/what-is-all-the-commotion-surrounding-semantic-html5/</link>
		<comments>http://www.templatesold.com/articles/web-design/what-is-all-the-commotion-surrounding-semantic-html5/#comments</comments>
		<pubDate>Fri, 01 Jul 2011 16:35:33 +0000</pubDate>
		<dc:creator>Anum</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Semantic HTML5]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[web pages]]></category>

		<guid isPermaLink="false">http://www.templatesold.com/articles/?p=564</guid>
		<description><![CDATA[The commotion stems from the benefits that semantic HTML5 provides for a web site’s search engine optimization.  Together with the [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>The commotion stems from the benefits that semantic HTML5 provides for a web site’s search engine optimization.  Together with the fact that it is a new development, and it is not fully understood how it works.<br />
<strong>•    What is Semantic HTML5</strong></p>
<p>Semantic is a term that deals with the different meaning of words.  With respect to SEO, it deals primarily with words that are related to each other being grouped together.  HTML5 is a way of sectioning elements of a web page that are related semantically. HTML 5 gives designers a method to section content in a web page so it is known what is the main part of the page, what is unrelated, and what part is the sidebar.</p>
<p><a href="http://www.seoeazy.com/"><img class="aligncenter size-full wp-image-565" title="4" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/4.jpg" alt="" width="485" height="344" /></a><br />
<strong></strong></p>
<p><strong>•    The Benefits of Semantic HTML5 and Search Engine Optimization Results</strong></p>
<p>It tells the search engines and website visitors, what content your website contains.  This includes text, media, and images.  The HTML5 tags assist in supporting your website&#8217;s tone and structure.  This directly affects the look and function of your web pages.</p>
<p>This improves the chances that search engine spiders would crawl your website to categorize it as well as index it.  This way, you can be found by those, searching on the internet when they type in your keywords. It provides faster navigation and browsing of your website. Other benefits of HTML5 are that it eliminates cookie use because data is only used once it is requested.</p>
<p style="text-align: left;"><a href="http://seo-shumail.blogspot.com/"><img class="size-full wp-image-567 aligncenter" title="3" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/31.jpg" alt="" width="380" height="356" /></a><br />
<strong></strong></p>
<p style="text-align: left;"><strong>•    Benefits of Page Structure With HTML5</strong></p>
<p>All web pages are composed of a title, content and headings.  Content includes tables, images, text and graphics.  Each component has defined tags.  The tags are what allow data on your web page to be controlled and manipulated.  This also corrects artistic issues to provide an easier way for search engines to understand various elements of the pages on your website.<br />
Your headings are an important element with regards to the structure of your pages.  It separates your main topics and assembles your keywords.  It creates an outline that is easy to follow because it highlights key points on every page.<br />
Subheadings help to narrow down your page topics too.  They should be used consistently on each page, along with the headings. Make sure to put your website&#8217;s most important keyword into the h1 heading on every page.  In addition, scatter second choice keywords all over by placing them within smaller sub-headings.</p>
<p><a href="http://www.pawelmartuszewski.co.uk/web_design_articles/google/semantic-html5-seo-friendliness/"><img class="aligncenter size-full wp-image-568" title="1" src="http://www.templatesold.com/articles/wp-content/uploads/2011/07/1.jpg" alt="" width="485" height="343" /></a><br />
<strong>•    SEO for Tables,  Images and Graphics</strong><br />
<strong>Tables</strong><br />
•    Tables are used in web pages as a way to showcase different data types.  In order to be displayed properly with proper spacing between sections and easy to read data, it must have proper tbody, tfoot and thead tags. For SEO, it should have captions that include keywords for each of them.<br />
<strong>Images</strong><br />
•    Images are on web pages for viewing consideration and text placement.  It is inserted using an alt tag.  For appearance sake, designers often place normal text within the document and hide it behind an image using CSS.  It is important to make sure, if you try this, that the normal text perfectly matches the image text.  This process provides a better user experience for visitors who are visually impaired, and surf the internet with screen readers.<br />
<strong>Graphics</strong><br />
A canvas tag, which is similar to the alt tag, is used by Semantic HTML5 to encompass tables, images and graphics.  All text included in the canvas tag will be viewable to users who have browsers that do not support HTML5.<br />
Semantic HTML5 improves your SEO and provides a more satisfying experience for users.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.templatesold.com/articles/web-design/what-is-all-the-commotion-surrounding-semantic-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
