<?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>eWeb Marketing Management &#187; Web Design Tricks and Tactics</title>
	<atom:link href="http://ewebmarketingmanagement.com/blog/category/web-design-tricks-and-tactics/feed/" rel="self" type="application/rss+xml" />
	<link>http://ewebmarketingmanagement.com/blog</link>
	<description>Internet Marketing Campaign Management Services</description>
	<lastBuildDate>Sun, 28 Mar 2010 19:13:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Web Design Layout Tutorial &#124; Web Design Tricks and Tactics</title>
		<link>http://ewebmarketingmanagement.com/blog/22/web-design-layout-tutorial-web-design-tricks-and-tactics/</link>
		<comments>http://ewebmarketingmanagement.com/blog/22/web-design-layout-tutorial-web-design-tricks-and-tactics/#comments</comments>
		<pubDate>Sat, 30 May 2009 04:01:36 +0000</pubDate>
		<dc:creator>Bob</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Web Design Tricks and Tactics]]></category>
		<category><![CDATA[Web Design Layout Tutorial]]></category>

		<guid isPermaLink="false">http://ewebmarketingmanagement.com/blog/?p=22</guid>
		<description><![CDATA[Building websites isn't just about something that looks pretty on the internet. We have to keep the owner of the site and the user in mind at all times during the planning, building and launching phase of the project]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<div class="zemanta-img" style="margin: 1em; display: block;">
<div>
<dl class="wp-caption alignright" style="width: 250px;">
<dt class="wp-caption-dt"><a href="http://www.flickr.com/photos/8646244@N02/528909868"><img title="Real Estate Website Link Matrix" src="http://farm2.static.flickr.com/1168/528909868_9aedd1c82e_m.jpg" alt="Real Estate Website Link Matrix" width="240" height="211" /></a></dt>
<dd class="wp-caption-dd zemanta-img-attribution" style="font-size: 0.8em;">Image by <a href="http://www.flickr.com/photos/8646244@N02/528909868">@dakno</a> via Flickr</dd>
</dl>
</div>
</div>
<h2><a class="zem_slink" title="Web design" rel="wikipedia" href="http://en.wikipedia.org/wiki/Web_design">Web Design</a> Layout Tutorial Part One: Define the Purpose of Your Website</h2>
<p>Defining a Web Site :</p>
<p>The very first step in designing a Web site is to define it. To properly define a site there are three questions that must be answered.</p>
<ol>
<li>Who is the end user</li>
<li>Who is the owner or client of the website</li>
<li>What functionality will be necessary for that user or client</li>
</ol>
<p>Too many times I see half-cocked web designers rush right into building a website with a bunch of bells and whistles, that is obviously built by someone who thinks flash and bling is kind. Guess what? When people have a slow modem connection and there is a bunch of flash components to a website, it sucks.</p>
<p>I try to keep it clean here, but there is nothing more annoying than waiting for a webpage to load. It takes me back to hearing echos of the AOL dial up sounds of a fax machine and dial tone. Today, most people have a fairly high internet connection speed. But, the only time flash should be used on a site is, if it is a site that is intended for big corporations to see from the comfort of their office building, where their internet connection speed is at business grade.</p>
<p>Now that we&#8217;ve covered what you don&#8217;t do for the end user, let&#8217;s talk about the owner of the site. If you are creating a site for a family to post a bunch of photos on or perhaps, to write blog posts on; there would have to be some basic functionality of loading photos, blog posts and maybe some embedded videos. You would want it to be streamlined and easy to use.</p>
<p>Building websites isn&#8217;t just about something that looks pretty on the internet. We have to keep the owner of the site and the user in mind at all times during the planning, building and launching phase of the project. This tutorial feels like I am writing it for my students, but it is necessary to put this out there in as much detail as possible. That&#8217;s why, in part two throug (whatever number I stop at) I will consult with eWeb <a class="zem_slink" title="Marketing management" rel="wikipedia" href="http://en.wikipedia.org/wiki/Marketing_management">Marketing Management</a>&#8217;s Head of Web Development, Keith Dennis to fill you in on more YOU should know about web design layout.</p>
<p>And to find out how your business is going to lose money this year [WARNING] click the green box at the top right of this site. You will be redirected to our home site, where you will find a similar green box. On that one, simply click the get free report button and a PDF file will open in a new window.</p>
<p>I spent some time writing you a report I think you will find urgent and will help you out.</p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/7f67c8c7-a6da-448f-8fb1-49920f473f52/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=7f67c8c7-a6da-448f-8fb1-49920f473f52" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
<script type="text/javascript" class="owbutton" src="http://www.onlywire.com/button" title="Web Design Layout Tutorial | Web Design Tricks and Tactics" url="http://ewebmarketingmanagement.com/blog/?p=22"></script>
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;title=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics&amp;bodytext=Building%20websites%20isn%27t%20just%20about%20something%20that%20looks%20pretty%20on%20the%20internet.%20We%20have%20to%20keep%20the%20owner%20of%20the%20site%20and%20the%20user%20in%20mind%20at%20all%20times%20during%20the%20planning%2C%20building%20and%20launching%20phase%20of%20the%20project" title="Digg"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;title=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics&amp;notes=Building%20websites%20isn%27t%20just%20about%20something%20that%20looks%20pretty%20on%20the%20internet.%20We%20have%20to%20keep%20the%20owner%20of%20the%20site%20and%20the%20user%20in%20mind%20at%20all%20times%20during%20the%20planning%2C%20building%20and%20launching%20phase%20of%20the%20project" title="del.icio.us"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;t=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics" title="Facebook"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;h=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics" title="NewsVine"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;title=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics" title="Reddit"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;title=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics" title="StumbleUpon"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="" title="YahooMyWeb"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/" title="YahooMyWeb" alt="YahooMyWeb" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;title=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics&amp;annotation=Building%20websites%20isn%27t%20just%20about%20something%20that%20looks%20pretty%20on%20the%20internet.%20We%20have%20to%20keep%20the%20owner%20of%20the%20site%20and%20the%20user%20in%20mind%20at%20all%20times%20during%20the%20planning%2C%20building%20and%20launching%20phase%20of%20the%20project" title="Google Bookmarks"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;submitHeadline=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics&amp;submitSummary=Building%20websites%20isn%27t%20just%20about%20something%20that%20looks%20pretty%20on%20the%20internet.%20We%20have%20to%20keep%20the%20owner%20of%20the%20site%20and%20the%20user%20in%20mind%20at%20all%20times%20during%20the%20planning%2C%20building%20and%20launching%20phase%20of%20the%20project&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="" title="TwitThis"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;title=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics" title="Live"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;title=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics&amp;source=eWeb+Marketing+Management+Internet+Marketing+Campaign+Management+Services&amp;summary=Building%20websites%20isn%27t%20just%20about%20something%20that%20looks%20pretty%20on%20the%20internet.%20We%20have%20to%20keep%20the%20owner%20of%20the%20site%20and%20the%20user%20in%20mind%20at%20all%20times%20during%20the%20planning%2C%20building%20and%20launching%20phase%20of%20the%20project" title="LinkedIn"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="" title="Pownce"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/" title="Pownce" alt="Pownce" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fewebmarketingmanagement.com%2Fblog%2F22%2Fweb-design-layout-tutorial-web-design-tricks-and-tactics%2F&amp;t=Web%20Design%20Layout%20Tutorial%20%7C%20Web%20Design%20Tricks%20and%20Tactics" title="MySpace"><img src="http://ewebmarketingmanagement.com/blog/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a></li>
</ul>
</div>
<br/><a href="http://www.socialmarker.com/?link=http://ewebmarketingmanagement.com/blog/22/web-design-layout-tutorial-web-design-tricks-and-tactics/&title=Web+Design+Layout+Tutorial+%7C+Web+Design+Tricks+and+Tactics&text=+%09%09%09+%09%09%09%09+%09%09%09+%09%09+++++Image+by+%40dakno+via+Flickr++++Web+Design+Layout+Tutorial+Part+One%3A+Define+the+Purpose+of+Your+Website+Defining+a+Web+Site+%3A+The+very+first+step+in+designing+a+Web+site+is+to...&tags=there" target="_blank"><img src= "http://www.socialmarker.com/bookmark.gif" border="0" /></a><noscript><a href="http://www.socialmarker.com" >Social Bookmarking</a></noscript>]]></content:encoded>
			<wfw:commentRss>http://ewebmarketingmanagement.com/blog/22/web-design-layout-tutorial-web-design-tricks-and-tactics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
