<?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>Collins Internet Inc. &#187; WEB DESIGN</title>
	<atom:link href="http://www.collinsinternet.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.collinsinternet.com</link>
	<description>Affordable Internet Marketing Services.</description>
	<lastBuildDate>Thu, 20 May 2010 16:14:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>10 Reasons Why Your Church Website Needs Work</title>
		<link>http://www.collinsinternet.com/259/10-reasons-why-your-church-website-needs-work/</link>
		<comments>http://www.collinsinternet.com/259/10-reasons-why-your-church-website-needs-work/#comments</comments>
		<pubDate>Fri, 11 Jul 2008 14:00:38 +0000</pubDate>
		<dc:creator>Allan Collins</dc:creator>
				<category><![CDATA[WEB DESIGN]]></category>

		<guid isPermaLink="false">http://blog.collinsinternet.com/?p=34</guid>
		<description><![CDATA[<a href="http://blog.collinsinternet.com/34/10-reasons-why-your-church-website-needs-work/"><img src="http://farm1.static.flickr.com/100/290546350_de02738d2e_m.jpg" alt=" " /></a><br/>Upon surveying some friends and family members that traveled frequently, I asked them how they selected the church they would be worshiping at when they were in a different location.  The overwhelming answer was the church that has a website that best displays what kind of service they provided and that had pictures of real people.]]></description>
			<content:encoded><![CDATA[<div style="float:right;margin-left:20px;margin-bottom:20px"><img src="http://farm1.static.flickr.com/100/290546350_de02738d2e_m.jpg" alt=" " /><br />
<small>Photo By <a href="http://flickr.com/photos/rtv/290546350/">.robbie</a></small></div>
<p>Upon surveying some friends and family members that traveled frequently, I asked them how they selected the church they would be worshiping at when they were in a different location.  The overwhelming answer was the church that has a website that best displays what kind of service they provided and that had pictures of real people.<span id="more-259"></span></p>
<p>After doing some research on some of the local church websites in my area, I came to the shocking conclusion that they apparently don’t care about how their website looks or don’t have the right creative direction to send out the right message.</p>
<p><strong>1.	You have an over excessive use of animated clipart.</strong><br />
This may have been acceptable in the 90’s for personal home pages, but it should never be used on a church’s website.</p>
<p><strong>2.	You play background music that cannot be turned off.</strong><br />
If you want to really annoy your visitors, keep this feature because it works.</p>
<p><strong>3.	Your site is in frames.</strong><br />
So you figured that you would make it easy for the navigation to be updated.  Too bad you didn’t realize that search engines and some web browsers cannot properly view frames.</p>
<p><strong>4.	The last time you updated the site was two years ago.</strong><br />
It’s always good to know what events took place in the past, too bad we have no idea what’s going on in the present.</p>
<p><strong>5.	You utilize scrolling marquee text. </strong><br />
Sure it may look okay on CNN, but it looks horrible on a website.</p>
<p><strong>6.	You use numerous font types throughout the website. </strong><br />
A little Comic Sans here, a little Arial there and a few Wingdings here, it’s a masterpiece!  Perhaps only to a child.</p>
<p><strong>7.	You built the site using Microsoft Word.</strong><br />
It was easy, just outline everything how you wanted it and then save as webpage.  It doesn’t matter how different web browsers and different screen resolutions see the site, because it looks fabulous on your screen.</p>
<p><strong>8.	You used Java or Flash for your navigation.</strong> Look at the pretty cool effect.  It’s a shame that search engines have a hard time trying to crawl a site with that type of navigation.</p>
<p><strong>9.	You didn’t properly resize images before you added them on the site. </strong><br />
Why is that picture of the Pastor so blurry?</p>
<p><strong>10.	You have used the same website design for the past five years.</strong><br />
Why change it now?  That old outdated look really defines our church.</p>
<p>It doesn’t seem all that shocking when you think about how we are constantly evolving technologically.  Many people nowadays no longer use a phone book, when it is just as easier to find names and numbers online.  A good church website design can go along way.</p>
<p>Is there more that could be added to this list?  Please comment below to add on…</p>
]]></content:encoded>
			<wfw:commentRss>http://www.collinsinternet.com/259/10-reasons-why-your-church-website-needs-work/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>5 Features That a Church Website Shouldn&#8217;t Be Without</title>
		<link>http://www.collinsinternet.com/27/5-features-that-a-church-website-shouldnt-be-without/</link>
		<comments>http://www.collinsinternet.com/27/5-features-that-a-church-website-shouldnt-be-without/#comments</comments>
		<pubDate>Sun, 29 Jun 2008 10:30:57 +0000</pubDate>
		<dc:creator>Allan Collins</dc:creator>
				<category><![CDATA[WEB DESIGN]]></category>

		<guid isPermaLink="false">http://blog.collinsinternet.com/?p=27</guid>
		<description><![CDATA[<a href="http://blog.collinsinternet.com/27/5-features-that-a-church-website-shouldnt-be-without"><img src="http://farm1.static.flickr.com/11/12939721_b26b72bba3_m.jpg" alt=" "  /></a><br/>
A good church website needs to be informative, visually appealing and have a bit of interaction with the visitor.  After all shouldn’t your church’s website inspire people to visit your church physically?  It can be easy to forget that people not in your local community may be searching for a church to attend a worship service.  What features do you look for when you are looking at a church website?]]></description>
			<content:encoded><![CDATA[<div style="float: right; margin-left: 20px; margin-bottom: 20px; width: 240px;"><img src="http://farm1.static.flickr.com/11/12939721_b26b72bba3_m.jpg" alt="Church Pews" /><br />
<small>Photo By <a href="http://flickr.com/photos/photolucida/12939721/">clayjar</a></small></div>
<p>A good church website needs to be informative, visually appealing and have a bit of interaction with the visitor.  After all shouldn’t your church’s website inspire people to visit your church physically?  It can be easy to forget that people not in your local community may be searching for a church to attend a worship service.  What features do you look for when you are looking at a church website?<span id="more-27"></span></p>
<h2><strong>Driving Directions</strong></h2>
<p>How do you get there?  Sure an address is great, but a map or written directions would be better.  Make it as easy as possible for the website visitor to locate your church.</p>
<h2><strong>Service Times</strong></h2>
<p>When do you worship?  Often more times than not the service times are not listed on most church websites.  Be sure to place your worship times prominently on the homepage of the site.</p>
<h2><strong>Sunday School</strong></h2>
<p>Let’s say that your visitors have children.  What do you suppose they would like to know about your church?  Make it well known that you offer a Sunday school service to avoid any confusion with new guests to your church.</p>
<h2><strong>Events Calendar</strong></h2>
<p>What if a member of your congregation misses a Sunday, but would like to know about the youth soccer game in the park?  By having an up-to-date events calendar you can let your church members know what is going on.</p>
<h2><strong>Pictures</strong></h2>
<p>Sure stock photography is great in some cases, but what about those great pictures from your church’s mission trip?  Be sure to include real pictures of your church and congregation.  This will give your site a more realistic and personal touch.<br />
And there you have it five features that a church website shouldn’t be without.  Do you have any suggestions regarding church website features?  Post a comment below…</p>
]]></content:encoded>
			<wfw:commentRss>http://www.collinsinternet.com/27/5-features-that-a-church-website-shouldnt-be-without/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Tutorial: Header Text Replacement</title>
		<link>http://www.collinsinternet.com/249/tutorial-header-text-replacement/</link>
		<comments>http://www.collinsinternet.com/249/tutorial-header-text-replacement/#comments</comments>
		<pubDate>Wed, 11 Jun 2008 14:00:15 +0000</pubDate>
		<dc:creator>Allan Collins</dc:creator>
				<category><![CDATA[TUTORIALS]]></category>
		<category><![CDATA[WEB DESIGN]]></category>

		<guid isPermaLink="false">http://blog.collinsinternet.com/?p=8</guid>
		<description><![CDATA[<a href="http://blog.collinsinternet.com/8/tutorial-header-text-replacement"><img src="http://blog.collinsinternet.com/wp-content/uploads/2008/06/headertext.gif" alt="" title="headertext" width="240" height="150" /></a><br/>
Nobody likes limitations, especially on the web. Nine years ago when I was just starting out on the web design scene, the truth hit me and it hit me hard. After designing a few personal sites using a non web safe font, I realized that although it looked great on my screen, it looked absolutely horrible on everyone else’s. Surely, there had to be a way.]]></description>
			<content:encoded><![CDATA[<div style="margin-left:20px; margin-bottom:20px; float:right"><img title="headertext" src="/wp-content/uploads/2008/06/headertext.gif" alt="" width="240" height="150" /></div>
<p>Nobody likes limitations, especially on the web.  Nine years ago when I was just starting out on the <a href="http://www.collinsinternet.com/web-design-services/">web design</a> scene, the truth hit me and it hit me hard.  After designing a few personal sites using a non web safe font, I realized that although it looked great on my screen, it looked absolutely horrible on everyone else’s.  Surely, there had to be a way.<span id="more-249"></span></p>
<p>Fast forward to a few years later, I began to use images as heading text.  This was the ultimate solution to my font crisis.  Unfortunately, I didn’t realize the SEO benefit of text-only headings.  Therefore, my image solution would have to go and I would have to search for another way.</p>
<p>Typically, header text is defined by the H1 tag.  The H1 basically is a brief summary of what the content of the page is about.  Search engines use this information when ranking web sites.</p>
<p>Let’s take a look at a common H1 tag:</p>
<p><img title="h1" src="/wp-content/uploads/2008/06/h1.gif" alt="" width="311" height="20" /></p>
<p>After using some CSS to style the text, the output can look like this:</p>
<p><img title="custom" src="/wp-content/uploads/2008/06/custom.gif" alt="" width="485" height="25" /></p>
<p>But what if we wanted to use a different font to jazz up that heading?  We would modify our HTML like so:</p>
<p><img title="h12" src="/wp-content/uploads/2008/06/h12.gif" alt="" width="450" height="20" /></p>
<p>Next we create an image to replace our header text.  Make sure that the text in the image is the same as your H1 tag, since this helps with accessibility.</p>
<p>And finally, we apply our CSS:</p>
<p><img title="css" src="/wp-content/uploads/2008/06/css.gif" alt="" width="294" height="327" /></p>
<p>This code will position our header image above our header text.  When CSS is disabled the original header text will be displayed accordingly.</p>
<p>Here is our result:</p>
<p><img title="custom2" src="/wp-content/uploads/2008/06/custom2.gif" alt="" width="485" height="25" /></p>
<p>Okay, so this works out great.  But let’s say that you have dozens of pages on your web site.  That’s a lot of images and different CSS classes to create.  What if the header text needs to be changed?  That would take more time and effort.  Thankfully, there is <a href="http://www.mikeindustries.com/sifr">sIFR</a>.</p>
<p>sIFR, or Scalable Inman Flash Replacement,  is a way to replace text on a web page with richer typography.  sIFR uses Javascript, CSS and Flash to create a nicely accessible and search-engine friendly text replacement.  sIFR will find the element of the page you wish to convert to a nicer font face and change it automatically.  There is no need to create hundreds of image files or create many CSS classes.</p>
<p>You may notice that the headings on this blog have a non web-safe font.  This is thanks to sIFR.  Google has recently announced that sIFR is SEO friendly and ethical for their crawlers.  Since Googlebot cannot fully see and understand flash, they will only see the original HTML H1 tag.</p>
<p>So there you have it, two ways to replace header text on a web page.  Thanks to CSS and sIFR, header replacement is no longer limited.  Be sure to be ethical and not abuse this information which may lead to getting banned from the search engines.  Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.collinsinternet.com/249/tutorial-header-text-replacement/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Five Ways You Can Make Your Website Convert Better</title>
		<link>http://www.collinsinternet.com/246/five-ways-you-can-make-your-website-convert-better/</link>
		<comments>http://www.collinsinternet.com/246/five-ways-you-can-make-your-website-convert-better/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 14:00:51 +0000</pubDate>
		<dc:creator>Allan Collins</dc:creator>
				<category><![CDATA[INTERNET TIPS]]></category>
		<category><![CDATA[WEB DESIGN]]></category>

		<guid isPermaLink="false">http://blog.collinsinternet.com/?p=3</guid>
		<description><![CDATA[<a href="http://blog.collinsinternet.com/3/five-ways-you-can-make-your-website-convert-better"><img src="http://farm1.static.flickr.com/150/401201019_deffa6051b_m.jpg" alt="Confused" /></a><br/>
When it comes to measuring a website’s overall success online, many will feel that traffic makes the difference. The true reality of website success isn’t measuring the amount of traffic, but measuring the amount of conversions. What is the value of having a lot of visitors when they don’t become customers? Here are five surefire ways to help improve your conversions…]]></description>
			<content:encoded><![CDATA[<div style="margin-left:20px;margin-bottom:20px;float:right;"><img src="http://farm1.static.flickr.com/150/401201019_deffa6051b_m.jpg" alt="Confused" /><br />
<small>Photo By <a href="http://flickr.com/photos/gdidi/401201019/">GDidi</a></small></div>
<p>When it comes to measuring a website&#8217;s overall success online, many will feel that traffic makes the difference.  The true reality of website success isn&#8217;t measuring the amount of traffic, but measuring the amount of conversions.  What is the value of having a lot of visitors when they don’t become customers?  Here are five surefire ways to help improve your conversions&#8230;<span id="more-246"></span></p>
<h2><strong>1. Cure Website Tunnel Vision</strong></h2>
<p>Believe it or not internet users have tunnel vision when it comes to online surfing.  Imagine for a second that your entire screen is blurry and that you can only see an inch and a half radius around your mouse.  This is how your visitors are looking at your web site.  To correct this, make visual cues available.  Such as placing pricing close to an order or add to cart button.</p>
<h2><strong>2. Put Call to Action Above The Fold</strong></h2>
<p>Not all visitors are web-savvy users.  Place your call to action &#8220;above the fold&#8221;.  Imagine looking at a newspaper.  Newspapers put the most important information above the fold.  This tactic applies to the web as well.  Place phone numbers, contact information or order buttons above the fold so users won&#8217;t have to scroll down to find them.  This can also aid in search engine rankings as well.</p>
<h2><strong>3. Stop Web Page Inconsistencies</strong></h2>
<p>Does your website look good in different web browsers and systems?  If your web pages look bad to your visitors, chances are they will not convert.  For one, trust is a key element in website conversion and it&#8217;s most likely that inconsistent pages on your site won’t get your visitor&#8217;s trust to convert.  Read up on <a href="http://www.collinsinternet.com/2008/03/21/what-is-cross-browser-compatibility/">cross browser compatibility</a> and test your site out with <a href="http://www.browsershots.org/">Browsershots</a>.</p>
<h2><strong>4. Add Missing Prices</strong></h2>
<p>If you don’t list pricing information on your site, you are scaring your potential customers away.  Not knowing the cost will make them believe that it is more than what they were planning to spend and will make them move on.  The exception to this rule is if you provide a service that requires an estimate.</p>
<h2><strong>5. Add Photos</strong></h2>
<p>People hate surprises when it comes to online shopping.  If you do not have a picture of your product, you are losing trust of shoppers.  If you cannot supply a photo, a relevant image or visual cue is very helpful.  Informing the customer allows them to make the decision to buy.</p>
<p>And there you have it, five easy to remember tips to add to your <a href="http://blog.collinsinternet.com/">online marketing</a> to increase conversions.  Be sure to have product photos, make your site consistent, provide an easy to locate call to action and cure website tunnel vision.  By applying these tips to a site with lots of traffic will be a true blessing for your bank account.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.collinsinternet.com/246/five-ways-you-can-make-your-website-convert-better/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Basics of SEO Web Design</title>
		<link>http://www.collinsinternet.com/119/the-basics-of-seo-web-design/</link>
		<comments>http://www.collinsinternet.com/119/the-basics-of-seo-web-design/#comments</comments>
		<pubDate>Fri, 09 May 2008 20:36:06 +0000</pubDate>
		<dc:creator>Allan Collins</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[WEB DESIGN]]></category>

		<guid isPermaLink="false">http://www.collinsinternet.com/2008/05/09/the-basics-of-seo-web-design/</guid>
		<description><![CDATA[You might think to yourself that SEO and web design are two completely different services a website firm offers. But in reality, one service depends on the other to ensure a website&#8217;s success online; thus the phrase &#8220;SEO Web Design&#8221;. SEO or Search Engine Optimization is the process of making the content of web pages [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://flickr.com/photos/davidwarlick/367392357/"><img class="alignright" src="http://farm1.static.flickr.com/114/367392357_db4ab8dbc4_m.jpg" alt="Photo by David Warlick" width="240" height="180" /></a></p>
<p>You might think to yourself that SEO and web design are two completely different services a website firm offers.  But in reality, one service depends on the other to ensure a website&#8217;s success online; thus the phrase &#8220;SEO Web Design&#8221;.<span id="more-119"></span></p>
<p>SEO or Search Engine Optimization is the process of making the content of web pages relevant to searchers and search engines so that it can be easily found when searched for.   Web design is the creation of web pages that make up a website.  When the two combine it creates a strong marketing medium for your business.</p>
<p><strong>Initial Planning</strong></p>
<p>Being prepared is always a first step when you start a website.  First, you will need to plan out your pages.  Starting with the homepage, list what information you will provide as content.  Next, list the pages that will branch out from your homepage (Services, Products, About Us, Contact Us, etc.).  This will be your initial navigation structure.</p>
<p>Once you have your pages planned out, you can start to develop content for them.  When writing website copy, it is a good idea to write keyword rich text and have a minimum of 250 words per page.  But it is very important to keep your text relevant.  It doesn&#8217;t make sense to write about an unrelated subject on your services page.</p>
<p><strong>Into SEO Web Design</strong></p>
<p>It is important that you choose a web designer that fully understands how to create SEO-friendly websites.  These sites are built for users and the search engines in mind.  The pages should be laid out so that the content can be read and understood by every visitor, even those with disabilities.</p>
<p>Some navigations on websites prevent search engines and users with disabilities from browsing the site in its entirety.  Make sure that your navigations are free of Flash and Javascript.  Navigations that are plain text or CSS-driven will work perfectly in nearly every situation.</p>
<p>Links in paragraphs of text are very important for <a href="http://www.collinsinternet.com/">SEO web design</a>.  Make sure that your links stick out so that users can tell the difference between regular text and hyperlinks.  If they are not, your visitors can get pretty frustrated.</p>
<p><strong>Conclusion</strong></p>
<p>So you&#8217;ve got a visually appealing website, full of great content and pages that are easy to navigate to.  Your header and title tags are optimized for the best performance and your content is full of relevant keywords.  By utilizing the <em>SEO web design</em> combination, you have successfully launched a great web site that is already setup for good search engine rankings.  It&#8217;s a good idea to sit back and take a break as your site gets indexed.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.collinsinternet.com/119/the-basics-of-seo-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk (feed is rejected)
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching 7/14 queries in 0.014 seconds using disk

Served from: www.collinsinternet.com @ 2010-08-01 01:47:17 -->