29-11-2011 : Remettre dans le débat politique les principes du Conseil National de la Résistance
17-02-2012 : Pétition pour une protection de l’apiculture et des consommateurs face au lobby des OGM
Logo de mon site
Logo de mon site
Faire un don

Luxpopuli / eZ Publish / Dossiers techniques / eZ Publish : introduction aux concepts de eZ Publish / Separation of content and design - Séparation du contenu et du design





Right menu

Logo du site ez.no  Logo XHTML 1.O du W3C  Logo XHTML 1.O du W3C  Site francophone officiel de Firefox
zero papier grâce aux catalogues et promos en ligne de bonial

Separation of content and design - Séparation du contenu et du design

Date de publication: le mardi 17 mars 2009 à 20h29
Dernière modification: par Pascal BOYER le lundi 4 octobre 2010 à 18h42
» Article suivant: Siteaccesses -- Les siteaccess

22/05/2007 10:00

One of the keys to building a site that can be easily managed and maintained is ensuring that the system clearly separates data from presentation. The separation of content and design provides the following benefits: 
L'une des clefs de la création d'un site dont la gestion et la maintenance doivent rester aisées consiste à s'assurer que le système sépare clairement les données de la présentation. La séparation du contenu et du design engendre les bénéfices suivants:

  • Content editors and designers can work separately without conflicts. 
    Les éditeurs de contenus et les designers peuvent travailler séparément sans conflit.
  • Content can be published easily in multiple formats. 
    Le contenu peut être publié facilement sous plusieurs formats.
  • Content can easily be transferred and re-purposed. 
    Le contenu peut être facilement transféré et remanier sous un autre format.
  • Global redesigns and changes can be applied with simple modifications. 
    Les changements globaux de design et les modifications peuvent être effectués simplement.

Content / Contenu

Content is information that is organized and stored in a structured manner by eZ Publish. For example, content may be the components of a news article (title, introduction, body, images) or the properties of a product (model, year, color). All information that is stored for the purpose of later retrieval is referred to as "content". 
Le contenu est de l'information organisée et stockée de façon structurée par eZ Publish. Un contenu est, par exemple, l'ensemble des éléments d'une nouvelle (titre, introduction, corps, images) ou bien les propriétés d'un produit (le modèle, l'année, la couleur). Toute information stockée dans le but d'être retrouver ultérieurement est considérée comme du contenu.

Design

The presentation of content is determined by the design of a site. While content refers to structured data, design refers to the way the data is visually presented. Design includes the things that make up a web interface: HTML, stylesheets (CSS), images that are not part of the content, typography, fonts, and so on. 
La présentation du contenu est déterminée par le design d'un site. Alors que le contenu fait référence à des données structurées, le design fait référence à la manière dont les données sont visuellement présentées et comprend tous les composants constituant l'interface du site: le HTML, les pages de style (CSS), les images ne faisant pas partie des contenus, la typographie, les polices, et ainsi de suite...

Webpage components / Les composants des pages du site

While content deals with storing and structuring data, design dictates how the content should be presented. These elements combine to form a complete interface - a webpage - as illustrated in the following diagram. 
Si le contenu est lié au stockage et à la structuration des données, le design dicte quant à lui la façon dont le contenu doit être présenté. Ces éléments se combinent pour former une interface complète (la page web) comme l'illustre le diagramme suivant:

 

Content + Design = Webpage / Contenu + design = page web

A website refers to the whole, for example http://www.ez.no, while a webpage refers to a specific part of it, for example http://www.ez.no/ez_publish. A website consists of a collection of webpages; it encapsulates and includes everything that belongs to a particular area on the web: configuration settings, a database containing the content structure and content items, content-related files and design-related files. 
Un site web fait référence au tout, par exemple http://www.ez.no , alors qu'une page web ne fait référence qu'à une partie spécifique de l'ensemble, par exemple http://www.ez.no/ez_publish . Un site web se compose d'un ensemble de pages web, il contient et inclut tout ce qui appartient à une zone particulière du site (???): les paramètres de configuration, la base de données contenant la structure du contenu et les contenus, les fichiers relatifs au contenu et au design.

Commentaires