<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta name="keywords" content="thinkquest,web,toolkit,design,development,internet,websites,site,html,xhtml,css" />
<meta name="description" content="A web building guide for ThinkQuesters" />
<meta name="revised" content="twt, 08/04/07" />

<title>TQ Toolkit - Tips - Dos and Donts</title>

<link rel="shortcut icon" href="images/favicon.ico" /> 
<link rel="stylesheet" href="slideshow.css" media="screen" />
<link rel="stylesheet" href="../../styles/copy.css" media="print" />

<script type="text/javascript" src="slideshow.js"></script>

</head>

<body><!-- tql_banner_head --><script type="text/javascript" src="/banner/banner.js"></script></script><script>tql_drawTop();</script>
<div id="badge" style="float:none;display:block;">

<div class="flickr_badge_image" id="flickr_badge_image1"><a><img src="tip1.jpg" alt="Tip 1" title="Have a unique page title for each web page and avoid using non-alphabetic or numeric characters in it" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image2"><a><img src="tip2.jpg" alt="Tip 2" title="Use layouts (div) for positioning of elements, not tables" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image3"><a><img src="tip3.jpg" alt="Tip 3" title="Use tags that serve their original purposes" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image4"><a><img src="tip4.jpg" alt="Tip 4" title="Always remember to close tags even for empty tags like br" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image5"><a><img src="tip5.jpg" alt="Tip 5" title="Use default fonts available in common Operating Systems (E.g. Verdana in Microsoft Windows and Geneva in Macintosh OSX)" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image6"><a><img src="tip6.jpg" alt="Tip 6" title="Optimise all images in terms of size for the page to load fast" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image7"><a><img src="tip7.jpg" alt="Tip 7" title="Offer a print version of the site" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image8"><a><img src="tip8.jpg" alt="Tip 8" title="Use appropriate amount of images, animations and other interactivities" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image9"><a><img src="tip9.jpg" alt="Tip 9" title="Use graphs and charts to summarize statistics" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image10"><a><img src="tip10.jpg" alt="Tip 10" title="Spare some time to debug your web site before submitting!" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image11"><a><img src="tip11.jpg" alt="Tip 11" title="Don't build your entire site in flash unless it is purely an advertisement (E.g movie websites)" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image12"><a><img src="tip12.jpg" alt="Tip 12" title="Don't use too many colors for your background. This will distract users from reading the information at your website" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image13"><a><img src="tip13.jpg" alt="Tip 13" title="Do not use background colors which are too similar to your text" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image14"><a><img src="tip14.jpg" alt="Tip 14" title="Do not cram too many graphics, animations, text or elements into one page" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image15"><a><img src="tip15.jpg" alt="Tip 15" title="Do not edit text in your editor by adding empty lines and spaces to the text" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image16"><a><img src="tip16.jpg" alt="Tip 16" title="Try not to use blinking, marquee or other auto-scrolling text" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image17"><a><img src="tip17.jpg" alt="Tip 17" title="Do not reveal your personal information like email" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image18"><a><img src="tip18.jpg" alt="Tip 18" title="Do not use fonts less than 8pts unless it is for footnotes" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image19"><a><img src="tip19.jpg" alt="Tip 19" title="Avoid emphasis by underlining of text. They may look as if they are links to other websites" height="300" width="300"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image20"><a><img src="tip20.jpg" alt="Tip 20" title="Do not overuse formatting tools" height="300" width="300"></a></div>

</div>

<div id="slideshow">
</div>
<!-- tql_banner_foot --><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-174705-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script></body>
</html>