Standards Page

One of the first design decisions for building a web site is setting the standards for the web site. By following standards the web site not only looks professional but the visitor soon gets a feeling of comfort and confidence with the web site. It also speeds the development of the site because these decisions do not have to made again. Below are the design standards for EZ-NetU. We have created a web page with these standards within the account so that we can always find the standard. Normally, you would not provide a link to your standards. However, since this is an educational site designed to teach good development practices, we provide this link as an example.

Back ground color - #FFFFCC
Text Background color - White (#FFFFFF)
Dark background color for header and side bar - #CCCC99
Red Accent and Titles Color - #660000
Color of Title and accents - #FFD900
Accent color for dividing spaces - Black (#000000)
Accent color - Blue (#4caacc)
Titles - Arial, 5, bold, #990000
Sectional headings - Arial, 4, bold, black (#000000)
Text, Times new roman, 3, normal, black (#000000)
Thumbnail photos and graphics will typically be 100 pixels wide. Photos for the catalog will be 100 by 125 prior to add
Graphics, photos and video will typically be 600 x 450 pixels. Other common sizes are: 480x360, 360x270 and 240x180.

General Standards
Standards for web page widths have changed over the years.  They started out at about 620 pixels wide to accommodate a monitor resolution of 640 wide by 480 tall.  Today, all monitors sold use 1024 wide by 768 tall or better.

The EZ-Net University site is still built to the 670 pixels width so that it can be printed without the need for scaling.  This is something you may want to consider in your website design if you have information that may be printed.

We now design and build websites in 900 to 950 pixels in width.  This is the safe area size.  Anything more and you risk having visitors have to scroll horizontally.  Nothing drives a visitor to your website away faster than having to scroll horizontally (sideways) to find what your site offers.  Scrolling vertically (up and down) is normal.

With the larger monitor resolutions of today, you may be tempted to build wider websites.  But many others may not have such large monitors.  That is why the largest commercial and informational websites build to a standard width.   To better illustrate this, we have a large width graphic to show what is safe.