Team Sites • by Chuck Upsdell
This page discusses issues related to the site design which may affect how the site works:
Note : for those interested in having an Eagles team site, see my portfolio.
Note : details discussed here may be slightly different for team sites prior to 2009.
This section gives an overview of the page layout.
Because the layout depends somewhat on how well a browser honours the browser standards, better browsers render pages more faithfully. The following information is therefore prescriptive, not descriptive.
The page width depends on the width of the browser window: the preferred width is 50 em units; but if this would be wider than the browser window, the width is reduced to fit within the window. The user should never have to scroll horizontally unless they browse with a device having a tiny screen, such as a web-enabled cellphone.
Because an em unit is the height of a character in the user’s preferred font size, the preferred page width is wider if the user’s preferred font size is larger, and narrower if their font size is smaller. The result is that about the same number of characters appear on each line, no matter what the font size is, whenever the browser window is wide enough for the preferred page width.
The colour theme is ruby, ebony, and gray.
The font size is larger if the user prefers larger fonts, and smaller if the user prefers smaller fonts. The size of most body text is the user’s preferred size; in special cases, such as menus and footnotes, the size is one step smaller, for example, this text. Headers are sized proportionately.
The font used depends on which fonts are installed. The site names a list of fonts, and the browser uses the first font in the list which is installed. The list of fonts is:
The size of the page depends on how the user has configured the File Print function. Browsers typically let the user specify portrait or landscape mode, the paper size, and margin sizes.
The font size for most body text is 11 points, with any smaller text being 9 points. Headers are sized proportionately.
Things devoid of content are not printed: e.g., the masthead, menus, and decorative graphics. Moreover, content is printed in black and white (or shades of gray) whenever possible. This reduces print costs.
Documents — e.g. PDF and Word documents — are printed normally.
This section discusses browser compatibility issues.
Different browsers will inevitably display pages somewhat differently, with newer browsers displaying pages better than older, more primitive browsers. For example, today’s versions of advanced browsers — like Firefox, Konqueror, Opera, and Safari — will display dropdown menus which are partly transparent: poorer browsers will not.
This site does not support extinct browsers: they lack critical features and have such serious security defects that people should not be using them; for more about this, read Why Update? This site does work with older browsers which are still commonly used, but such browsers often have security defects and other bugs: users should use the newest stable version of their browsers, even when this site works perfectly well with an older version.
Following is an overview of known issues with various versions of the browsers:
|1-10||The site works very well with these browsers.|
|1-4||The site works very well with these versions of Firefox, and therefore works well with related browsers such as Camino and SeaMonkey.|
|4||Not tested: this ancient browser has many problems, including serious security defects: people should upgrade immediately.|
|5||No longer tested with Internet Explorer 5. Caution: Microsoft ended support of Internet Explorer 5 in mid-2010, so again people should upgrade.|
|7-9||Tested with Internet Explorer 7-9. This site works well with these browsers.|
|Note: many browsers use the Internet Explorer browser engine, e.g. most AOL browsers, Netscape 8 in IE mode, Avant, and Maxthon. This site works the same with these browsers as with the version of the IE browser engine they use.|
|4||The site works very well with this browser.|
|7-11||The site works very well with these browsers.|
|2||Not tested with Safari 2 or older versions.|
|3-5||The site works very well with these browsers.|