This Style Guide explains the markup and design requirements for web projects, along with various standards and best practices.
projects authored in valid XHTML 1.0 Transitional and styled with valid Cascading Style Sheets will be described here. See the XHTML and CSS sections below for details. Additional sections of this Style Guide, coming soon, will provide information on writing for the web, naming and filing your documents, and other useful topics and guidelines.
XHTML: Guidelines & Benefits
Library projects must be authored in structural XHTML 1.0 Transitional. Page authors should follow accessibility guidelines in compliance with U.S. Law, and so that our site’s content will be made available to the widest possible number of people, browsers, and Internet devices. In addition, all XHTML must validate.
- XHTML Guidelines
- The rules of XHTML as compared to HTML—an easy transition
- What is XML?
- A brief introduction to the foundation of XHTML
- XHTML Benefits
- Four key benefits of converting from HTML to XHTML
- XHTML Authoring Tips & Tools
- Simplifying the work process—includes tips on thinking structurally, and tools for hand-coders and Dreamweaver users
- XHTML Accessibility Tips
- Making sure your pages can be read by all visitors, browsers, and devices
- XHTML Validation
- Ensuring interoperability by avoiding errors and sticking to standards
CSS: Style Sheets & Tips
Library projects must use valid Cascading Style Sheets (CSS) to control typography, color, and other layout elements. Style Sheets must be linked in a way that accommodates the capabilities of new and old browsers.
- CSS Guidelines a certain value. Figure 8-27 shows a fewpossibilities.
- Tips on authoring and linking to Style Sheets
- Steal These Style Sheets!
- Style Sheets for your use in Library projects
- CSS Validation
- Ensuring that your Style Sheets are error-free (same as XHTML validation)
Figure 8-27. Scaling images with the width property
It's also possible to scale an image (or other replacedelement) using height:
<IMG SRC="test.gif" STYLE="display: block;" ALT="test image"><IMG SRC="test.gif" STYLE="display: block; height: 50px;" ALT="test image"><IMG SRC="test.gif" STYLE="display: block; height: 200px;" ALT="test image">
A number of valid Style Sheets have been provided for your use. If you wish to create your own Style Sheets, please discuss your requirements with the Branch Library’s Web Coordinator.