Web design: Difference between revisions

Revision as of 16:19, 25 April 2010

Revision as of 04:43, 26 April 2010

Line 141:

====Layout types====

Layout refers to the dimensioning of content in a device display, and the delivery of media in a content related stream. Web design layouts result in visual content frameworks: these frameworks can be fixed, they can use units of measure that are relative, or they can provide fluid layout with proportional dimensions. The [[deployment flowchart]] (a useful tool on any design project) should address content layout. Many units of measure exist, but here are some popular dimension formats:

Proportional, liquid and hybrid layout are also referred to as dynamic design. Hybrid layout incorporates any combination of fixed, proportional or fluid elements within (or pointing to) a single page. The hybrid web design framework is made possible by [[digital]] [[internet]] [[Convention (norm)|conventions]] generally prescribed by the [[W3C]]. If any layout does not appear as it should, it is very likely that it does not conform to standard design principles, or that those standards conflict with standard layout elements. Current knowledge of standards is essential to effective hybrid design.

* Pixel measure results in [[fixed]] or static content

* Em measure results in [[Proportionality (mathematics)|proportional]] content that is relative to font-size

* Percent measure results in [[fluid]] content that shrinks and grows to "fit" display windows

Proportional, liquid and hybrid layout are also referred to as dynamic design. Hybrid layout incorporates any combination of fixed, proportional or fluid elements within (or pointing to) a single page. The hybrid web design framework is made possible by [[digital]] [[internet]] [[Convention (norm)|conventions]] generally prescribed by the [[W3C]]. If any layout does not appear as it should, it is very likely that it does not conform to standard design principles, or that those standards conflict with standard layout elements. Current knowledge of standards is essential to effective hybrid design.

The earliest web pages used fixed layouts without exception. In many business pages fixed layouts are preferred today as they easily contain static tabled information. Fixed layout enforces device display convention, as viewers must set their display to at least a certain width to easily view content. This width can include display of corporate logos, cautions, advertisements and any other target content. Design frameworks for fixed layout may need to include coding for multiple display devices.