67 lines
5.2 KiB
HTML
67 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Créer et insérer des diagrammes</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Lorsque vous avez besoin de créer beaucoup de diagrammes variés et complexes, l'Éditeur de Documents ONLYOFFICE vous offre un plug-in draw.io qui peut les créer et configurer" />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<div class="search-field">
|
|
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Créer et insérer des diagrammes</h1>
|
|
<p>Lorsque vous avez besoin de créer beaucoup de diagrammes variés et complexes, l'<a href="https://www.onlyoffice.com/fr/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Éditeur de Documents ONLYOFFICE</b></a> vous offre un plug-in draw.io qui peut les créer et configurer.</p>
|
|
<ol>
|
|
<li>Sélectionnez l'endroit sur la page où vous souhaitez insérer un diagramme.</li>
|
|
<li>Passez à l'onglet <b>Modules complémentaires</b> et cliquez sur <div class = "icon icon-drawio"></div> <b>draw.io</b>.</li>
|
|
<li>
|
|
La fenêtre <b>draw io</b> s'ouvre avec les sections suivantes :
|
|
<ul>
|
|
<li><b>Barre d'outils supérieure</b> contient des outils pour gérer les fichiers, configurer l'interface, modifier des données en utilisant les onglets <em>Fichier</em>, <em>Modifier</em>, <em>Afficher</em>, <em>Organiser</em>, <em>Extras</em>, <em>Aide</em> et les options appropriées.</li>
|
|
<li><b>Barre latérale gauche</b> contient des formes variées pour sélectionner parmi : <em>Standard</em>, <em>Logiciel </em>, <em>Réseau</em>, <em>Business</em>, <em>Autres</em>. Pour ajouter de nouvelles formes à celles disponibles par défaut, cliquez sur le bouton <b>Plus de formes</b>, choisissez les types d'objet nécessaires et cliquez sur <b>Appliquer</b>.</li>
|
|
<li>
|
|
<b>Barre latérale droite</b> contient des outils et paramètres pour personnaliser la feuille de calcul, les formes, les graphiques, les feuilles, le texte et les flèches :
|
|
<ul>
|
|
<li>
|
|
Paramètres de la <b>Feuille de calcul</b> :
|
|
<ul>
|
|
<li><b>Affichage</b> : <em>Grille</em>, ses taille et couleur, <em>Affichage de la page</em>, <em>Arrière-plan</em> - vous pouvez sélectionner une image locale, fournir l'URL ou choisir une couleur appropriée à l'aide de la palette de couleurs, ainsi qu'ajouter des effets <em>Ombre</em>.</li>
|
|
<li><b>Options</b> : <em>Flèches de connexion</em>, <em>Points de connexion</em>, <em>Guides</em>.</li>
|
|
<li><b>Taille de papier</b> : orientation <em>Portrait</em> ou <em>Paysage</em> avec les paramètres de longueur et de largeur spécifiés.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Paramètres de <b>Forme</b> :
|
|
<ul>
|
|
<li><b>Couleur</b> : <em>Couleur remplissage</em>, <em>Gradient</em>.</li>
|
|
<li><b>Ligne</b> : <em>Couleur</em>, <em>Type</em>, <em>Largeur</em>, <em>Largeur du périmètre</em>.</li>
|
|
<li><b>Opacité</b>.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Paramètres de <b>Flèche</b> :
|
|
<ul>
|
|
<li><b>Couleur</b> : <em>Couleur remplissage</em>, <em>Gradient</em>.</li>
|
|
<li><b>Ligne</b> : <em>Couleur</em>, <em>Type</em>, <em>Largeur</em>, <em>Fin de ligne</em>, <em>Début de ligne</em>.</li>
|
|
<li><b>Opacité</b>.</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><b>Zone de travail</b> pour afficher des diagrammes, saisir et modifier des données. Ici vous pouvez déplacer des objets, former des diagrammes séquentiels et connecter des objets avec des flèches.</li>
|
|
<li>
|
|
<b>Barre d'état</b> contient des outils de navigation pour basculer facilement entre les feuilles et les gérer.
|
|
<p><img alt="Draw io diagram" src="../images/drawio_diagram.png" /></p>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<p>En utilisant ces outils créez les diagrammes nécessaires et modifiez-les. Quand tout est prêt cliquez sur le bouton <b>Insérer</b> pour les ajouter au document.</p>
|
|
</div>
|
|
</body>
|
|
</html> |