margin:0; color:#800040; font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:#800040; text-decoration:none; } a:visited { color:#333333; text-decoration:none; } a:hover { color:#800040; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid #800080; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid #800080; text-align: center; color:#800080; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: normal bold 157% Georgia, Times, serif; } #header a { color:#800080; text-decoration:none; } #header a:hover { color:#800080; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: normal bold 136% Times, serif; color: #C94093; } #header img { margin-left: auto; margin-right: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: normal normal 109% Arial, sans-serif; } #main-wrapper { width: 410px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:normal bold 86% Verdana, sans-serif; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:#aa77aa; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #800080; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#800040; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#800040; font-weight:bold; } .post h3 strong, .post h3 a:hover { color:#800040; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:#aa77aa; text-transform:uppercase; letter-spacing:.1em; font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid #800080; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: #aa77aa; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: #ffffff; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-right:0; padding-bottom:.25em; padding-left:15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted #800080; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 0; padding: 4px; border: 1px solid #800080; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: #aa77aa; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } -->

รายการบล็อกของฉัน

วันศุกร์ที่ 28 พฤศจิกายน พ.ศ. 2551

"Guidelines To Design Website That Attract Visitors"(เรียงความภาษาอังกฤษ)

Website decides your market presence. If you get numerous visitors a day then your site is said to be a well placed website, but what if your site witnesses very few visitors a day? What could be the reason for this low amount of visitor, when you have made a good informative website? Here the question is about accessibility. In today's scenario, where there is an abundance of websites, visitors look for sites which are more

accessible and easy to use. But you must be thinking, why emphasize on accessibility when your website is already there? Hmm. if you are here to make big bucks and your competitors are at your every clumsy step, then you should not take even a small chance. For more details visit to www.oversightsystem.com .Now your visitor might get you but what if you will find millions of e- commerce pages on the web and where your page is just one of millions? If at that time your site will be accessible then only you will get maximum visitors.

Websites are a communication mode between you and your customer. Hence, all you need is to be clear in your approach so that the visitor will be able to understand your offerings. Following are few guidelines to make your website more accessible and user friendly.

Easy Alternatives to audio and visual content Your site's accessibility depends on the system where it is being viewed. It is possible that some systems cannot interpret your audio or visual, hence your website should provide similar alternatives to your image or audio. It should make the system interpret the auditory and visual content. You should put enough text explanation and links to help your visitors interpret your website

Adorn it but don't put over make up Getting a beautiful website is easy but what makes you unique is the professional approach you put in your website. Use expressive visual clues rather than just hues to convey your information. Colors are good to make two dimensional images but when the medium is a web then visual interaction is must.


Apply proper style sheet Following a proper style sheet in your HTML page can make your site more accessible. You should maintain the proper specifications to make a faultless HTML page. Every HTML tag should be placed properly. Internet Explorer won't display your page if you fail to notice even a single table tag.

Use proper language Identify proper HTML language tags, to specify the language used in your website. Be lucid while using abbreviations. Make sure you specify acronyms within your content when they occur first.

Make transforming tables Don't make every representation diagram purely for design. Put enough information inside the diagram which can easily lure the attention of the visitor. If you use tables, then place information inside the table. Don't insert tables which make no sense. If you wish to emphasize your text then present it in a tabular format. Provide a proper table to text convert in your website. These small details make your website more users friendly.

Ease of use If you write HTML then you should always take care of the version you are using. If you use a specific version then it might not work in all the systems. So to make your page more accessible make sure all the versions should work when viewing your page.

User friendly visuals Visuals can not always be pleasant to your visitors. If your website has animations, moving visuals then it might annoy your visitor. For more information logon to www.magic-mini-site.com .To avoid this, you need to give your visitors ways to stop these animations or insert options where your visitor can get animation free page.

Provide guidelines for interfaces You might insert many embedded interfaces like applets, plug ins in your website, which may not be familiar to your visitor. Hence, your web content should provide user guidelines for these embedded interfaces.


Have clear navigation system Be consistent in your navigation system. Use proper words to explain your links. Do not make ambiguous statements while comprehending something important. For example, if you are an online store, you should give links showing buy or add to cart in your product catalogue for visitors to navigate directly to order page.

Ensure faultless documentation This is applicable for all kinds of writing. Whether you want to be accessible or not, if your information is understandable then you will be easily accessible. Don't put jargons, spelling or grammatical errors in your content this distracts your visitor's attention. Make your site impeccable and comprehensible for your visitors. Accessibility comes easily if you take care of few things while making your site. Above written things are just introductions to make your site more interactive. But, it's always you who can understand the need of your visitors in a better way.

ไม่มีความคิดเห็น: