Site Building to Standards: Design and Decision-Making for Small Businesses

Resources and Tutorials for Future-proofing your Web Site

This site contains the links to software, resources, sample files and tutorials that you will need to Future-proof your Website, or that you will need to teach courses on Web Design, Web Development, or Web Project Management.

Bookmark our Blog and...

  • Follow along as we clean up the sample code of this site
  • Check our code as we update various sections
  • Develop a rationale for meeting new standards of Web development

Blog Address: Link to Tutorial Blog

In addition, various tutorials and resources are included that will extend the learning activities of the workshop.

Although the concepts behind the use of XHTML, CSS, XML and RSS are easy to understand, the learning curve for the syntax and programming flow is steep. It would be better if all browsers complied with these standards, but they don't.

So, only the hands-on experience of testing, troubleshooting, and validating you site's code can bring a working knowledge of multiple browser support (or lack thereof) for these technologies.

This site models several approaches to solving the need for a future-proofed site.

This site was created using XHTML and CSS with the following goals:

  • The colors and graphic elements of the site are kept to a minimum
  • The site structure is complicated and multi-layered
  • The site uses contextual menus, i.e., elements of the navigation system “light up” when the visitor is viewing a page related to a particular section of the site
  • Multiple navigation systems are demonstrated
  • The HTML is kept to a minimum, and focuses upon content
  • The presentation is controlled entirely by CSS
  • The code is clean
  • Technologies such as JavaScript are kept to a minimum, and eventually moved off the XHTML page and into their own files through the use of the Document Object Model (DOM)

Link to background tutorials on this site.