Web Design Tips

1. Prepare your site navigation before designing.

2. Navigation should be clear and consistent. The important links of your website should be on every page, in the same location, and in the same sequence. Effective navigation is getting your visitors to stay on your site and also for visitors to find what they are looking for easily and quickly.

3.Use simple PHP to build sites. The page calling the includes should end .php and the includes are inserted using the following simple code:


4. Text rollover effects, it’s important that the pseudo classes are in the right order, or they won’t work correctly in all browsers. The correct order is:
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: purple; }
a:active { color: red; }

5. Set fonts using ems - An em is roughly the width of a lowercase em in a font, and using a browser’s default internal stylesheet, an em is roughly equivalent to 16 pixels. Set the font size attribute in the body tag to 62.5 per cent like this:
body { font-size: 62.5% }
This makes one em roughly ten pixels (16 x 62.5% = 10). Now you can equate pixel sizes to ems. For example, type that is set in 12 pixels could be expressed as 1.2em; 9 pixels becomes 0.9em and so on.

6.Always check for broken links within a site before uploading it to your web server.

7. Ensure that all your images make use of the alt and title tags so that screen readers for the visually impaired can correctly parse your page:

8.Usability test