IsiNews Mai 2013

Étude des styles WebDev

L’objectif de cet article est de fournir quelques indications sur la gestion des styles sous WEBDEV et de proposer quelques recommandations d’utilisation

 

 

IsiNews Mai 2013

L’intérêt principal des styles est de réaliser une évolution homogène et rapide du design (couleur, taille, police…) de tous les champs d’un site WEBDEV.

Pour cela, WEBDEV offre des gabarits qui sont des packages proposant des styles de pages et de champs dans un thème particulier. Ces thèmes peuvent voir leurs couleurs personnalisées aux travers de la palette de couleur. Ces gabarits offrent principalement une multitude de styles WEBDEV pour chaque type de champ comme pour les boutons avec des styles de validation, d’annulation ou encore de lien... L’utilisation du gabarit est recommandée si vous souhaitez uniquement personnaliser le design de quelques éléments.

Il existe deux notions principales de style sous WEBDEV :

 

  • Les « styles CSS » créés au travers de WEBDEV permettent de définir des propriétés graphiques dans les standards du WEB. Ces styles CSS seront utilisables sur tous les éléments des champs affectables à un CSS.
  • Les « styles WEBDEV » qui permettent de définir des propriétés graphiques pour plusieurs éléments d’un type de champ : libellé, image bouton, cadre... Certains éléments peuvent se voir affecter un style CSS directement. Les autres éléments permettent de définir des propriétés graphiques non gérées au travers des CSS sur WEBDEV mais qui doivent être réutilisées sur plusieurs champs.

 

Au final, il existe au moins six possibilités de définir le style final d’un champ sous WEBDEV. Ci-dessous, un schéma synthétique de ces possibilités.

 

 

IsiNews Mai 2013

 

 

Il est conseillé d’utiliser au maximum les fonctionnalités standards du WEB afin d’optimiser les temps de chargement, de faciliter la personnalisation des styles, la comptabilité multi-navigateur… Aussi pour arriver à répondre à ces problématiques, il est préférable d’utiliser systématiquement le cas 5 pour définir le style d’un champ. Ainsi, les styles CSS globaux doivent être définis et seront ensuite utilisés au niveau des styles WEBDEV des champs. Ces styles CSS pourront ensuite facilement être personnalisés, surchargés avec l’ajout d’un fichier CSS externe spécifique au niveau du projet.

 

Pour plus d’informations contactez-nous.

 

Contact Isimedia