<?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>ineedtutorials.com &#187; Web design</title>
	<atom:link href="http://www.ineedtutorials.com/tag/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ineedtutorials.com</link>
	<description>Information made easy</description>
	<lastBuildDate>Thu, 14 May 2009 15:17:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>20 Excellent AJAX Effects You Should Know</title>
		<link>http://www.ineedtutorials.com/web-design/20-excellent-ajax-effects-you-should-know</link>
		<comments>http://www.ineedtutorials.com/web-design/20-excellent-ajax-effects-you-should-know#comments</comments>
		<pubDate>Thu, 05 Feb 2009 21:26:52 +0000</pubDate>
		<dc:creator>Gertjan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[ajax effects]]></category>
		<category><![CDATA[effects]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[top 20]]></category>

		<guid isPermaLink="false">http://www.ineedtutorials.com/?p=171</guid>
		<description><![CDATA[Take a look at the following 20 Excellent AJAX Effects You Should Know, you might learn something from it. There are a few special techniques or effects that can spice up just about any web page. These are the top 20 Ajax effects that every web developer should know. They&#8217;re essential parts of any web [...]]]></description>
			<content:encoded><![CDATA[<p>Take a look at the  following <a title="20 Excellent AJAX Effects You Should Know" href="http://nettuts.com/web-roundups/20-excellent-ajax-effects-you-should-know/" target="_blank">20 Excellent AJAX Effects You Should Know</a>, you might learn something from it.</p>
<blockquote>
<p>There are a few special techniques or effects that can spice up just  about any web page. These are the top 20 Ajax effects that every web  developer should know. They&#8217;re essential parts of any web developer&#8217;s  toolbox. If you haven&#8217;t seen them yet, you no doubt will in your future  web development endeavors.</p>
</blockquote>
<p><strong>The 20 effects are:</strong></p>
<ol>
<li>TextboxList meets Autocompletion</li>
<li>Ajax IM</li>
<li>LiveValidation</li>
<li>Inline Editing</li>
<li>Ajax Upload</li>
<li>Fancy Upload</li>
<li>ClickHeat Clicks Heatmap</li>
<li>Ajax Mail Form</li>
<li>Ajax Directory Manager</li>
<li>Ajax Email Client</li>
<li>Improve Form Usability with Auto Messages</li>
<li>qGallery</li>
<li>Ajax Star Rating</li>
<li>CakePHP Ajax Form</li>
<li>Amberjack Site Tours</li>
<li>Prototype UI</li>
<li>JCrop</li>
<li>jQuery Auto-tabbing Plugin</li>
<li>Sort Table Rows with Ajax</li>
<li>DrasticMap</li>
</ol>
<p>Link: <a title="20 Excellent AJAX Effects You Should Know" href="http://nettuts.com/web-roundups/20-excellent-ajax-effects-you-should-know/" target="_blank">20 Excellent AJAX Effects You Should Know</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.ineedtutorials.com/web-design/20-excellent-ajax-effects-you-should-know/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery: Accessible News Slider</title>
		<link>http://www.ineedtutorials.com/code/javascript/jquery-accessible-news-slider</link>
		<comments>http://www.ineedtutorials.com/code/javascript/jquery-accessible-news-slider#comments</comments>
		<pubDate>Tue, 03 Feb 2009 14:08:01 +0000</pubDate>
		<dc:creator>Gertjan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[news slider]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[slider]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.ineedtutorials.com/?p=146</guid>
		<description><![CDATA[Accessible News Slider is a JavaScript plugin built for the jQuery library. The plugin does not use color as a primary indicator of a change in state for the slider. Instead, the “back” and “next” navigation is either visible or hidden. There is also an indicator that communicates the total number of news items. The [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Accessible News Slider for jQuery" href="http://www.reindel.com/accessible_news_slider/" target="_blank">Accessible News Slider</a> is a JavaScript plugin built for the jQuery library. The plugin does  not use color as a primary indicator of a change in state for the  slider. Instead, the “back” and “next” navigation is either visible or  hidden. There is also an indicator that communicates the total number  of news items.</p>
<div id="attachment_149" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.ineedtutorials.com/wp-content/uploads/2009/02/accessible_news_slider.gif"><img src="http://www.ineedtutorials.com/wp-content/uploads/2009/02/accessible_news_slider.gif" alt="Accessible News Slider" title="accessible_news_slider" width="500" height="219" class="size-full wp-image-149" /></a><p class="wp-caption-text">Accessible News Slider</p></div>
<p>The JavaScript is only 2 KB packed. The CSS, XHTML and JavaScript were developed specifically to meet the WCAG 1.0, and this will always be the number one priority of the plugin. The ZIP download contains all of the necessary files, including a packed version of jQuery v.1.2.6. </p>
<p>If the user chooses to resize the text via the browser file menu,  the slider will flex vertically to accommodate the larger text, and  still function. Although the core functionality of the news slider is  partially accessible with a keyboard, the “View All” link was added as  a catch-all mechanism. Hitting the “Enter” key while focused on the  hidden “Skip to News” anchor will mimic the same behavior, since it is  assumed the user is tabbing through content.</p>
<p>Link: <a title="Accessible News Slider" href="http://www.reindel.com/accessible_news_slider/">Accessible News Slider</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ineedtutorials.com/code/javascript/jquery-accessible-news-slider/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What is the color of your website?</title>
		<link>http://www.ineedtutorials.com/web-design/what-is-the-color-of-your-website</link>
		<comments>http://www.ineedtutorials.com/web-design/what-is-the-color-of-your-website#comments</comments>
		<pubDate>Thu, 14 Aug 2008 21:15:17 +0000</pubDate>
		<dc:creator>Gertjan</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[colors]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Psychology behind the colors]]></category>
		<category><![CDATA[web designer]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.ineedtutorials.com/?p=91</guid>
		<description><![CDATA[By: Shawn Davari Psychology behind the colors that can make or break your website&#8217;s success. Did you know that the values associated with colors can have a significant impact on your website&#8217;s success? And did you know that you can change your visitor&#8217;s feeling, mood and reaction by using different colors on your website? Some [...]]]></description>
			<content:encoded><![CDATA[<div style='font-style: italic'>By: <a href='http://www.articlegeek.com/authors/2912.php'>Shawn Davari</a></div>
<p>
<strong>Psychology behind the colors that can make or break your website&#8217;s success.</strong></p>
<p>Did you know that the values associated with colors can have a significant impact on your website&#8217;s success? And did you know that you can change your visitor&#8217;s feeling, mood and reaction by using different colors on your website?<br /><span id="more-91"></span><br />
<br />
Some professional web designers do not realize the impact that a single color can have on their project when designing a website for their clients. In reality, the meaning of colors will send the first message of your website to your visitors. You don&#8217;t have to be a genius to find out why since it is obvious that the first thing they (visitors) see is the color of your site!</p>
<p>I have studied one hundred visitors to evaluate their patience for uploading a web page. First, I tried a plain black background page and the average waiting time was up to 2.47 seconds. Then I tried a plain white background page and the average wait time for uploading the web page increased to 4.89 Seconds.</p>
<p>The reason is just fear. People are afraid from black and darkness and they feel vulnerable when they see a plain black page. I won&#8217;t go in detail about this subject in this article but if you would like to know more you can always visit our site at websitedevelopmenttech.com  and get more information about color psychology.</p>
<p><strong>What color should you use when designing your website?</strong></p>
<p>Before answering this question you should do some research about your target audiences and find out about their character, behavior, mood, emotion &#8230; etc. I&#8217;m not asking you to go and find each individual and interview them to find out their feelings and emotions. All you need to do is find the answer of these two questions:</p>
<p><strong>1. What is the market segmentation that you are targeting?</strong><br />
a.	Age</p>
<p>b.	Gender</p>
<p>c.	Culture</p>
<p>d.	Geographic location</p>
<p>
<strong>2. Why are they coming to your website?</strong></p>
<p>Let&#8217;s take a closer look at these two questions.</p>
<p>A. Market Segmentation:</p>
<p>a.	Age: What is the most appropriate color for the age group that your website is targeting.</p>
<p>b.	Gender: Men and Women have different taste and they react differently to colors.  For example, the color pink is more appealing to women.<br />
c.	Culture: Colors mean different things to different cultures around the world. People associate colors to special events in their culture. For example, white is the symbol of purity and virtue in some cultures while in others white is associated with mourning and grief.</p>
<p>d.	Geographic Location: Sometimes geographic location can change people&#8217;s interpretation of certain colors. For example, people that are living in a desert area tend to be more passionate toward bright colors from yellow to orange vs. people that are living in the mountains.</p>
<p>B. Why are they coming to your website?</p>
<p>a.	That is a very important question which determines the mood and feeling of your visitors. For example, people go to a lawyer&#8217;s or a doctor&#8217;s website because they have a problem and they want to be FIXED. This means they are not really excited or happy about that issue. Although, this may not be the case all the time there are some exceptions such as  plastic surgeons, patent attorneys&#8230; etc.</p>
<p>As a designer, once you know your target markets then you can decide what color to choose to get the best possible outcome for your site. Sometimes you may end up changing some colors that you thought would be interesting to your visitors.</p>
<p>Remember, no matter how much you know and how hard you try, there is no guarantee that you can make it the first time. That is why it is important to monitor the results of your website and know how visitors are interacting with your site so you can change your mistakes and learn from it.</p>
<p>Best Regards, </p>
<p>Shawn Davari<br />
<strong>Author Bio</strong><br />
Shawn Davari offers expert advice on internet marketing, website design, and search engine optimization. You can subscribe to 6 weeks FREE optimization workshop by visiting his website at <a target='_blank' href="http://www.websitedevelopmenttech.com">California Web Designer</a> where you will find a great deal of free information on Internet Marketing, SEO, and website design.</p>
<p>
<em>Article Source: <a href='http://www.articlegeek.com'>http://www.ArticleGeek.com &#8211; Free Website Content</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ineedtutorials.com/web-design/what-is-the-color-of-your-website/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Reasons Why Headlines Are Crucial To Your Website&#8217;s Success</title>
		<link>http://www.ineedtutorials.com/web-design/5-reasons-why-headlines-are-crucial-to-your-websites-success</link>
		<comments>http://www.ineedtutorials.com/web-design/5-reasons-why-headlines-are-crucial-to-your-websites-success#comments</comments>
		<pubDate>Thu, 14 Aug 2008 21:12:56 +0000</pubDate>
		<dc:creator>Gertjan</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[Headlines Are Crucial]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web Design Rules]]></category>
		<category><![CDATA[Website's Success]]></category>

		<guid isPermaLink="false">http://www.ineedtutorials.com/?p=94</guid>
		<description><![CDATA[By: Robert Boduch With such visual and sequential prominence, it&#8217;s little wonder why headlines are the number one key to an effective web site. Without a powerful lead, your message stands little chance of being noticed in an increasingly competitive marketplace. If your headline doesn&#8217;t capture attention and pull prospects into your sales copy, than [...]]]></description>
			<content:encoded><![CDATA[<div style='font-style: italic'>By: Robert Boduch</div>
<p>
With such visual and sequential prominence, it&#8217;s little wonder why headlines are the number one key to an effective web site. </p>
<p>Without a powerful lead, your message stands little chance of being noticed in an increasingly competitive marketplace. If your headline doesn&#8217;t capture attention and pull prospects into your sales copy, than your marketing effort is a total waste of energy and resources. </p>
<p><span id="more-94"></span><br />
Nothing is more important to getting your message noticed than the first few words on a page. If you&#8217;re not allocating a sizable percentage of your time and creative effort to the headline used on each page of your website, you could be losing out on a large chunk of business. </p>
<p>Top copywriters understand this concept well. They know how essential it is to capture attention by literally stopping pre-occupied prospects in their tracks. It&#8217;s the reason why headlines command so much of their collective creative effort. </p>
<p>Here are five good reasons why your site headlines deserve greater emphasis and attention: </p>
<p><strong>Why Headlines Are Crucial #1: Headlines Are Natural Attention Getters.</strong><br />
The majority of online prospects are quick scanners. No one reads the body copy of a page without first reading and being pulled in by the headline. Headlines are the first thing your visitors see. They jump out visually and command attention. Headlines are leads set distinctly above the rest of the text. Often the typeface, size, and style used for headlines contrasts with that uses in the body copy. It&#8217;s a proven approach that naturally attracts eyeballs, virtually forcing interested prospects to grasp the message of the headline and to read on. </p>
<p>According to advertising legend David Ogilvy, 5 times more people read headlines than body copy. Although Ogilvy was talking about print advertising in general, the observation is certainly applicable to websites as well. With 5 times the readership, headlines have the power and capability to make any message many times more successful. </p>
<p><strong>Why Headlines Are Crucial #2: Site Headlines Serve As Valuable Guides To The Busy Surfer.</strong><br />
Headlines reveal key details. They tip off readers as to what follows. They provide clear signals to help readers decide whether they should stick around for the full message, or dash off to something else &#8211; something better suited to their own special needs and interests. As a quick summary of the entire piece, the headline either attracts continued interest and readership, or they repel it. Without a headline, the reader is forced to wade through a portion of the text to understand the meaning. Forcing readers to do this is to risk losing them altogether. It&#8217;s sales suicide. In effect, having no headline will cost you at least 80% of your potential audience. </p>
<p><strong>Why Headlines Are Crucial #3: Headlines Prepare The Reader For What Is To Come.</strong><br />
Headlines stimulate interest. They captivate, arouse curiosity and stimulate the desire for more. It&#8217;s the headline that starts the reader&#8217;s motor running. A good headline sets up a feeling of expectation as the reader anticipates discovering more &#8212; and can&#8217;t wait to get it! </p>
<p>Successful headlines address specific audiences. They open prospects minds to new possibilities and expand their level of enthusiasm and interest. The best headlines involve prospects&#8230; virtually guaranteeing their sustained attention for the time being. </p>
<p>
<strong>Why Headlines Are Crucial #4: Headlines Simplify The Learning Curve.</strong><br />
Every headline serves to introduce whatever follows. As an opening or lead-in, the role of the headline is to succinctly communicate the essence of the message it precedes in an interesting and compelling way. Effective headlines and sub-headings reveal key bits of information &#8212; often with the added power of emotion. A review of the various headings alone can often provide one with the gist of a given message. This makes it faster and easier to understand, remember, and review. Use your headings to generate emotional involvement and you increase the chances prospects will go back and read more of your copy. </p>
<p>When you make it easier to read and comprehend your messages, you increase the chances of making the sale. </p>
<p><strong>Why Headlines Are Crucial #5: Headlines Allow You To Deliver Your Biggest Bang Right Up Front.</strong><br />
Capture attention and interest at the outset, by using your most appealing selling point. If your strongest, most desirable product attribute (benefit) fails to pull prospects in, surely nothing else you could ever say would do the trick, either. They&#8217;re your initial point of contact with visitors &#8212; that&#8217;s why headlines play such an important role. </p>
<p>The stronger and more compelling your headline, the more readers are likely to read on and spend more time at your website. Create every headline to grab attention and inspire interest. The more alluring and irresistible you can make it, the more genuine prospects you&#8217;ll attract and ultimately, the more sales you&#8217;ll record. </p>
<p>Headlines are powerful marketing tools when used effectively. Take a good look at your site headline. Could you add more intrigue, curiosity, or interest? Test different headlines by trying various appeals and offer combinations. Keep an eye out for additional headline opportunities throughout your sales letters, as well as on other pages on your site. Make your headlines impossible to miss and difficult to ignore&#8230; then, watch your results soar! </p>
<p>When you see the difference a strong opening statement makes, you&#8217;ll see why headlines are the most important part of your sales copy. </p>
<p>More resources at www.makeyoursalessoar.com</p>
<p />
<strong>Author Bio</strong><br />
Robert Boduch is an author of dozens of best-selling books, reports and articles on the art and science of selling. A free newsletter targeted at anyone interested in selling more of anything is available at <a href="http://www.makeyoursalessoar.com">www.makeyoursalessoar.com</a></p>
<p>
<em>Article Source: <a href='http://www.articlegeek.com'>http://www.ArticleGeek.com &#8211; Free Website Content</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ineedtutorials.com/web-design/5-reasons-why-headlines-are-crucial-to-your-websites-success/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Four Critical Web Design Rules</title>
		<link>http://www.ineedtutorials.com/web-design/four-critical-web-design-rules</link>
		<comments>http://www.ineedtutorials.com/web-design/four-critical-web-design-rules#comments</comments>
		<pubDate>Thu, 14 Aug 2008 20:56:01 +0000</pubDate>
		<dc:creator>Gertjan</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[building a website]]></category>
		<category><![CDATA[Critical Web Design Rules]]></category>
		<category><![CDATA[Web Design Rules]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.ineedtutorials.com/?p=89</guid>
		<description><![CDATA[By: Nicholas LaPolla &#8220;Content is King! If you want a website to generate back-links and have quality content the search engines love, be sure to make it readable by both people and search engines. Search engines are working to give people quality results. Thus, they are looking for sites with quality content. So &#8211; by [...]]]></description>
			<content:encoded><![CDATA[<div style='font-style: italic'>By: <a href='http://www.articlegeek.com/authors/4292.php'>Nicholas LaPolla</a></div>
<p>
&#8220;Content is King!  If you want a website to generate back-links and have quality content the search engines love, be sure to make it readable by both people and search engines.  Search engines are working to give people quality results.  Thus, they are looking for sites with quality content.  So &#8211; by building site content for people, not only are you getting back to basics (information dissemination to people via the Internet), you are creating a site search engines will love.  So, build sites for people &#8211; and the search engines will come.<br /><span id="more-89"></span><br />
When creating a new website or redesigning an existing site, there are four critical rules which should be followed to make the site effective, functional, loved by search engines &#8211; and successful. </p>
<p><b>1. Easy to Read</b></p>
<p>When building a website, the first thing you need to be sure of is that your website is easy to read. When you write content, remember that most web site visitors don&#8217;t read every word of a page &#8211; in fact, they only scan pages to find what they want.  </p>
<p><b>Break up Your Content</b></p>
<p>Break up your pages and use headers between major ideas so people scanning your site can find what they want quickly. Use meaningful headers between each paragraph or major idea &#8211; this helps with SEO.  Headers should be created with the H1 through H4 tags for SEO.  Always use good writing structure.  Additionally, avoid long paragraphs that run on. You should break up any long paragraphs. </p>
<p><b>Color and Fonts</b></p>
<p>To help readability, use high contrast colors between font and background. Black text against a white background may seem stark, but it is very readable. To make a website easy on the eyes, try an off-white background and a dark gray (almost black) text color. </p>
<p><b>Things to avoid with content color: </b> </p>
<ul>
<li>Avoid vibrant background colors like purple or yellow. Such back colors make text difficult to read. </li>
<p></p>
<li>Avoid using an image behind your text. </li>
<p></p>
<li>Avoid using bright text colors on bright backgrounds. </li>
<p>
</ul>
<p>
<b>Fonts Matter</b></p>
<p>One simple statement covers the font issue: </p>
<p>Simple fonts are the best; the more fancy the font, the harder it is to read. </p>
<p>Since many browsers only have the standard font set, use standard fonts.  In reality, there is no &#8220;standard&#8221;, but there are certain fonts that are installed on most browsers. These include Arial, Verdana, Tahoma and Times New Roman.  Your readers will see something different than you see if you use other fonts. </p>
<p><b>Standard Compliant Browser for Development</b></p>
<p>When developing and testing your site, use a Standards compliant browser like FireFox. If you develop your site to be standards compliant, it will work in most browsers, including MS Internet Explorer (IE).   It is recommended that you test your site using the latest and last browser versions of IE (IE6 and IE7).  To run multiple versions of IE on the same machine, TredoSoft.com has a free installer that will install multiple versions of IE.  It works great! </p>
<p><b>Keywords in Content</b></p>
<p>Of course, when writing content, not only should it be formatted to be readable, but it must also be consumable by not only people, but by search engines.  One way to make the subject of the content known to search engines is to use the keywords that people use to search for your site in your content.  Be sure to use keywords in your header tags, your first paragraph and throughout your text.  The keyword density should be between 4% and 7% &#8211; but any more than that could 1) be hard to read and still make sense and 2) be considered spam by search engines and banned.  Keywords should also be used in your TITLE tags and your Meta description. </p>
<p><b>2. Simplify Navigation</b></p>
<p>The menus and links make up the navigation that the visitor uses to get from page to page in a site. Always plan a site around how people will get from page to page.  A visitor to your site should be able to get to what they want within three clicks of their mouse. </p>
<p>Multiple navigation points makes it easy to find things. Repeat the top menu and at the bottom. Also create a left or right menu. </p>
<p>Using links within your text to other areas on your site.  You can create links so that they are good for search engine optimization (SEO). There are generally two ways to create links within your text: </p>
<ol>
<li>The wrong way: &#8220;For search engine optimization techniques, click here.&#8221; </li>
<p></p>
<li>The right way: &#8220;Good techniques for search engine optimization are important to use.&#8221; </li>
<p>
</ol>
<p>
Using link text (anchor text) that describes what the link is about is the best way. Search engine web crawlers (programs that automatically index the contents of websites) visit your site, they &#8220;read&#8221; links. Spiders can index descriptive links into a subject or keyword category. Spiders have nothing to work with when reading a &#8220;click here&#8221; until it reaches the linked page. </p>
<p>This is Cross Linking &#8211; use it as much as possible when it makes sense to do so when writing your content. </p>
<p><b>3. Consistent Design</b></p>
<p>At most, one or two layouts should be used in your site design. As a reader browses your site, they should be able to get used to looking in the same place for your navigation, for your sub-navigation and for your content. That&#8217;s all there is to say about that. </p>
<p><b>4. Lower Page Weight is Better</b></p>
<p>Page weight is the total size of a page on your site in bytes &#8211; code, text and images. Your site&#8217;s page weight makes a big difference to your viewers. Lighter page weight is better for your readers because the page will download faster. The faster a page downloads, the faster they will get to the content. </p>
<p><b>What is Means to be Light</b></p>
<ul>
<li>No large images. </li>
<p></p>
<li>Fewer images are better. </li>
<p></p>
<li>Optimize images for the web at no more than 72 dpi </li>
<p></p>
<li>Use as small an image dimension as possible for the given design. </li>
<p></p>
<li>Use a table td bgcolor attribute or a background-color style attribute for solid color backgrounds. </li>
<p></p>
<li>Make gradients horizontal or vertical (not diagonal) so that you can use a small image &#8220;strip&#8221; and repeat it. </li>
<p>
</ul>
<p>
<b>How &#8220;Heavy&#8221; Should a Web Page be? </b> </p>
<p>Certain studies show that 64K is a good maximum webpage size. 64K is a maximum, however it is still, in my opinion, really big!  The smaller the page, the better. 25K is good, 15K is even better. There is a balance between design and function. It is a good idea to focus more on function. </p>
<p>Try putting pages on your web host server as you build your site so you can test it as you go.  For pages online, you can test the page weight  at www.quasarcr.com/pageweight/  to be sure you are on track. </p>
<p><b>Ways to make pages lighter: </b></p>
<ul>
<li>Use linked style sheets </li>
<p></p>
<li>Use DIVs instead of TABLEs where possible </li>
<p></p>
<li>Use simple repeating backgrounds for effect </li>
<p>
</ul>
<p>
<b>Summary</b></p>
<p>Visitors to your website should be able to find what they are looking for within about three clicks.  Search engines should be able to navigate easily through your site.  Making a site easy to read with consistent page design, and easy to navigate will make it easy to find information. When people can find information, they are more likely to refer your site or link to it &#8211; which is exactly what you want to encourage.  You will be on the way to building a readable and hopefully successful website that is loved by search engines if you follow these principals.</p>
<p><div class="sb">
Send this page to:<br /><a href="http://www.articlegeek.com/scripts/bookmark.php?title=Four Critical Web Design Rules"><img src="http://www.articlegeek.com/pictures/bookmarks/sb.gif"></a>
</div>
<p>
<strong>Author Bio</strong><br />
Nicholas LaPolla has been a web applications developer for 11 years.  He created AcmeWebResources.com to help others build or improve, market, and monitize their websites with a focus on <a href="http://www.AcmeWebResources.com">web design, website seo / internet marketing, and working to make money online</a>.</p>
<p>
<em>Article Source: <a href='http://www.articlegeek.com'>http://www.ArticleGeek.com &#8211; Free Website Content</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ineedtutorials.com/web-design/four-critical-web-design-rules/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
