TiceCDDP Blog Formation - Tag - texte2017-12-05T12:54:25+01:00urn:md5:40539e71a095e745c29598832bac6b53DotclearIntégration d'un fichier Pdf dans un billeturn:md5:8fc6d7d9a3666170b3d01dd68371a3e42011-12-11T10:40:00+01:002012-01-09T19:57:28+01:00tice CDDPDIVERSpdftexte <br />
<strong>Un fichier pdf mis en pièce jointe obligera, comme pour toutes pièces jointes, le visiteur à le télécharger pour le visionner.</strong><br /><br />
<strong>Dans le cas d'un fichier pdf, Il y a une autre manière de procéder qui permettra de l'afficher dans un billet. Le seul inconvénient sera la largeur de la fenêtre intégrant le pdf qui sera limitée à la largeur du billet.</strong><br />
<br />
<ins><strong>Voici comment procéder.</strong></ins><br />
<ol>
<ins>Dans l'espace de rédaction :</ins>
<li>Désactiver le mode visuel : Mes préférences / Mes options / Décocher "Activer l'éditeur visuel"</li><br />
<li>Téléverser son fichier via le gestionnaire de médias.</li><br />
<li>Dans le gestionnaire de médias toujours : Cliquer sur le nom du fichier pdf. </li><br />
<li>Dans la fenêtre qui s'ouvre, repérer l'URl (l'adresse) du fichier et copier cette adresse.</li><br />
<li>Créer un billet en s'assurant bien que son format soit "xhtml" et non pas" wiki".</li><br />
<li>Saisir le code suivant en collant donc la véritable adresse du fichier.
<XMP><iframe src="http://blogs.brestecoles.net/blogforms/index.php?post/2011/12/11/adresse du fichier" style="width:500px;height:800px"></iframe></XMP> </li<br />
<li> Enregistrer votre billet</li>
</ol>
<h4>
<ins><strong>EXEMPLE ci-dessous :</strong></ins></h4><br />
<iframe src="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/Premierpas/integrer_Pdf/Integrer_pdf.pdf" style="width:500px;height:700px"></iframe>Mise en forme du texte.urn:md5:18b1feeb603bf05d1ebd2e52dec4a25e2011-01-14T10:43:00+00:002012-01-31T21:00:42+00:00tice CDDPPremiers Pastexte<h3>Editeur léger et Editeur enrichi</h3> <p>A la création d'un nouveau billet, le rédacteur n'a accès qu'à la barre d'outils standard d'édition de texte<br />qui met à disposition quelques outils de formatage de texte. <br />On y trouve également les outils d'intégration de médias : (images, photos, videos Flv...).<br /><img style="margin: 0 auto; display: block;" title="barre standart.png, sept. 2010" src="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/tiny/.barre%20standart_m.jpg" alt="barre standart.png" /></p>
<p><strong>Une fois ce billet enregistré une première fois</strong>, apparaît en haut de la fenêtre un bouton permettant d'accéder à une barre de formatage plus "riche"<img title="acces_tinymce.png, sept. 2010" src="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/tiny/.acces_tinymce_m.jpg" alt="acces_tinymce.png" /></p>
<p>Pour pouvoir y accéder il faudra que votre billet soit écrit en langage xhtml et non en langage wiki. Si le billet est en wiki, Dotcleår vous avertira de la nécessité de transformer le wiki en xhtml. Cette transformation est irréversible.</p>
<p>Voici la barre de l'éditeur enrichi TinyMce :</p>
<p><img style="margin: 0 auto; display: block;" title="barre Tinymce.png, sept. 2010" src="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/tiny/.barre%20%20Tinymce_m.jpg" alt="barre Tinymce.png" /></p>
<p>Dans cette affichage, la barre latérale gauche de Dotcleår disparaît.</p>
<p>Pour revenir à la barre standard et à la barre latérale de gauche, cliquer sur : <img title="retour_default.png, sept. 2010" src="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/tiny/.retour_default_m.jpg" alt="retour_default.png" /></p>
<p><img src="file:///C:/Users/pcreach/AppData/Local/Temp/moz-screenshot.png" alt="" /></p>Integration didapagesurn:md5:90628bd0a2a444c70337048b09698d0f2010-09-22T09:17:00+01:002014-04-08T12:30:37+01:00tice CDDPDIVERSDiversimagestextevideos<p>Intégrer un livre didapages dans un billet</p> <strong>Solution 1</strong> :<br />
Faire un lien pour voir en pleine page.<br />
<strong><a href="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/demo/index.html" TARGET="_blank" hreflang="fr">Voir en pleine page</a></strong>
<br /><br />
<strong>Solution 2</strong>
Ouvrir l'éditeur en me mode d"'affichage source et non pas visuel.<br />
Y coller ce code par exemple (Rajouter un < au début et un > à la fin) : <br />
iframe src="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/demo/index.html" style="width:500px;height:400px;">/iframe
<br />
<br />
<strong>Cela donne ceci :</strong><br /><br />
<br /><iframe src="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/demo/index.html" style="width:500px;height:400px;">/iframe><br />
<br />
<strong><a href="http://blogs.brestecoles.net/blogforms/public/IMAGES-BILLETS/demo/index.html" hreflang="fr">Voir en pleine page</a></strong>Désactiver le mode visuelurn:md5:a4b10800593bf99aa06e9f8f3f12bca62010-09-18T10:36:00+02:002011-10-17T12:29:54+02:00tice CDDPAIDE VIDEOStextevideos <h2>C'est quoi ?</h2>
<br />Pour la rédaction des messages, on peut faire le choix d'accéder ou pas au "<strong>mode visuel</strong>".<br /><br /><strong>Qu'est le "mode visuel" ?</strong><br />Il permet d'avoir dans son interface de rédaction du billet, un aperçu plus ou moins fidèle de ce que l'on aura choisi comme formatage de texte (Gras, souligné, taille de police etc) ou insertion d'images.<br />L'autre mode appelé "<strong>mode source</strong>" ne nous affiche que le code "source" du billet.<br />
<h2>Pourquoi choisir le mode source plutôt que le mode visuel ?</h2>
Le mode visuel devient très embêtant lorsque, par exemple, on doit rentrer du code dans le billet (exemple de l'insertion de vidéos stockées sur le Médiablog de l'école.).<br /><br />En effet, pour intégrer ce code provenant du Médiablog par exemple, il vous faut passer en mode source. Jusque là tout va bien. Par contre la fois prochaine où vous ouvrirez votre billet, il s'ouvrira en mode par défaut cad le mode visuel.<br />Cette simple ouverture en mode visuel aura fait disparaître une partie de votre code source permettant l'affichage de la vidéo ! Donc plus de vidéos !!!<br /><br />La solution est donc de se mettre en "<strong>mode Source</strong>" par défaut et pour ce faire désactiver le "<strong>mode Visuel</strong>"<br /><br />
<h2>Voici la manipulation.</h2>