Réserver une Démo
Pré. Proc.

Boîte à outils filaire de page Web

Les pages Diagramme Toolbox 'Webpage gabarits ' fournissent les gabarits de modélisation des schémas, blueprints ou framework d'un site web, définissant le fonctionnement des pages web. Vous pouvez voir et développer un exemple de la façon de modéliser l'interface de la page Web en faisant glisser l'icône 'Webpage Motif ' sur un diagramme . Ensuite, à l'aide de la boîte à outils, vous pouvez faire glisser les types d'éléments sur votre diagramme pour ajouter toutes les fonctionnalités clés de l'interface utilisateur.

Example Webpage wireframe diagram created in Sparx Systems Enterprise Architect

Accéder

Sur la boîte à outils Diagramme , cliquez sur Search pour afficher la boîte de dialogue ' Trouvez Item de Boîte à Outils ' et spécifiez 'Wireframing' ou 'Webpage'.

Ruban

Conception > Diagramme > Boîte à outils

Raccourcis Clavier

Ctrl+Maj+3

Boîte à outils

Fonctionnalités éléments

Image

Détail

Voir également

Boîte combo

Combobox, List, Progress/Navigation bar et Tab Control fournissent tous des listes de valeurs.

Pour étendre une liste :

  • Ouvrez la boîte de Dialogue Propriétés (double-clic ou Maj+Entrée)
  • Sélectionnez l'onglet Fil de fer
  • Sélectionnez la Valeur Étiquetée
  • Cliquez sur l'icône Edit search.
  • puis ajoutez, modifiez ou supprimez des éléments de la liste "Valeurs".
Propriétés Dialogue

Élément de calendrier

L'élément Calendar, une fois créé, utilise par défaut le jour actuel et continue de se mettre à jour chaque jour à moins que vous ne définissiez une valeur dans la Date Valeur Étiquetée de l'élément. Si elle est définie, la date reste statique jusqu'à ce qu'elle soit réinitialisée à "Aujourd'hui" dans la Valeur Étiquetée .

Paragraphe

Dans l'élément Paragraphe, vous pouvez :

  • Définir l'alignement du texte dans la propriété "Aligner le texte"
  • Modifiez le texte en utilisant l'option [...] dans la propriété 'Text' (qui est de type <memo>). Le texte peut utiliser le formatage de texte HTML de base, comme pour les autres notes formatées dans les éléments.

Contrôle de navigation

Le contrôle de navigation définit un menu avec, si nécessaire, plusieurs niveaux d'options de sous-menu. Vous pouvez ajouter et supprimer des options à n'importe quel niveau en utilisant l'onglet 'Wireframe' de la boîte de dialogue ' Propriétés '. Chaque option, à n'importe quel niveau, a ces propriétés :

  • 'Nom' : définir le texte de l'option de menu
  • 'Développé' : Indiquez si l'option affichera ses sous-options (le cas échéant) ; les éléments développés sont toujours mis en surbrillance, quel que soit le paramètre "Surbrillance"
  • "En surbrillance" : dessine l'élément avec un arrière-plan de couleur différente

Contrôle de progression/navigation

Progress Navigation Control fournit une progression visuelle à travers les pages.

Pour étendre une liste :

  • Ouvrir la boîte de Dialogue Propriétés (double-clic ou Maj+Entrée)
  • Sélectionnez l'onglet Fil de fer
  • Sélectionnez les Étapes Valeur Étiquetée
  • Cliquez sur l'icône Edit search.
  • puis ajoutez, modifiez ou supprimez des éléments de la liste "Étapes".

Lien hypertexte

Les éléments de lien hypertexte et d'en-tête sont également définis dans l'onglet "Wireframe" et possèdent un certain nombre de propriétés de style que vous définissez à l'aide de simples listes déroulantes :

  • Couleur
  • Taille de Police
  • Famille Police
  • Style Police
  • Alignement du texte
  • Décoration de texte

Apprenez Plus