Beta Test Site: This index page is an example of using style sheets (CSS) to separate the look and feel from the content. The layout of the page contains several components, including a:
- header (which contains the page title; image of airplane in background; and six navigation links (sub-items 1 to 6). Images could also be substituted in this area.
- top-navigation #1 (contains Units 1 thru 6)
- top-navigation #2 (contains Home, Sitemap, etc.)
- content container (contains all the main content --- text images, etc.)
- indented container with white background (for highlighting whole paragraph or concept)
- footer (contains the content provider/author; and validity test links for XHTML1 and CSS).
- if the page/content is long, then one could also place a bottom-navigation just above the footer.
This is a pullout quote, and these can be placed anywhere on a page.
Definitions are easy to do, so here is a sample for the word terminology.
Additional sample web pages that use CSS (style sheets).
Sample #1 How do I install the ClassPad Manager software? (sample page)
Sample #2: Hours Worked (spreadsheet lesson): old non-compliant page, and new compliant page
Sample #3: Community Schoolhouse Web Site (built from scratch using CSS and XHTML1 Compliancy)
Sample #4: Demo Web Page with fluid Header images and 2 horizontal nav bars (very flexible).
Sample #5: Art Appreciation Web Page with flexible navigation and content tools.
Exerpt from Oregon Design Collective
- Clean Design
- Websites must be beautiful to behold, easy to navigate, and simple to maintain.
Oregon Design Collective organizes information to be independent from the manner in which it is presented. This idea is simple - yet powerful - making site-wide revisions possible in hours rather than days, which translates into an inexpensive solution for you when maintaining or upgrading your website.
- Accessibility (508)
- Websites must be accessible to all people, independent of their physical or technological abilities.
In 1998, the United States Congress amended the Rehabilitation Act to require that civic bodies make their electronic information accessible to people with disabilities. Oregon Design Collective is passionate about enhancing an individual's ability to obtain and use information. We follow the guidelines laid out in Section 508 to eliminate barriers in information technology, and to make available new opportunities for people with disabilities. Our acceptance into the UK-based Guild of Accessible Web Designers is further proof of this commitment, something we are very proud of.
- Standards Compliance (W3C)
- Websites must be functional in all browsers - yesterday's, today's, and tomorrow's.
By designing websites that follow the World Wide Web Consortium's (W3C) guidelines, Oregon Design Collective is able to ensure that its beautiful work will be viewable by 100% of the user audience - independent of operating system, browser, or screen size. As an increasing segment of your client base browses the web from handheld devices, alternative operating systems, and more diverse browsers, this practice ensures that you always reach your target audience.
| top |