mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
141 lines
7.2 KiB
HTML
141 lines
7.2 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
|
|
<head>
|
|
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
|
|
<meta name="author" content="haran" />
|
|
<meta name="generator" content="haran" />
|
|
|
|
<!-- Navigational metadata for large websites (an accessibility feature): -->
|
|
<link rel="top" href="./index.html" title="Homepage" />
|
|
<link rel="up" href="./index.html" title="Up" />
|
|
<link rel="first" href="./index.html" title="First page" />
|
|
<link rel="previous" href="./index.html" title="Previous page" />
|
|
<link rel="next" href="./index2.html" title="Next page" />
|
|
<link rel="last" href="./index2.html" title="Last page" />
|
|
<link rel="toc" href="./index.html" title="Table of contents" />
|
|
<link rel="index" href="./index.html" title="Site map" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="./prosimii-screen-alt.css" media="screen" title="Prosimii (alternative)" />
|
|
<link rel="stylesheet alternative" type="text/css" href="./prosimii-print.css" media="screen" title="Print Preview" />
|
|
<link rel="stylesheet" type="text/css" href="./prosimii-print.css" media="print" />
|
|
|
|
<title>Prosimii Page Two</title>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- For non-visual user agents: -->
|
|
<div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
|
|
|
|
<!-- ##### Header ##### -->
|
|
|
|
<div id="header">
|
|
<div class="superHeader">
|
|
<span>Related Sites:</span>
|
|
<a href="http://www.oswd.org" title="The host of this design">OSWD</a> |
|
|
<a href="http://www.oswd.org/userinfo.phtml?user=haran" title="Other designs by haran">haran’s Designs</a>
|
|
</div>
|
|
|
|
<div class="midHeader">
|
|
<h1 class="headerTitle" lang="la">Prosimii</h1>
|
|
<div class="headerSubTitle">No more monkey business…</div>
|
|
|
|
<br class="doNotDisplay doNotPrint" />
|
|
|
|
<div class="headerLinks">
|
|
<span class="doNotDisplay">Tools:</span>
|
|
<a href="./index.html">view the previous layout «</a>
|
|
<span class="doNotDisplay">|</span>
|
|
<a style="cursor: help;" title="Thanks to CSS, this page is already printer friendly!" href="#stylesheets">printer-friendly version «</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="subHeader">
|
|
<span class="doNotDisplay">Navigation:</span>
|
|
<a href="./index.html">Home</a> |
|
|
<a href="./index2.html">Products</a> |
|
|
<a href="./index2.html">Services</a> |
|
|
<a href="./index2.html">Contact Us</a> |
|
|
<a href="./index2.html">About Us</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ##### Side Menu ##### -->
|
|
|
|
<p class="doNotDisplay doNotPrint">This page’s menu:</p>
|
|
<ul id="side-bar">
|
|
<li><a href="#alt-layout" title="Alternative layout">Alt. layout</a></li>
|
|
<li><a href="#compatibility" title="Improved cross-browser compatibility">Compatibility</a></li>
|
|
<li><a href="#stylesheets" title="Comprehensive stylesheets">Stylesheets</a></li>
|
|
<li><a href="#accessibility" title="Accessibility features">Accessibility</a></li>
|
|
</ul>
|
|
|
|
<!-- ##### Main Copy ##### -->
|
|
|
|
<div id="main-copy">
|
|
<h1 id="alt-layout">Alternative Layout</h1>
|
|
<p>This is an alternative layout of <span lang="la">Prosimii</span>. Notice the presence of a
|
|
side menu on the left of page. If you are viewing this page in a <span class="titleTip"
|
|
title="eg: a Gecko family member or Opera">fully standards-compliant browser</span>, the side
|
|
menu will scroll with the page. If you are viewing in Internet Explorer, however, the menu
|
|
will appear stationary.</p>
|
|
|
|
<p>The following text is essentially the same as the previous page except elaborated.</p>
|
|
|
|
<h1 id="compatibility">Improved Cross-browser Compatibility</h1>
|
|
<p>Before <span lang="la">Prosimii</span>, I did not test my designs in Opera prior to submitting
|
|
them to OSWD. As a result, these templates don’t render properly in that browser. In
|
|
contrast, <span lang="la">Prosimii</span> has been fully tested in
|
|
<a href="http://www.opera.com">Opera</a> (7.01), Gecko
|
|
(<a href="http://www.mozilla.org">Mozilla</a> <a href="http://www.getfirefox.com">Firefox</a> 0.10.1)
|
|
and Internet Explorer (6.0) for consistent rendering.</p>
|
|
|
|
<p>This means that people using <span class="titleTip" title="eg: Mozilla 1+, Opera 7+, Netscape 6+, Internet Explorer 6+">standards-compliant browsers</span>
|
|
will see the same format and layout of your page.</p>
|
|
|
|
<h1 id="stylesheets">Comprehensive Stylesheets</h1>
|
|
<dl>
|
|
<dt>More robust screen stylesheet</dt>
|
|
<dd>The improved cross-browser consistency is a result of
|
|
<span lang="la">Prosimii’s</span> more comprehensive screen stylesheet. Major style
|
|
parameters are explicitly defined in the stylesheet, resulting in less dependence on
|
|
browser-determined defaults and thus fewer rendering idiosyncrasies.</dd>
|
|
<dt>Addition of a print media stylesheet</dt>
|
|
<dd><span lang="la">Prosimii</span> has a print media stylesheet that styles the page in a
|
|
format appropriate for black and white printing. To see the effect of this stylesheet,
|
|
select <span class="smallCaps">print preview</span> from the
|
|
<span class="smallCaps">file</span> menu, or direct this page to a printer (NB: print only
|
|
this frame if you are viewing this template in a multi-frame document). Alternatively,
|
|
if you're using <a href="http://www.getfirefox.com">Firefox</a>, use the stylesheet switcher
|
|
in the bottom right-hand corner of the browser window.</dd>
|
|
</dl>
|
|
|
|
<h1 id="accessibility">Accessibility Features</h1>
|
|
<p><span lang="la">Prosimii</span> incorporates accessibility features for people with impaired
|
|
vision. The template tentatively conforms to the <a href="http://www.w3.org/TR/WCAG10">
|
|
<acronym title="Web Content Accessibility Guidelines">WCAG</acronym> double A rating</a> and
|
|
<a href="http://www.access-board.gov/508.htm">§ 508</a> guidelines for web content
|
|
accessibility. The relative simplicity of the template’s underlying markup ensures that
|
|
your page can be easily transformed for rendering in aural, tactile (braille) and other
|
|
non-visual user agents.</p>
|
|
|
|
<p>Additionally, the majority of document metrics (widths, lengths and spacings) are font-size
|
|
relative. This means that a user can increase the default font size of your page (using their
|
|
browser) without compromising it’s layout.</p>
|
|
</div>
|
|
|
|
<!-- ##### Footer ##### -->
|
|
|
|
<div id="footer">
|
|
<span class="doNotPrint">
|
|
For comments or questions about this website, please
|
|
<a href="mailto:email.address@is.invalid" title="NB: Invalid email address">email the Webmaster</a><br />
|
|
</span>
|
|
|
|
<strong>URI »</strong> http://domain.is.invalid/prosimii/index2.html
|
|
• <strong>Updated »</strong> 2004-Oct-24 10:32 +1000
|
|
</div>
|
|
</body>
|
|
</html>
|