Leçon 33 : Formulaires : Titres, étiquettes complémentaires, traits et cadres

Pour suivre cette leçon, vous devez avoir suivi les leçons précédentes. Ou plus précisément, vous devez être en possession de la base de données ProFormation.mdb telle qu'elle était à la fin de la leçon précédente. Si vous n'êtes pas certain de l'avoir, vous pouvez la télécharger ici

Résumé de la leçon précédente

Lors de la leçon précédente, nous avons appris à optimiser notre productivité en apprenant à très rapidement aligner, redimensionner et espacer les champs et les étiquettes de manière très précise et rapide, afin d'éviter de se fatiguer les yeux, et se fatiguer tout court à essayer d'aligner les différents champs les uns avec les autres.

Aperçu de cette leçon

Dans cette leçon, nous allons pousser plus loin la personnalisation de notre formulaire en lui ajoutant un titre, plus ou moins discret, et par la suite, nous verrons comment ajouter des traits de séparation, des cadres et des sous-titres, tout ceci étant destiné à rendre votre formulaire plus convivial et plus pratique.
Avant de commencer cette leçon, créez un formulaire complètement vide, en mode création, basé sur T_Celebrite

Est-ce qu'on peut rajouter un titre en haut de notre formulaire ?

Vous avez déjà un titre à votre formulaire : Le nom du formulaire est indiqué en haut, dans la barre de titre :

Pourquoi est-ce indiqué Formulaire1 ? C'est quoi Formulaire1 ???

C'est simplement le nom qu'il donne au formulaire avant qu'il soit sauvegardé sous un nom plus conventionnel. Sauvegardez-le sous le nom F_Celebrite, et voilà :

C'est marrant, parce que chez moi, ce n'est pas écrit exactement au même endroit, c'est plus haut...

Oui, parce que chez vous, la fenêtre est peut-être en plein écran, comme ceci :

Exactement !!!

Simplement, si vous cliquez sur les deux petits carrés en haut à droite de votre écran : , vous aurez cet affichage : . Et si vous cliquez sur ce petit carré : , alors vous aurez cet affichage :

Parfait ! Mais c'est pas très joli "F_Celebrite". On ne pourrait pas avoir plutôt "Gestion des célébrités" comme titre ?

Si, on peut. Pour ce faire, vous allez cliquer avec le bouton droit de votre souris sur ce petit carré juste au coin de votre formulaire (en mode création évidemment) : , et dans le menu contextuel qui apparait, vous choisissez "Propriétés" : . Ca fait apparaître une fenêtre que l'on appelle "Fenêtre des propriétés", qui va nous permettre de donner plein d'options à tout plein de choses, mais nous n'allons pas nous noyer n'importe ou. Comme ça, à partir de maintenant, vous savez comment faire pour faire apparaître la fenêtre des propriétés. Mémorisez-le bien, car nous y reviendrons souvent.

Cliquez sur l'onglet "Toutes", puis sur la zone "Légende" : . Ecrivez "Gestion des célébrités", et fermez ensuite avec la petite croix :

Mais c'est toujours marqué "F_Celebrite" ...

Oui, parce que vous êtes en mode création. Passez en mode saisie de données, pour voir

Ah effectivement, c'est bien écrit ce que j'ai demandé : . Mais on ne peut pas avoir un titre vraiment plus voyant, plus présent, parce qu'on ne lit pas toujours ce qui est écrit comme titre des fenêtres...

Quelque chose comme ceci : ? (Les champs ont été rajoutés pour faire joli)

Oui, voilà, exactement !

Alors, dans ce cas, ce n'est plus un titre de formulaire, mais c'est un texte qui a été implanté dans la partie du haut du formulaire. Pour faire ça, il faut que vous fassiez apparaître la boîte à outils avec le menu Affichage/Boîte à outils. Attention, elle est peut-être déjà sur votre écran, mais intégrée à vos autres barres d'outils. Cherchez-là.

Nous allons utiliser une zone d'étiquette pour faire notre titre : Cliquez sur la petite zone Aa : . N'essayez pas le la glisser jusque sur votre formulaire, car ça ne marche pas. Une fois que vous avez cliqué sur le bouton Aa (Pas ab|), lâchez la souris, et cliquez à peu près ici, en haut de votre formulaire : . Ca vous fait une sorte de petit rectangle tout piteux comme ceci (je l'ai encadré en rouge pour mieux le voir): . Ecrivez : Gestion des célébrités : , et appuyez sur ENTER . Ca donne ceci :

C'est comme une étiquette, mais sans champ correspondant, quoi ?

C'est exactement ça : C'est même d'ailleurs carrément une étiquette

Ah oui, c'est facile alors, je n'ai qu'à la mettre en forme pour obtenir ceci :

Mais exactement, on ne peut rien vous cacher : Alors comme exercice, c'est ce que vous allez faire : vous allez définir les points suivants :

Déplacez le champ si nécessaire, et voilà : Un superbe titre pour votre formulaire !

Exactement ! Je n'ai plus qu'à rajouter les champs en-dessous.

Eh oui.

Maintenant, toujours dans le but d'enrichir votre formulaire, vous avez la possibilité d'ajouter d'autres éléments, comme par exemple des lignes de séparation : . Ici, j'ai placé les champs en 2 colonnes, avec une petite ligne verticale pour les séparer. Pour ce faire, j'ai utilisé l'icône "Trait" de la boîte à outils :

Pour l'utiliser, faites comme suit :

  1. Cliquez sur l'outil Trait
  2. Lâchez le bouton de la souris (n'essayez pas de faire glisser ce trait sur votre formulaire)
  3. Déplacez votre souris sur votre formulaire à l'endroit ou vous voulez commencer ce trait (la souris se transforme en petite baguette)
  4. Cliquez, et laissez appuyé le doigt sur le bouton de la souris, et descendez vers le bas, puis lâchez quand vous voulez que la ligne s'arrête :
  5. Voilà le résultat :

Et je peux la changer de couleur si je veux ?

Oui, en utilisant l'icône L.

Bien sûr ! J'aurais dû y penser ! Si je veux l'épaissir, c'est l'icône M... Oui c'est comme les champs ou les étiquettes en fait !

Oui, sauf que pour les traits vous ne pouvez pas définir de couleur de fond (Icône J)

Logique. Et donc, je trouve aussi sur ce trait la main noire pour le déplacer, et les petites double-flèches servent à changer sa taille

Exactement, ainsi que son orientation : Vous pouvez très bien avoir un trait oblique : Essayez :

Ca marche, mais ça fait des petits escaliers, ce n'est pas très joli !

Effectivement. Mieux vaut faires les traits droits

Vous pouvez également encadrer plusieurs champs, simplement dans le but d'en faire des groupes de champs, afin de rendre votre formulaire peut-être plus sympathique, par exemple comme ceci :

Ah oui, effectivement, ça fait très pro ! Non seulement il y a des encadrements, mais en plus des titres "Renseignements généraux" et "Renseignements personnels". ALors, comment fait-on ça ?

Bon, pour commencer, vous pouvez déjà installer une série de champs dans le but de les encadrer :

Ensuite, nous allons utiliser l'outil "Rectangle" de la boîte à outils : . Cliquez donc sur ce rectangle, et, tout comme le trait, n'essayez par de le faire glisser, mais déplacez ensuite la souris ou vous voulez commencer ce rectangle, cliquez, et laissez le doigt appuyé sur le bouton de la souris, déplacez-vous jusqu'en bas à droite de champs à encadrer, et lâchez la souris : :

Voici le résultat : , qu'on voit nettement mieux en mode saisie de données :

Et si je voulais qu'il soit en bleu par exemple ?

Icône L...

Ah oui, c'est toujours la même chose, évidemment !

Ben oui... Et si vous l'avez mis en bleu, puis que vous voulez qu'à nouveau il ait un aspect "gravé", comme au début ...

Je sais ! Icône N !!! Cette fois j'ai compris !

Voilà... Par contre, là ou vous allez avoir une suprise, c'est si vous voulez le peindre avec une couleur de fond (Icône J), parce qu'il va cacher tout ce qui est derrière. Essayez de le peindre en jaune par exemple :

Aïe ! Oui, en fait, il se met devant tout le monde quoi...

Oui, il n'a pas compris qu'il devait se mettre derrière. Pour remédier à ça, vous allez dans le menu Format/Mettre en arrière-plan, et voilà :

C'est pas mal cette histoire de premier plan ou d'arrière plan, ça permet d'"empiler" des trucs comme des champs sur un rectangle, ou autre !

Oui, c'est une bonne option. En tout cas il faut s'en rappeler. Si vous voulez à nouveau que le rectangle soit transparent...

Je sais ! Icône J : Choisir "Transparent" !

Voilà. Maintenant nous allons nous occuper du titre : "Renseignements généraux" : . En fait, c'est tout bête, vous savez dàjà comment on fat, c'est simplement une étiquette Aa : que vous allez poser ici : , et écrivez-y : Rensignements généraux : . Appuyez sur ENTER , et voilà :

Mais la ligne du cadre passe à travers le texte , ce n'est pas très joli...

Donc...

Donc... euh.. AH OUI ! C'est parce que l'étiquette "Renseignements généraux" est transparente !

Et donc, qu'est ce que vous allez faire ?

Lui donner une couleur de fond avec l'icône J !

Oui. Laquelle ?

La même couleur que la couleur de fond de mon formulaire : Gris !

Ben voilà... Vous avez tout compris ! : . A titre d'exercice, essayez de compléter votre formulaire avec la 2ème série de champs, comme dans l'exemple du début :

Une fois tout ceci terminé, vous pouvez sauvegarder votre formulaire sous F_CelebriteCadreTitre

Bon... Hem... On peut résumer ?

Vos formulaires sont un peu "la carte de visite" de votre base de données, puisqu'en finalité, seuls ceux-ci seront visibles, les tabvles et les requêtes n'éattn finalement destinées qu'à stocker les données, et faires des extractions et des calculs, mais les formulaires se doivent d'être conviviaux, clairs, sympathiques. Pour vous aider dans cette tâche de convivialisation, n'hésitez pas à utiliser (sans abus) des cadres, traits et étiquettes afin de scinder ligiquement les champs de votre formulaire.

Avez-vous bien compris ?

  1. Il est possible de dessiner des carrés sur les formulaires ?
    a. Oui, en utilisant l'outil rectangle, et en dessiannt un carré ***
    b. Non

  2. Il est possible de dessiner des cercles sur les formulaires ?
    a. Oui, en utilisant l'outil Cercle
    b. Oui, en utilisant l'outil Ovale et en dessinant un cercle
    c. Non, il n'y a pas d'outil pour dessiner des cercles dans la boîte à outils ***

  3. Pour afficher un gros titre au dessus du formulaire :
    a. On utilise l'outil étiquette Aa de la boîte à outils ***
    b. On utilise l'outil Rectangle de la boîte à outils
    c. On écrit directement le titre sur le fond du formulaire
    d. On utilise le menu Insertion/Titre

  4. Le menu "Format/Mettre en arrière plan"
    a. N'existe pas
    b. Permet de placer des éléments de formulaires en dessous d'autres ***
    c. Remplace les polices de caractères des étiquettes sélectionnées en couleurs plus pâles par rapport au reste
    d. Permet de voir la fenêtre de base de données en avant plan

  5. On peut donner une couleur de fond aux rectangles ?
    a. Oui ***
    b. Non, jamais
    c. Seulement s'il s'agit de rectangles qui sont en arrière plan

  6. On peut dessiner des traits en diagonale
    a. Avec l'outil trait, tout simplement """
    b. Avec l'outil "Trait oblique"
    c. Non
    d. Seulement avec Access 2000

Pour voir les solutions, il vous suffit de sélectionner le questionnaire ci-dessus : 3 petites étoiles *** apparaîtront en face des bonnes réponses.

Exercice

L'exercice consiste à retravailler complètement le formulaire que vous venez de sauvegarder à la fin de cette leçon (F_CelebriteCadreTitre), de manière à ce qu'il ressemble à ceci :

Constatez les détails : Le titre du formulaire en blanc sur fond gris, avec un bordure noire, en Courier New, l'étiquette du nom et du prénom ont disparu au profit d'un titre "Nomet prénom", la remarque est encadrée toute seule, les champs sont tous encadrés d'une fine ligne noire, les titres de groupe sont en Comic Sans MS. Le formulaire lui-même est encadré d'un gros trait noir. Constatez que les champs sont bien alignés, ainsi que leurs étiquettes. N'hésitez pas à recourir aux notions vues dans les leçons précédentes.

Téléchargez la solution de l'exercice ici, qui n'est autre que la base de données ProFormation telle qu'elle devrait être à la fin de cette leçon

Si vous n'êtes pas tout à fait certain d'avoir suivi correctement toutes les étapes de cette leçon, vous avez la possibilité de télécharger ici la version de ProFormation.mdb exactement dans l'état ou elle devrait être à la fin de cette leçon.

Aperçu de la leçon suivante

Lors de la prochaine leçon,