Home Help Style Web

Welcome to the CentOS Web Visual Style Guide

The CentOS Web Visual Style Guide is a tool.

This tool is part of CentOS "Corporate Visual Identity Manual" proposition, which is based on a monolithic corporate visual identity structure. In a monolithic corporate visual identity structure, organization has one name and one visual style in all its manifestations (Olins (1989).

CentOS web manifestation (anything involving HTML standards) should be considered here. (Ex. Portals, Wikis, Forums, Blogs, Bug Tracker).

People customizing CentOS Web Environment can use this guide as reference each time they need to solve a visual customization problem. If the solution to a particular problem don't exist in this guide, please add your problem here, and the possible solutions you've found. If you haven't found a solution, add your problem anyway, surely someone will find a solution for it.

With this guide we are trying to unify as much CSS definitions as possible, creating a common CSS definition for all web applications we use and specific CSS definitions in those cases where it is absolutely needed. Specific CSS definitions will extend CentOS common CSS definitions.

wvs-schema-3.png

Our Goals

Members

Working Lines

The following sections try to land our goals in more specific tasks:

1. HTML Structures

Defines HTML structures used to display content:

2. CSS Definition

This section defines CentOS Web visual style. CentOS web visual style takes place in a set of CSS definitions. They are organized in the following order:

Main definitions (stylesheet.css):
  `-- Import Base CSS definitions (common.css, print.css) 
  `-- Import Misscellaneous CSS definitions (tabs.css, containers.css, ...)

Web applications needing common CSS definitions will link common CSS definitions in the following order:

<link href="stylesheet.css" rel="stylesheet" type="text/css" />

Web applications needing both common and specific CSS definitions will link CSS definitions in the following order:

<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<link href="specific.css" rel="stylesheet" type="text/css" />

Specific web applications' CSS definition (specific.css) will extend CentOS common CSS definitions (stylesheet.css) and care will be taken to avoid overlapping CentOS common CSS definitions in specific CSS definitions.

3. Web Development

Specific CentOS Web functionalities that need to be built.

Coding Style

  1. HTML Coding Style: Useful when you are writing HTML files for CentOS.
  2. CSS Coding Style: Useful when you are writing CSS files for CentOS.
  3. PHP Coding Style: Useful when you are writing PHP applications for CentOS.

Documentation

  1. HTML 4.01 Specification
  2. Cascading Style Sheets Level 2 Revision 1 (CSS2.1) Specification
  3. XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)