Please! Don’t Hurt The Web

Variety of sizes: 800×600 pixels 1024×768 pixels 1280×1024 pixels 1440×900 pixels 1680×1050 pixels

When online's news spread, HTML/XHTML is not a simply programming language for website presentation. It is content, this content bring data to users regardless of the disable or the enable and users transform it into information.

While client don't know web standards, web maker create web site without web standards respected.

• To benefit by table's attribute border=0, web developer layout web page using table is a easy to found mistake.

Figure: Layout using table

• Table turn into meanless tag. Layout this way is absolutely wrong according to HTML 4.01 specification. From HTML 4.01 specification:

"The HTML table model allows authors to arrange data... into rows and columns of cells."

• Reduce using efficiency. Tags are redundancy increase download time and current visual browsers will not display anything until the complete table has been downloaded, which can have very noticeable effects when an entire document is laid out within a table. Users are going to spend more time to see the news.

• Render in quirk mode and develop with buggy browser like IE(http://www.positioniseverything.net/explorer.html). This process create a web page invalid HTML/XHTML. Finally, web page with tags are meanless which is use for web page presentation. SEO(Search Engines Optimizing) Spider, browsers for the disable and web device are inaccessible.

Figure: BBC with quirk mode rendering

Please! Respect Open Standard

Web Standard development checklist
Check Points	Yes	No
Develop with firefox
Render in standard mode
Display as requirement on IE and Firefox
Pass Xhtml validation
Pass CSS validation
Html tags in semantic

Navigation Design with Browser

When design a navigation system for web application, we must concern the navigation system is supported by browser.

• Link: Link is the chunk of text which is connect 2 document together with serveral appearance characters:
  • Underline.
  • Mouse over the text with the finger and link destination at Status Bar.
    • Mouse over
      
      
    • Link destination
      
• Link color is not clicked yet blue(Invisited) and clicked link color is violet(Visited). This feature help web user recognize which is visited and which is not visited.
  
• Go to the different web page or web site we can use the Location Bar.
  
• Add current page address into BookMark (for FireFox) or Favorites (for IE) for later visit.
  
  
• "Back " and "Forward
  are the way moving round a web page on the window.

• When move around more pages on the window use the down arrow button beside Back or Forward button .

  That button when click a list pop-up the visited page of current window (Back > current page > Forward).

• Click the down arrow button of Location Bar and select the entered address.
• Review visited page of previous session, web user use the History of browser.
• With FireFox, review the page have viewed in current session web user can select it from Go menu.