five_design_tips

Reviews
Shared by: Guillaume
Tags
Stats
views:
193
rating:
not rated
reviews:
0
posted:
11/7/2007
language:
English
pages:
0
Website Design Tips Organize your site from the beginning. If you organize the folders, for your site, before you begin creating your pages, then you will always be able to find your pages when you need them. Create folders for different types of files. If you are adding pictures to your site, you should have a folder named something like "graphics" or "pictures. This is where you will always place your pictures. If you have some pages about you and others about your kids, create different folders to keep each in. Name your pages and graphics in a way in which it will be easy to find them later. When you have groups of pages or graphics that are similar, give them similar names. For instance, if you have a group of pages with stories about your son, start the name of each file with "son". The file names could be: sonpark, sonschool. Keep your graphics sizes small. When the pixel size of your graphics are too big, it takes too long for your page to load. Your readers may not stick around long enough to see you graphics if they are made to wait. Put large graphics on a separate page. Create a page especially for your large graphic. Link to it from your page and label the link with something telling your readers that it will take a long time to download. They will wait to see it if they are warned ahead of time. Use of a thumbnail is an option in place of a text link to your graphic page. A thumbnail is a smaller version of your graphic. You can create one with most graphic programs by just making the graphic smaller or using the "thumbnail" option, if the program has one. Update your site regularly. When people come to your site, they are looking for information about you, or whatever your site is about. If they like your site, they will come back again. When they come back, they will be looking for more information. If you don't have something new for them to look at, they may not come back again. Give them what they want and add more information regularly. Keep text narrow. It is easier to read text that is kept in narrow columns. Did you ever wonder why newspapers keep their columns so narrow? It's to make it easier to read. It's even more important on the Internet because your readers are reading on their computer screen. If they can't read everything, without scrolling sideways, then they probably won't read it at all. Test your page with different browsers and browser settings. Your pages may look different to different computers depending on the browser they are using and the settings they have set. Finding out how your pages look to others will help you create better pages. “10 Simple Design Tips from Linda Roeder” About.com Change the font size in your browser. Not everyone uses the default settings in their browser. Go into your browser's settings and change the font size to see how other's may view your pages. Check other browsers. There are online tools to help you view your site with other browsers without having to download the actual browser. Sometimes your site will look great to you, but to someone with another browser, your site looks awful. Test your site and make some changes, if necessary. If using a non-default font, also use alternatives. If you are using a font, for your Web page, that is not a common font, you should specify a common font for your readers who don't have that font on their computer. You can do this by using this font code: ** Replace font1, font2 and font3 with the names of the fonts you want to use. Make your description descriptive. Search engines key on these words so they should have words that are in your page. If your site is about sewing your title could be something like, "Sewing With Thread To Make Blankets Shirts Clothes Dolls". Don't use punctuation except a dash, if necessary. Close all tags. When using HTML you must close all tags that you open. Your pages may not look right in some browsers if you don't. 1. Examples: <html> closes with </html> <p> closes with </p> <b> closes with</b> <ol> closes with </or> <body> closes with </body> <font> closes with</font> <li> closes with </li> <ul> closes with </ur> Keep them in order. When you open one tag and then open another inside it, close the last one first and the first one last. Let's say you open <html>, and then open <body>, and then open <font>. To close these tags, you must close <font> first with the </font> tag, then close the <body> tag with </body>, and finally close <html> with </html>. If you close <html> before you close <body> your page may not look right. Don't use too much white space. If you put too much white space on your page it will just look bad. Some is necessary because you don't want your page to look crowded, but too much will look, spacey. “10 Simple Design Tips from Linda Roeder” About.com </div><br /> <!-- google_ad_section_end --> <!--Start SearchLight--> <script type='text/javascript'> aster_cloud_id = '2422251'; aster_cloud_format = '728x90'; </script> <script type='text/javascript'> document.write(unescape("%3Cscript src='http://web.asterpix.com/media/js/searchlight.js' type='text/javascript'%3E%3C/script%3E")); </script> <!--End SearchLight--> </div> </div> </div> </div> <script type="text/javascript"> getEl('viewer-area').style.width = getEl('doc-info').clientWidth + 'px'; </script> <div class="rCol"> <!-- google_ad_section_start --> <!-- google_ad_section_end --> <div class="adword" id="ad-spot3"> </div> <div class="docs-box-header">Other docs by <a href="/profile/StarBoy">Guillaume </a></div><div class="docs-box"> <div class="doc"> <a href="/docs/242151/YouTube-039-s-Official-Authorities-The-Users-70079" class="thumb" title="242151"></a> <div class="titleStats"><a class="title" href="/docs/242151/YouTube-039-s-Official-Authorities-The-Users-70079">YouTube-039-s-Official-Authorities-The-Users-70079</a> <div class="stats"> Views: 1639  |  Downloads: 12</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/242149/YouTube-Fights-Against-Its-Father-Google-55082" class="thumb" title="242149"></a> <div class="titleStats"><a class="title" href="/docs/242149/YouTube-Fights-Against-Its-Father-Google-55082">YouTube-Fights-Against-Its-Father-Google-55082</a> <div class="stats"> Views: 1370  |  Downloads: 11</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241665/xna_launch_final_report" class="thumb" title="241665"></a> <div class="titleStats"><a class="title" href="/docs/241665/xna_launch_final_report">xna_launch_final_report</a> <div class="stats"> Views: 1338  |  Downloads: 5</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241657/XNA_Introduction" class="thumb" title="241657"></a> <div class="titleStats"><a class="title" href="/docs/241657/XNA_Introduction">XNA_Introduction</a> <div class="stats"> Views: 1080  |  Downloads: 11</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241524/xna" class="thumb" title="241524"></a> <div class="titleStats"><a class="title" href="/docs/241524/xna">xna</a> <div class="stats"> Views: 1013  |  Downloads: 4</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241509/XNA-Development-1" class="thumb" title="241509"></a> <div class="titleStats"><a class="title" href="/docs/241509/XNA-Development-1">XNA Development-1</a> <div class="stats"> Views: 1831  |  Downloads: 10</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241485/xmas_05" class="thumb" title="241485"></a> <div class="titleStats"><a class="title" href="/docs/241485/xmas_05">xmas_05</a> <div class="stats"> Views: 960  |  Downloads: 0</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241472/xerc_users_manual" class="thumb" title="241472"></a> <div class="titleStats"><a class="title" href="/docs/241472/xerc_users_manual">xerc_users_manual</a> <div class="stats"> Views: 1070  |  Downloads: 1</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241231/xbst" class="thumb" title="241231"></a> <div class="titleStats"><a class="title" href="/docs/241231/xbst">xbst</a> <div class="stats"> Views: 1011  |  Downloads: 0</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241223/Xbox-Way" class="thumb" title="241223"></a> <div class="titleStats"><a class="title" href="/docs/241223/Xbox-Way">Xbox Way</a> <div class="stats"> Views: 1079  |  Downloads: 0</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241217/XboxVGA-Video-Setup" class="thumb" title="241217"></a> <div class="titleStats"><a class="title" href="/docs/241217/XboxVGA-Video-Setup">XboxVGA Video Setup</a> <div class="stats"> Views: 542  |  Downloads: 0</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241210/Xbox-Thompson-DVD-drive-laser-adjustment-procedure" class="thumb" title="241210"></a> <div class="titleStats"><a class="title" href="/docs/241210/Xbox-Thompson-DVD-drive-laser-adjustment-procedure">Xbox-Thompson-DVD-drive-laser-adjustment-procedure</a> <div class="stats"> Views: 646  |  Downloads: 3</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241202/xbox-router" class="thumb" title="241202"></a> <div class="titleStats"><a class="title" href="/docs/241202/xbox-router">xbox-router</a> <div class="stats"> Views: 365  |  Downloads: 0</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241195/xboxnext_security" class="thumb" title="241195"></a> <div class="titleStats"><a class="title" href="/docs/241195/xboxnext_security">xboxnext_security</a> <div class="stats"> Views: 238  |  Downloads: 2</div></div> <div class="clr"></div> </div> <div class="doc"> <a href="/docs/241187/XBoxMACAddress" class="thumb" title="241187"></a> <div class="titleStats"><a class="title" href="/docs/241187/XBoxMACAddress">XBoxMACAddress</a> <div class="stats"> Views: 907  |  Downloads: 0</div></div> <div class="clr"></div> </div> </div> </div> </div> </div> <div class="cls"></div><br /> <!-- google_ad_section_start(weight=ignore) --> <div id="footer-wrap"> <div id="footer"> <div class="l-cap"></div> <div class="inner"> <dl> <dt>About:</dt> <dd><a href="/about/" rel="nofollow">What is Docstoc?</a> | <a href="javascript:void window.open('/popterm.aspx?page_id=15','TC','width=800,height=500,menubar=0,location=0,resizable=1,scrollbars=1,status=0')" rel="nofollow">Docstoc Terms of Service</a> | <a href="javascript:void window.open('/popterm.aspx?page_id=102','TC','width=800,height=500,menubar=0,location=0,resizable=1,scrollbars=1,status=0')" rel="nofollow">DocStore Terms of Service</a> | <a href="javascript:void window.open('/popterm.aspx?page_id=22','TC','width=800,height=500,menubar=0,location=0,resizable=1,scrollbars=1,status=0')" rel="nofollow">Privacy Policy</a> | <a href="/FAQ/" rel="nofollow">FAQs</a></dd> </dl> <dl> <dt>Links:</dt> <dd><a href="http://blog.docstoc.com/" onclick="outbound('blog.docstoc.com')">Docstoc Blog</a> | <a href="/pro/" rel="nofollow">Join Pro</a> | <a href="/requests/" rel="nofollow">Requests</a> | <a href="/docsters/">Docsters</a> | <a href="/upload/" rel="nofollow">Upload</a> | <a href="/User/cmsstatic.aspx?page_id=100" rel="nofollow">DMCA Guidelines</a> | <a href="/DMCA/" rel="nofollow">DMCA Notification</a> | <a href="http://platform.docstoc.com/" rel="nofollow">Docstoc API</a> | <a href="/feeds/rssfeed.aspx" rel="nofollow">RSS Feeds</a> <a href="/feeds/rssfeed.aspx" rel="nofollow"><img src="/i/ico/rss-sm.gif" alt="RSS Feeds" /></a></dd> </dl> <dl> <dt>Contact:</dt> <dd><a href="/contact/" rel="nofollow">Contact Us</a> | <a href="http://docstoc.suggestionbox.com/" rel="nofollow">Suggest Features</a> | <a href="/jobs/" rel="nofollow">Join Our Team</a></dd> </dl> <dl> <dt>Share:</dt> <dd><a href="/Embed-Documents/">Embed Documents</a> | <a href="/OneClick/">Docstoc OneClick</a> | <a href="/Sync/">Docstoc Sync</a> </dd> </dl> </div> <div class="r-cap"></div> <div class="copyright">© Docstoc 2009. All rights reserved.</div> </div> </div> <!-- google_ad_section_end --> <br /> </div> <script type="text/javascript"> google_spot_id='google-ad-pos6'; google_ad_client='pub-7343870454215956'; google_ad_output='js'; google_max_num_ads='3'; google_ad_type='text'; google_ad_channel='2191561729+8404995174+8526687614'; google_feedback='on'; googleAdStyle='v'; googleAdChannel='2191561729+8404995174+8526687614'; google_hints = 'five_design_tips'; </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> <script type="text/javascript"> google_spot_id='google-ad-pos1'; google_ad_client='pub-7343870454215956'; google_ad_output='js'; google_max_num_ads='3'; google_ad_type='text'; google_ad_channel='8404995174+5056562550+8556568448'; google_feedback='on'; googleAdStyle='728x90'; googleAdChannel='8404995174+5056562550+8556568448'; google_hints = 'five_design_tips'; </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> <script type="text/javascript"> google_spot_id = 'ad-spot3' google_ad_client = 'pub-7343870454215956'; google_ad_output = 'js'; google_max_num_ads = '5'; google_ad_type = 'text'; google_ad_channel ="7385883220+5544646509+0390437055" google_feedback = 'on'; googleAdStyle = 'v'; </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> <script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script> <script type="text/javascript"> var pageTracker =''; if (_gat && _gat!=null && _gat!=undefined){ pageTracker = _gat._getTracker("UA-1289929-1"); pageTracker._trackPageview(); } </script> <script type="text/javascript"> recordEndTime(); makeDD('ddTarget', 'ddDocuments', 'top'); makeDD('ddTargetMyDocs', 'ddMyDocs', 'top'); makeDD('ddTargetMyColl', 'ddMyColls', 'top');</script> <script type="text/javascript"> //<![CDATA[ var CurrentUsername = ''; var CurrentUserID = '-10'; DocumentID = 131906;DocumentUrl='http://www.docstoc.com/docs/131906/five_design_tips';DocumentOwnerID='9663';DocumentOwnerUsername='StarBoy';DocumentFilename='five_design_tips.pdf';DocumentType='pdf';DocumentTitle='five_design_tips';DocumentCategoryID=20;DocumentSubCategoryID=281;DocumentError=0;DocumentRotation=0;DocumentSubSubCategoryID=0;//]]> </script> <!-- Revenue Science API --> <script src="http://js.revsci.net/gateway/gw.js?csid=K08784"></script> <script> DM_addEncToLoc("pid","DOCS"); DM_addEncToLoc("category","20"); DM_addEncToLoc("sc_id","281"); DM_addEncToLoc("sc2_id","0"); DM_tag(); </script> <!-- Revenue Science API --> </form> </body> </html>