116 lines
10 KiB
Plaintext
116 lines
10 KiB
Plaintext
<%@ Control Language="C#" Inherits="BaseContentUserControls"%>
|
|
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
|
|
|
|
<script runat="server">
|
|
protected override void Init()
|
|
{
|
|
PageTitle = PageCaption = "Comment intégrer un document dans votre blog";
|
|
MetaKeyWords = "spreadsheet, document, presentation, document embedding, embed document";
|
|
MetaDescription = "Documents. Embed a document into your blog or any other web site.";
|
|
|
|
var guides = new GuidesModel();
|
|
|
|
guides.CaptionRelatedTips = "Related Tips & Tricks";
|
|
guides.Title = "Installing Ascensio System Plug-in";
|
|
guides.TitleVideo = "How to create a new document?";
|
|
guides.RelatedTips = "Would you like to create new documents, edit uploaded text files right on your portal? It's easy!";
|
|
guides.LearnMore = "Learn more...";
|
|
(Page as BasePage).Guides = guides;
|
|
}
|
|
|
|
</script>
|
|
|
|
<div class="MainHelpCenter">
|
|
<h1 class="subHeaderFeaturesCaption Guides_Video_Captions">Comment intégrer un document dans votre blog ?</h1>
|
|
<div class="keyword_block">
|
|
<ul>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/onlyoffice-documents/onlyoffice-documents.ascx" /></li>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/create-documents/create-documents.ascx" /></li>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/presentations/presentations.ascx" /></li>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/spreadsheets/spreadsheets.ascx" /></li>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/share-files/share-files.ascx" /></li>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/share-documents/share-documents.ascx" /></li>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/embed-documents/embed-documents.ascx" /></li>
|
|
</ul>
|
|
</div>
|
|
<div class="video_ground video_trips">
|
|
<h2 id="introduction">Introduction</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Souhaitez-vous compléter les informations que vous avez publiées ? Ajouter quelques documents, classeurs ou présentations à votre blog/ site Web afin que chacun puisse les voir sans télécharger ou utiliser une visionneuse supplémentaire ? Intégrez le document en utilisant les fonctionnalités offertes par office en ligne.</p>
|
|
<p>Ce guide va vous montrer comment intégrer un document en quelques clics de souris.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h2 id="step1"><span class="style_step">Etape 1. </span>Accéder aux Documents</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Entrez à votre portail <b>ONLYOFFICE</b> et cliquez sur le lien <b>Documents</b>.</p>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="Comment intégrer un document dans votre blog ? Etape 1" target="img1_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/fr/Guides/small/guide24/step1.png")%>" />
|
|
<img alt="Comment intégrer un document dans votre blog ? Etape 1" id="img1_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/fr/Guides/big/guide24/step1.png")%>" />
|
|
<div target="img1_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Si vous êtes déjà connecté et utilisez le portail depuis un certain temps, pour accéder au module <b>Documents</b>, ouvrez la liste déroulante dans le coin supérieur gauche de la page et sélectionnez l'option correspondante.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="step2"><span class="style_step">Etape 2. </span>Sélectionner un document à intégrer</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Le dossier <b>Mes documents</b> s'ouvre. Pour trouver un document nécessaire utilisez notre filtre en haut de la liste des documents.</p>
|
|
<p>Cliquez sur le bouton <img alt="Icône Plus" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/FilterIcon.png")%>" />, sélectionnez l'option <b>Types</b> et sélectionnez une des variantes disponibles : <b>Fichiers</b>, <b>Dossiers</b>, <b>Documents</b>, <b>Classeurs</b>, <b>Présentations</b>, <b>Images</b>, <b>Archive</b> ou entrez le titre du document, entièrement ou partiellement, dans le champ et appuyez sur la touche <b>Entrée</b> pour afficher un élément nécessaire.</p>
|
|
<p>Par défaut, tous les fichiers sont triés par date dans l'ordre décroissant. Si nécessaire, vous pouvez les trier par <b>Titre</b>, <b>Type</b> ou <b>Taille</b> en ouvrant la liste déroulante <b>Trier par</b> à droite du champ <b>Filtre</b> et en choisissant l'option nécessaire. Pour changer l'ordre de tri de <b>Descendant</b> à <b>Croissant</b> cliquez sur l'icône <img alt="icône Ordre de tri" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/SortingOrderIcon.png")%>" />.</p>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="Comment intégrer un document dans votre blog ? Etape 2" target="img2_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/fr/Guides/small/guide62/step2.png")%>" />
|
|
<img alt="Comment intégrer un document dans votre blog ? Etape 2" id="img2_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/fr/Guides/big/guide62/step2.png")%>" />
|
|
<div target="img2_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Pour intégrer un fichier stocké sur votre disque dur, tout d'abord chargez-le dans <b>Documents</b> en cliquant sur le bouton <b>Charger</b> <img alt="bouton Charger" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/Upload.png")%>" /> dans le coin supérieur gauche de la page.</p>
|
|
<p>Vous pouvez aussi créer un nouveau document directement sur le portail en cliquant sur le bouton <b>Créer</b> dans le coin supérieur gauche et en sélectionnant le type de fichier à créer dans la liste déroulante.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="step3"><span class="style_step">Etape 3. </span>Configurer les paramètres de partage</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Lorsque le document est trouvé, cliquez sur le bouton <b>Partager</b> situé à droite.</p>
|
|
<p>Dans la fenêtre <b>Paramètres de partage</b> ouverte cliquez sur le lien <b>Incorporation de document</b> situé à gauche et ouvrez l'accès au fichier en cliquant sur le bouton <b>Accès ouvert</b>.</p>
|
|
<p>Maintenant, vous devez régler la taille du document à intégrer. Sélectionnez l'un des préréglages disponibles : <b>800*600</b> ou <b>600*400</b>, ou personnalisez la taille en entrant <b>Hauteur</b> et <b>Largeur</b> nécessaires dans les champs correspondants. Pour avoir 100 % de la taille du document, utilisez l'option <b>Auto</b> par défaut.</p>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="Comment intégrer un document dans votre blog ? Etape 3" target="img3_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/fr//Guides/small/guide62/step3.png")%>" />
|
|
<img alt="Comment intégrer un document dans votre blog ? Etape 3" id="img3_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/fr/Guides/big/guide62/step3.png")%>" />
|
|
<div target="img3_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="step4"><span class="style_step">Etape 4. </span>Intégrer votre document</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Lorsque tous les paramètres sont réglés, cliquez sur le lien <b>Copier le lien</b> au-dessous du champ <b>Code d'intégration</b> ou utilisez les combinaisons des touches <b>Ctrl+A</b> et <b>Ctrl+C</b> pour copier le code d'intégration entier. Ensuite, fermez la fenêtre en cliquant sur l'icône de croix dans le coin supérieur gauche.</p>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="Comment intégrer un document dans votre blog ? Etape 4" target="img4_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/fr/Guides/small/guide62/step3.png")%>" />
|
|
<img alt="Comment intégrer un document dans votre blog ? Etape 4" id="img4_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/fr/Guides/big/guide62/step4.png")%>" />
|
|
<div target="img4_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Après cela, vous pouvez insérer le code copié dans n'importe quelle page web nécessaire de sorte que tous ceux qui visitent votre blog / site Web peuvent <b>visualiser</b>, <b>enregistrer</b> une copie <img alt="Bouton Enregistrer Copier" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/SaveCopy.png")%>" />, <b>partager</b> <img alt="bouton Partager" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/Share.png")%>" /> ou <b>intégrer</b> <img alt="Bouton intégrer" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/Embed.png")%>" /> ce document. </p>
|
|
<iframe src="https://help.onlyoffice.com/products/files/doceditor.aspx?fileid=3772031&doc=ZGd2R2ZDczlCeW05NWNSYTdHOW53c1FESDRHT1RtcTM2d0txS25aQXo2WT0_IjM3NzIwMzEi0&action=embedded" height="400px" width="350px" frameborder="0" scrolling="no" allowtransparency></iframe>
|
|
<p>Pour un affichage plus commode vous pouvez utiliser le bouton <img alt="Bouton Ouvrir dans un nouvel onglet" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/OpenNewTab.png")%>" /> dans le coin supérieur droit pour ouvrir le document dans un nouvel onglet ou les icônes <img alt="icône Zoom avant" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/ZoomIn.png")%>" /> et <img alt="icône Zoom arrière" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/ZoomOut.png")%>" /> qui apparaissent lorsque vous placez le curseur de la souris sur le document pour faire une zoom avant et zoom arrière.</p>
|
|
<div class="notehelp">
|
|
Si vous déplacez, supprimez ou refusez l'accès au document sur votre portail, il devient indisponible pour vos visiteurs.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|