Dos and Don'ts

Content Jump

• Slideshow
• True or False?
• Revise

Hide

Pick up tips on website developement by watching a slideshow. There are 10 dos and 10 don'ts we have picked out from the toolkit for your learning pleasure. Watch, learn and remember better with our slideshow, and do not forget to test what you have picked up from here in our True or False game.



TOP

Hide

After watching the slideshow, take time to test yourself. In this flash game, you will answer 20 short questions. See if you can get them all correct!

Play True or False

TOP

Hide

You might want this content in textual form, and here it is.

DOs

• Have a unique page title for each web page and avoid using non-alphabetic or numeric characters in it
• Use layouts (div) for positioning of elements, not tables
• Use tags that serve their original purposes
• Always remember to close tags even for empty tags like img
• Use default fonts available in common operating systems (E.g. Verdana in Microsoft Windows and Helvetica in Macintosh OS)
• Optimize image file size for web delivery so that the page loads fast
• Offer a print version of the site
• Use appropriate images, animations and other interactivity
• Use graphs and charts to summarize statistics
• Spare some time to debug your website before submitting

DON'Ts

• Do not build your entire site in Flash unless it is purely an advertisement (e.g. movie websites)
• Do not use too many colors for your background. This will distract users from reading the content
• Do not use background colors which are too similar to your text
• Do not clutter your page with too many textual, graphical or media elements
• Do not edit text in your editor by adding empty lines and spaces to the text
• Try not to use blinking, marquee or other auto-scrolling text
• Do not reveal your personal information like email
• Do not use fonts less than 8pts unless it is for footnotes
• Avoid emphasis by underlining text. They may look as if they are hyperlinks
• Do not overuse formatting tools