Difference between revisions of "Presentation and Styles"
Jump to navigation
Jump to search
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | ||
| − | + | *Use external styles sheets for presentation and minimize use inline or internal styles. Many browsers provide mechanisms to allow users to switch between style sheets letting the user set their own style. | |
| − | + | *Write the page in the correct reading order and then use <nowiki><div></nowiki> tags and CSS positioning to construct the physical layout of the web page. | |
| − | + | *Avoid fixed font sizes like 12 points or 12 pixels as they cannot be magnified. Use relative sizes like <nowiki><font=3></nowiki>, <nowiki><font=120%></nowiki> or <nowiki><font=1.5 ems></nowiki>. Some browsers, however, do not support EMS values less then 1. | |
| − | + | *Avoid using multiple font types or colors on one page as they can created a busy and cluttered appearance | |
| − | + | *Use relative sizes for container elements like tables, margins, <nowiki><div></nowiki>s etc. | |
| − | + | *Provide a good contrast between background and foreground colors | |
| − | + | *Do not use color only to convey meaning | |
| − | + | *Avoid blinking and moving text. Do not use <blink> or <marque> tags. | |
Latest revision as of 14:42, 20 July 2006
- Use external styles sheets for presentation and minimize use inline or internal styles. Many browsers provide mechanisms to allow users to switch between style sheets letting the user set their own style.
- Write the page in the correct reading order and then use <div> tags and CSS positioning to construct the physical layout of the web page.
- Avoid fixed font sizes like 12 points or 12 pixels as they cannot be magnified. Use relative sizes like <font=3>, <font=120%> or <font=1.5 ems>. Some browsers, however, do not support EMS values less then 1.
- Avoid using multiple font types or colors on one page as they can created a busy and cluttered appearance
- Use relative sizes for container elements like tables, margins, <div>s etc.
- Provide a good contrast between background and foreground colors
- Do not use color only to convey meaning
- Avoid blinking and moving text. Do not use <blink> or <marque> tags.