Médiaforma

All posts tagged insérer

Pour ajouter un texte dans une image, lancez la commande Nouveau / Texte dans le menu Calque, cliquez sur l’icône Texte de la barre d’outils ou utilisez le raccourci clavier Ctrl + T. Quelle que soit la technique utilisée, la boîte de dialogue Texte s’affiche. Choisissez la police, la taille, la couleur et les attributs du texte. Entrez le texte dans la zone Saisie et cliquez sur OK.

Photofiltre - Ajouter du texte sur une image 1

Le texte est inséré dans un nouveau calque. Il est affiché au centre de l’image. Pointez-le avec la souris, maintenez le bouton gauche enfoncé et déposez le texte où vous voulez.

Photofiltre - Ajouter du texte sur une image 2

A tout moment, vous pouvez modifier le texte ou ses attributs : il vous suffit de double-cliquer sur le calque pour afficher la boîte de dialogue Texte.

Pour appliquer un effet au texte, basculez sur l’onglet Effets. Vous pouvez :

  • Modifier l’opacité du texte.
  • Choisir l’espacement entre les caractères et l’interligne si le texte comporte plusieurs lignes.
  • Ajouter une ombre portée au texte, en choisissant le décalage de l’ombre, sa couleur, son opacité, son style et le rayon de l’effet (plus le rayon est grand, plus l’effet est diffus).
  • Ajouter un contour ou un biseau au texte, le flouter ou l’afficher en négatif.
  • Choisir un motif de remplissage pour les caractères.

Ici par exemple, nous définissons une ombre portée de rayon 6 et nous entourons le texte avec un liseré de couleur blanche.

Photofiltre - Ajouter du texte sur une image 3

Voici le résultat :

Photofiltre - Ajouter du texte sur une image 4


Lorsque vous définissez une présentation, les nouvelles diapositives sont insérées en séquence, après la dernière diapositive de la présentation.

Il est parfois nécessaire d’insérer une diapositive entre deux diapositives existantes. Pour ce faire, sélectionnez la diapositive après laquelle doit se faire l’insertion dans le volet gauche, en mode d’affichage Normal. Ici par exemple, la nouvelle diapositive sera insérée en troisième position.

Cliquez alors sur l’icône Nouvelle diapositive du groupe Diapositives, sous l’onglet Accueil du ruban, ou utilisez le raccourci-clavier Ctrl + M.

Si la disposition proposée par défaut ne vous convient pas, cliquez sur l’icône Disposition dans le groupe Diapositives et sélectionnez une des dispositions proposées.

Vous pouvez également choisir la disposition de la nouvelle diapositive au moment de sa création en cliquant sur la flèche affichée sous l’icône Nouvelle diapositive et en faisant votre choix dans le menu.

Vous serez certainement intéressé par les dispositions suivantes :

  • Diapositive de titre, qui introduit une présentation ou effectue une transition entre deux sections de la présentation.
  • Titre et contenu, qui affiche un titre et un contenu quelconque : tableau, graphique, graphique SmartArt, Image ou vidéo.

N’hésitez pas à expérimenter les autres présentations et à choisir celles qui répondent le mieux à vos besoins.


Quatre méthodes permettent d’insérer un élément (el) avant ou après l’élément ciblé (cible) :

  • el.appendTo(cible) insère un élément à la fin de la cible
  • el.prependTo(cible) insère un élément au début de la cible
  • el.insertBefore(cible) insère un élément avant la cible
  • el.insertAfter(cible) insère un élément après la cible

Saisissez ce code dans Notepad++ et sauvegardez-le sous le nom inserer-elements.htm.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Insertion d'éléments</title>
    <script src="jquery.js"></script>
  </head>
  <body>
<h2>Titre</h2>
  <div class="parent">
    <div>Bonjour</div>
    <div>jQuery</div>
  </div>
  <script>
      $(function() {
        //$('<p>Comment ça va ?</p>').appendTo('.enfant');
      });
    </script>
  </body>
</html>

 

Exécutez ce code dans Firefox. Supprimez les commentaires et ré exécutez ce code. Voici le résultat :

 

Expérimentez les méthodes prependTo(), insertBefore() et insertAfter() pour comprendre leurs différences.

Si vous ne voyez pas la différence entre appendTo() et insertAfter(), ou entre prependTo() et insertBefore(), utilisez Firebug pour visionner le code généré. Pour cela, appuyez sur la touche F12, sélectionnez l’onglet HTML et développez les balises <body> puis <div> :

 


Commencez par saisir ce code et sauvegardez-le sous le nom inserer-contenu.htm :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Insertion de contenu dans le DOM</title>
    <script src="jquery.js"></script>
  </head>
  <body>
    <h2>Partie 1</h2>
    <p>Latius iam disseminata licentia onerosus bonis omnibus Caesar nullum post haec adhibens modum orientis latera cuncta vexabat nec honoratis parcens nec urbium primatibus nec plebeiis.</p>
    <p>Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet illa quidem gravitatem, sed amicitia remissior esse debet et liberior et dulcior et ad omnem comitatem facilitatemque proclivior.</p>
    <p>Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.</p>
    <h2>Partie 2</h2>
    <p>Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.</p>
    <p>Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.</p>

    <script>
    </script>
  </body>
</html>

 

Remarque

Le texte des paragraphes est issu du site http://www.faux-texte.com/.

 

Pour altérer le contenu d’un objet texte jQuery, vous utiliserez la méthode text(). Par exemple, pour modifier tous les titres h2 d’un document en “Ceci est un titre h2”, vous utiliserez cette instruction :

$('h2').text('Ceci est un titre h2');

 

Faites un essai dans ce document :

 

Vous pouvez également insérer du contenu avant ou après un objet jQuery en utilisant les méthodes suivantes :

  • append() insère du contenu à la fin de la sélection
  • prepend() insère du contenu au début de la sélection
  • before() insère du contenu avant la sélection
  • after() insère du contenu après la sélection

 

Exercice : Ajoutez un signe supérieur à et un espace avant chaque titre h2

Solution :

$('h2').prepend('> ');

 

Exercice : Remplacez successivement prepend par append, before et after pour mettre en évidence les différences de ces méthodes

 

Exercice : Insérez un trait horizontal après chaque paragraphe

Solution :

$('p').append('<hr>');

Cliquez ici pour accéder à tous les sujets sur Excel 2010

Voici quelques techniques de mise en forme qu’il est bon d’avoir en tête :

  • Suppression de lignes/colonnes. Sélectionnez les lignes/colonnes à supprimer en cliquant sur leurs en-têtes[1], puis cliquez sur Supprimer (onglet Accueil, groupe Cellules).
  • Insertion de lignes/colonnes. Sélectionnez autant de lignes/colonnes que vous voulez en insérer, puis cliquez sur Insérer (onglet Accueil, groupe Cellules).
  • Suppression de cellules. Sélectionnez les cellules à supprimer, puis cliquez sur Supprimer (onglet Accueil, groupe Cellules).
  • Insertion de cellules. Sélectionnez les cellules qui suivent les cellules à insérer, puis cliquez sur Insérer (onglet Accueil, groupe Cellules).

Ici par exemple, le bloc A2:C3 a été sélectionné. Un clic sur l’icône Insérer ajoute autant de cellules vierges au-dessus de la sélection et décale les cellules sélectionnées vers le bas.

Un autre exemple. La colonne B étant sélectionnée, un clic sur l’icône Insérer ajoute une colonne vierge en B et décale les autres colonnes vers la droite.


[1] La touche Ctrl doit être maintenue enfoncée si les lignes à supprimer ne sont pas consécutives.