PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

Nouveauté WEBDEV 24 !
  • Ambiance
  • Les palettes de couleur
  • Les modèles de pages prédéfinis
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
10. Personnaliser l'aspect d'un site : éléments d'ambiance
Chapitre précédentSommaireChapitre suivant
L'aspect graphique d'un site Web est un élément primordial. Avec WEBDEV, il est très facile d'obtenir du premier coup un site graphiquement abouti avec un aspect professionnel. Pour cela, différents outils sont à votre disposition : les ambiances, les palettes et les modèles de pages prédéfinis.
Ambiance
L'ambiance d'un site peut être sélectionnée dans la fenêtre de description du projet (sous le volet "Projet", dans le groupe "Projet", cliquez sur "Description"). Les ambiances sont configurées dans l'onglet "Ambiance, Styles". De nombreuses ambiances sont livrées en standard avec WEBDEV.
XXXIMAGEXXX
Une ambiance est composée de :
  • une feuille de styles contenant des styles WEBDEV.
  • un répertoire d'images.
  • une palette de couleurs par défaut.
  • un ensemble d'états utilisé comme base pour construire les nouveaux états du projet.
Les ambiances peuvent être interchangées à volonté pour modifier l'aspect graphique d'un site. Lorsque vous changez l'ambiance, WEBDEV adapte automatiquement l'aspect visuel de tous les champs du site.
L'ambiance d'une page peut être définie à trois niveaux différents (par ordre décroissant de priorité) :
  • Dans le projet.
  • Dans le modèle de pages dont la page hérite des propriétés.
  • Dans la page elle-même.
Il faut définir l'ambiance générale au niveau du projet. Si un ensemble de pages doit utiliser une ambiance particulière (par exemple les pages de "Promotion" d'un site de vente), il est possible de remplacer l'ambiance du projet en la redéfinissant au niveau d'un modèle de pages. Si une page particulière doit avoir une ambiance différente, celle-ci peut être choisie au niveau de la page elle-même.
Les palettes de couleur
Les palettes de couleurs définissent un jeu de couleurs qui sont proposées dans tous les sélecteurs de couleurs du projet. Les palettes de couleurs sont un moyen simple de personnaliser l'aspect visuel d'un site.
Ces couleurs sont également appliquées sur les styles définis dans l'ambiance du projet afin de permettre de changer rapidement et facilement l'aspect visuel d'un projet.
La palette de couleurs d'une page peut être définie à trois niveaux différents (par ordre décroissant de priorité) :
  • Dans le projet.
  • Dans le modèle de pages dont la page hérite des propriétés.
  • Dans la page elle-même.
Il faut définir la palette générale au niveau du projet. Si un ensemble de pages doit utiliser une palette particulière (par exemple les pages de la partie "Administration" d'un site), il est possible de remplacer la palette du projet en la redéfinissant au niveau d'un modèle de pages. Enfin, si une page particulière doit avoir une palette différente, la palette peut être choisie au niveau de la page elle-même.
Les modèles de pages prédéfinis
Les modèles de pages prédéfinis fournissent des structures de pages correspondant à une grande variété de sites et favorisent la ré-utilisabilité et l'harmonie graphique entre les projets.
De nombreux modèles sont livrés avec WEBDEV et de nouveaux modèles sont livrés régulièrement avec la LST.
Il est possible d'ajouter plusieurs fois le même modèle prédéfini dans un projet pour l'utiliser avec plusieurs ambiances ou plusieurs palettes de couleurs par exemple.
Après avoir été ajouté au projet, le modèle prédéfini peut être ouvert dans l'éditeur et modifié comme n'importe quel autre modèle de pages.
Un modèle de pages prédéfini peut également être utilisé comme base de création d'un autre modèle de pages.
Chapitre précédentSommaireChapitre suivant
Version minimum requise
  • Version 24
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire