Créer son blog - AidesSur ce site : créez votre blog en 5 minutes et publiez, échangez !2021-09-16T13:34:03+02:00Académie de Versaillesurn:md5:671e46fe7e5c5df2a8ca7402e4e0dda8DotclearGérer son blog, rédiger des billetsurn:md5:ca256d76fe60766e2b00dc4a921067fa2012-09-02T10:30:00+02:002016-10-05T07:00:21+02:00Johan PustochAidesAideDémarrer<p>Comment gérer son blog, écrire ses premier billets et utiliser les fonctionnalités ?</p> <h4>Le tableau de bord de vos blogs</h4>
<p>Une fois connecté à l'interface d'administration ( via <a href="http://blog.ac-versailles.fr/admin/" hreflang="fr">http://blog.ac-versailles.fr/admin/</a> ) le tableau de bord est la première page que vous voyez dans le « back-office ».<br />
<br />
Les principaux liens sont présents au centre, d'autres sont présents dans le menu à gauche.<br />
Pour débuter, utilisez surtout les liens centraux :</p>
<ul>
<li><strong>Nouveau Billet</strong> : pour rédiger un billet (voir ci-dessous)</li>
<li>Le <strong>nombre de billets</strong> : affiche le nombre de billets de votre blog. Le lien vous permet d'accéder à ceux-ci pour les modifier.</li>
<li>Les <strong>commentaires </strong>: cette partie vous permet de modérer les commentaires effectués sur votre blog.</li>
<li>Vos <strong>préférences </strong>utilisateur : pour modifier votre profil, courrier électronique, mot de passe ...</li>
<li>Les <strong>paramètres des thèmes</strong> : pour choisir le design de votre blog (parmi une sélection de thème ou en choisissant de personnaliser son propre thème)</li>
<li>Les <strong>paramètres </strong>du blog : pour renommer votre blog, changer sa description ...</li>
<li>Les <strong>liens </strong>(« Blogroll») : pour ajouter des liens de votre blog vers d'autres sites. Utile pour faire des liens entre vos différents blogs ou vers le site de votre établissement.</li>
<li>Les <strong>pages </strong>: permettent de créer des pages spéciales dans votre blog (leur statut est différent de celui des billets).</li>
<li>Les <strong>galeries de photos</strong>.</li>
</ul>
<h4>Rédiger un billet</h4>
<p>On accède à cette page depuis le tableau de bord avec le Lien « Nouveau Billet ».<br />
3 champs importants à retenir :</p>
<ul>
<li><strong>Titre</strong> : vous permet de définir le titre de votre billet.</li>
<li><strong>Contenu </strong>: affiche le contenu du billet (vous pouvez définir quel sera l'aperçu de ce billet en remplissant la partie « Extrait » juste au dessus). Le contenu peut être rédigé au format « wiki » ou au format « xhtml » (presque comme dans un traitement de texte)</li>
<li><strong>Catégorie </strong>: vous permet de définir la catégorie de votre billet (facultatif mais conseillé pour organiser vos billets en rubriques thématiques par exemple)</li>
</ul>
<p><br />
De nombreux autres réglages sont présents dans le menu de droite : vous pouvez par exemple restreindre l'accès à l'article à l'aide d'un mot de passe, ou choisir si il doit être publié, choisir si vous activez les commentaires, ajoutez des médias, etc.<br />
<br />
Le champs extrait est également bien utile car il permet de présenter les billets sur la page d'accueil de façon résumée.</p>
<p> </p>
<h4>Le gestionnaire de média</h4>
<p>Le gestionnaire de média vous permet de stocker les fichiers que vous pourrez joindre à vos billets. Il est accessible via le menu de gauche.<br />
Son interface est proche de celle de votre système d'exploitation puisque vous avez un aperçu des fichiers présents. Vous envoyez vos fichiers via un formulaire situé en bas de page : « Ajouter des Fichiers ».<br />
<br />
Si vous souhaitez ajouter une image à votre billet, vous pouvez envoyer le fichier image (au format jpg ou png de préférence, mais également tout type de fichier) dans la médiathèque. Une fois l'image envoyée sur le serveur, vous pourrez l'insérer directement dans votre billet depuis le formulaire de création et d'édition des billets.<br />
Il est aussi possible d'alimenter la médiathèque depuis la page de modification d'un billet (lien « Ajouter un fichier au billet »).<br />
<br />
A l'aide du « plugin Galerie », il est également possible de faire des galeries de photographies.</p>
<p> </p>Insérer une vidéourn:md5:93e83076ca8d28de25ab1fe3905b477e2012-08-31T06:34:00+02:002016-10-05T07:01:38+02:00Johan PustochAidesAideVidéos<p>Comment insérer une vidéo dans son blog ?</p> <p>Le but est ici d'afficher une vidéo dans un billet de votre blog. <br /></p>
<p>Deux cas sont à distinguer :</p>
<ol>
<li>la vidéo est déjà en ligne sur un site de partage</li>
<li>la vidéo est par exemple une production « maison » et vous disposez du fichier vidéo qui n'est pas en ligne</li>
</ol>
<h2>1. Premier cas : la vidéo est déjà en ligne sur un site de partage</h2>
<h3>Utiliser le bouton oE (fonctionne pour les billets xhtml ou wiki)</h3>
<p><img src="http://blog.ac-versailles.fr/default/public/videos/icon-big.png" alt="Bouton oEmbed" style="float:left; margin: 0 1em 1em 0;" title="Bouton oEmbed, avr. 2016" />Ce bouton dans l'éditeur de texte permet très facilement d'afficher des vidéos, audios ou contenus riches issus de sites compatibles <strong>oembed</strong> : vidéos de la <a href="http://scolawebtv.crdp-versailles.fr/" hreflang="fr">ScolaWebTV</a>, Dailymotion, Vimeo, Youtube, etc. Tweets, ressources pédagogique de Learning app, etc.).</p>
<p>Il suffit de coller l'url de la page de la vidéo. La vidéo s'affiche alors dans le contenu de votre billet.</p>
<p>Exemple :</p>
<div class="external-media" style="margin: 1em auto; text-align: center;">
<iframe src="//scolawebtv.crdp-versailles.fr/?iframe&id=7934" width="568" height="320" frameborder="0" allowfullscreen></iframe>
<br /><a href="http://scolawebtv.crdp-versailles.fr/?id=7934">Vidéo oembed de la ScolaWebtv</a>
</div>
<h3>Autre possibilité : utiliser le code « iframe » ou « embed »</h3>
<p>Les sites de partage de vidéos (comme youtube ou dailymotion) propose un « lecteur exportable » sous la forme d'un morceau de code html.
La <a href="http://scolawebtv.crdp-versailles.fr/" hreflang="fr">ScolaWebTV de l'académie de Versailles</a> propose aussi cette fonctionnalité.</p>
<p>Dans tous ce cas, il est plus simple d'utiliser le format Wiki pour votre billet (voir l'option à droite dans la page de création/modification d'un billet).
On commence donc par <strong>créer un billet au format Wiki</strong>. Bien sûr on complète le titre du billet.</p>
<ul>
<li>Copier le code html fourni par le site de partage</li>
<li>Dans le contenu de votre billet, coller le code entre les balises :</li>
</ul>
<br/>
<strong>///html</strong>
<br/><br/>
et
<br/><br/>
<strong>///</strong><br/>
<p><br />
Terminer la rédaction du billet, enregistrer et voir le résultat.</p>
<p><br />
<strong>Exemple 1 :</strong> (vidéo de Dailymotion)</p>
<object width="480" height="270"><param name="movie" value="http://www.dailymotion.com/swf/video/xh4m2h?theme=none"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><param name="wmode" value="transparent"></param><embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/xh4m2h?theme=none" width="480" height="270" wmode="transparent" allowfullscreen="true" allowscriptaccess="always"></embed></object><br /><a href="http://www.dailymotion.com/video/xh4m2h_tice-et-eps_tech" target="_blank">TICE et EPS</a> <i>par <a href="http://www.dailymotion.com/crdpversailles" target="_blank">crdpversailles</a></i>
<p><br /></p>
<p><strong>Exemple 2 :</strong> (vidéo de la <a href="http://webtv.ac-versailles.fr/restauration/">Webtv Restauration</a>)</p>
<iframe frameborder="0" width="610" height="355" src="http://webtv.ac-versailles.fr/restauration/spip.php?page=iframe-video&id_article=669&largeur=600&hauteur=338" ></iframe>
<p>Cette technique dans les billets Wiki permet facilement d'intégrer du code html.</p>
<h2>Second cas : la vidéo n'est pas encore en ligne</h2>
<p>La <a href="http://scolawebtv.crdp-versailles.fr/" hreflang="fr">ScolaWebTV du CRDP de l'académie de Versailles</a> permet la mise en ligne et l'encodage de votre vidéo (vous retrouvez alors le premier cas). Si vous préférez néanmoins gérer vous même l'encodage et placer la vidéo sur votre blog, voici comment faire.</p>
<p>Vous disposez d'un fichier vidéo. Pour l'afficher sur votre blog, la vidéo doit être au format mp4 (d'autres formats sont possibles) et il faut donc l'encoder dans ce format si besoin.<br /></p>
<p>Assurez-vous qu'il n'y ait pas de problème de droit d'auteur sur cette vidéo.</p>
<ul>
<li>Placer la vidéo dans votre gestionnaire de médias (la taille limite est de 25 Mo)</li>
</ul>
<p>Deux possibilités sont alors offertes :</p>
<h3>Vidéo en document joint</h3>
<ul>
<li>Joindre le fichier à votre billet (cliquer sur Ajouter un fichier au billet). C'est tout. Publier le billet.</li>
</ul>
<p>La vidéo s'affichera alors en bas du billet.</p>
<h3>Vidéo placée dans le texte</h3>
<p>Si vous souhaitez placer la vidéo à l'endroit souhaité dans le texte du billet : Votre billet doit être au format « Wiki » (réglage à droite dans la page de modification du billet)/</p>
<ul>
<li>Cliquer sur « sélecteur de médias » (bouton de la barre du contenu)</li>
<li>Sélectionner le fichier (en cliquant sur le « + » bleu et se laisser guider)</li>
</ul>
<p><strong>Exemple 4 :</strong> (vidéo de la <a href="http://webtv.ac-versailles.fr/restauration/">Webtv Restauration</a>)</p>
<div style="text-align: center;">
<video controls="" preload="auto" height="300" width="400">
<source src="http://blog.ac-versailles.fr/default/public/videos/10015.mp4">
<object type="application/x-shockwave-flash" data="http://blog.ac-versailles.fr/index.php/?pf=player_flv.swf" height="300" width="400">
<param name="movie" value="http://blog.ac-versailles.fr/index.php/?pf=player_flv.swf">
<param name="wmode" value="transparent">
<param name="allowFullScreen" value="true">
<param name="FlashVars" value="title=10015.mp4&amp;margin=1&showvolume=1&showtime=1&showfullscreen=1&buttonovercolor=ff9900&slidercolor1=cccccc&slidercolor2=999999&sliderovercolor=0066cc&flv=http://blog.ac-versailles.fr/default/public/videos/10015.mp4&width=400&height=300">
Lecteur vidéo intégré</object>
</video>
</div>
Les pluginsurn:md5:a65917c553630af52b64ea576452d1882012-08-30T14:07:00+02:002016-10-05T07:03:59+02:00Johan PustochAidesAideFonctionnalités<p><img alt="" src="http://blog.ac-versailles.fr/public/plugins.png" style="float: right; margin: 0 0 1em 1em;" title="plugins.png, mar. 2010" />Les plugins de Dotclear permettent d'ajouter des fonctionnalités à votre blog. De nouveaux plugins viennent d'être ajoutés.</p> <p>Les plugins de Dotclear permettent d'ajouter des fonctionnalités à votre blog. Ces fonctionnalités sont destinées aux visiteurs des blogs, aux rédacteurs, aux administrateurs de blogs ou au super-administrateur de la plateforme.</p>
<p>Sur cette plateforme, nous utilisons les plugins suivants :</p>
<p><strong>Nouveauté de mai 2010 </strong>:</p>
<ul>
<li><strong>@Reply</strong> : Permet à vos visiteurs de répondre à un commentaire particulier en un clic en cliquant sur une flèche dont la couleur est configurable. Un des options permet d'attacher les réponses aux commentaires afférents et de basculer l'affichage en fil de commentaire.Ce plugin nécessite un réglage des options pour être utilisé.</li>
</ul>
<ul>
<li><strong>subscribePodcast </strong>: pour afficher un widget contenant les liens d'abonnements aux podcasts (billets associé au tag « podcast »).</li>
</ul>
<p><strong>Nouveautés d'avril 2010 </strong>:</p>
<ul>
<li><strong>Évaluer ça</strong> (ou <strong>Ratelt</strong>) : Pour permettre à vos visiteurs de noter les éléments du blog (les billets ou commentaires, etc.).</li>
</ul>
<ul>
<li><strong>Events</strong> : Gestion d'événements (associés à vos billets) et d'un calendrier. Les événements s'ajoutent dans les billets et peuvent s'afficher dans celui-ci ou dans des widgets (3 widgets disponibles).</li>
</ul>
<ul>
<li><strong>Mobile Theme Switcher</strong> : pour proposer à vos visiteurs un thème épuré et adapté aux téléphones mobiles.</li>
</ul>
<ul>
<li><strong>Creative Commons</strong> : Gestion des licences Creative Commons dans votre blog.</li>
</ul>
<p><strong>Et aussi</strong> :</p>
<p> </p>
<ul>
<li><strong>Myfavicon</strong> : permet de personnaliser le favicon (icon favori) de son blog à l'aide d'une petite image (cf. paramètres du blog)</li>
</ul>
<p> </p>
<ul>
<li><strong>AdvancedCatList</strong> : permet de sélectionner les catégories visibles (cf. le widget dédié)</li>
</ul>
<ul>
<li><strong>DotPoll </strong>: permet de créer des sondages</li>
</ul>
<ul>
<li><strong>Citations </strong>: permet d'afficher de façon aléatoire dans un widget des citations</li>
</ul>
<ul>
<li><strong>GestionUtilisateurs</strong> : permet d'ajouter des utilisateurs à son blog et de gérer leurs permissions (utilisateurs existants ou nouveaux),</li>
</ul>
<ul>
<li><strong>Partager 2.0 </strong>: Permet d'ajouter un widget qui s'affichera dans vos pages de billet (comme ici à gauche) et permettra à vos lecteurs de partager vos billets sur les réseaux sociaux de votre choix parmi plus d'un trentaine (twitter, facebook, delicious, etc.)</li>
</ul>
<ul>
<li><strong>Piwik </strong>: pour les statistiques de vos blogs (<a href="http://blog.ac-versailles.fr/index.php/post/Contacts">contacter le blogmaster</a> pour obtenir un compte piwik),</li>
</ul>
<ul>
<li><strong>ContactMe </strong>: Ajoute un formulaire de contact à votre blog. Un widget permet de positionner le lien vers le formulaire de contact. Les propriétaires de blogs peuvent ainsi être facilement contactés (et il peuvent choisir une liste de destinataires pour les courriers électroniques),</li>
</ul>
<ul>
<li><strong>Gallery </strong>: permet de créer des galeries de photos (ce plugin permet d'ajouter 3 widgets : Image aléatoire, Dernières images et Liens vers les galeries),</li>
</ul>
<ul>
<li><strong>Pictures Show</strong> : Second plugin pour créer des galeries de photos. Plus simplement qu'avec « Gallery ».</li>
</ul>
<ul>
<li><strong>LightBox </strong>: permet de créer un bel effet visuel en insérant dans vos billets une miniature cliquable vers l'image d'origine. Cette fonctionnalité est à activer dans les paramètres du blog,</li>
</ul>
<ul>
<li><del><strong>supSubTags </strong>: pour gérer les indices et exposant dans vos billets</del> (plugin désactivé car il créait un bug sur l'édition des billets en mode wiki),</li>
</ul>
<ul>
<li><strong>OtherBlog </strong>: permet d'afficher les nouveautés d'autres blogs. Ce plugin permet d'ajouter un widget de lien vers les nouveautés d'autres blogs de la plateforme,</li>
</ul>
<ul>
<li><strong>SmiliesManager </strong>: permet d'afficher des smilies dans les commentaires,</li>
</ul>
<ul>
<li><strong>EmailNotification</strong>: permet au rédacteur d'un billet d'être averti par courriel lorsqu'un nouveau commentaire a été ajouté,</li>
</ul>
<ul>
<li><strong>EmailOptionnel </strong>: permet de rendre optionnel le champs de l'adresse électronique dans les commentaires. Cette option est à activer dans le paramètres du blog,</li>
</ul>
<ul>
<li><strong>Mode privé </strong>: pour restreindre l'accès à un blog avec un mot de passe,</li>
</ul>
<ul>
<li><strong>MultiBlogSearch </strong>: pour chercher des billets sur tous les blogs (qui ont activé cette option dans leur configuration). Pour le voir en action, voir le moteur de recherche sur les blogs à gauche.</li>
</ul>
<ul>
<li><strong>HomePageMode2 </strong>: permet de mettre un éditorial en page d'accueil de son blog.</li>
</ul>
<ul>
<li><strong>BlowUpConfig </strong>: pour configurer le thème BlowUp (c'est le thème par défaut qui est entièrement configurable). Les administrateurs de blog peuvent choisir les couleurs et la disposition de leur blog très facilement,</li>
</ul>
<ul>
<li><strong>Widgets </strong>(pour afficher des blocs dans les menus),</li>
</ul>
<ul>
<li><strong>Pages</strong> (pour créer des pages),</li>
</ul>
<ul>
<li><strong>BlogRoll </strong>(pour gérer une liste de liens à afficher dans un widget),</li>
</ul>
<ul>
<li><strong>ExternalMedia</strong> : pour gérer des médias externes (vidéos). Accessible uniquement en mode d'édition wiki (pas xhtml),</li>
</ul>
<ul>
<li><strong>Metadata</strong>, <strong>Pings</strong> : Pour le fonctionnement des blogs,</li>
</ul>
<ul>
<li><strong>ImportExport </strong>: pour importer ou exporter votre blog,</li>
</ul>
<ul>
<li><strong>SiteMaps </strong>: permet d'aider les moteurs de recherche à mieux indexer votre blog,</li>
</ul>
<ul>
<li><strong>CleanConfig </strong>: permet au propriétaire de blog de nettoyer les champs de configuration qui ne sont plus utilisés,</li>
</ul>
<ul>
<li><strong>Antispam</strong>, <strong>Spamplemousse2</strong>, <strong>Askimet</strong>, <strong>RetroControl</strong>, <strong>fairTrackbacks </strong>: pour lutter contre les spams et commentaires indésirables,</li>
</ul>
<ul>
<li><strong>AboutConfig</strong>, <strong>DaInstaller</strong>, <strong>FluxRss </strong>(flux RSS de tous les blogs : billets et commentaires), <strong>Maintenance</strong>, <strong>ThemeEditor </strong>(réservés aux super-admin) : pour gérer la plateforme,</li>
</ul>
<ul>
<li><strong>Subscription </strong>: pour créer les blogs à l'aide du formulaire.</li>
</ul>
<p>Certains de ces plugins sont par défaut dans Dotclear, d'autres développés par la communauté Dotclear ou par la Dane.</p>
<p>D'autres plugins sont ajoutés au fur et à mesure en fonction de vos besoins et des développements en cours de la communauté Dotclear. Il est prévu en particulier :</p>
<ul>
<li>un plugin agenda pour gérer des événements.</li>
</ul>
<p>Les propriétaires de blogs ne peuvent pas ajouter eux-mêmes de plugins (la plateforme étant mutualisée, la gestion sensible des plugins est centralisée). Vous avez besoin d'autres fonctionnalités ? Dites-le nous en commentaire de ce billet.</p>Diffuser des podcasts avec son blogurn:md5:a214f28aabc8cc15e375e619b2bb6f312010-01-22T12:57:00+01:002016-03-14T14:09:22+01:00Johan PustochAidesFonctionnalités<p><img src="http://blog.ac-versailles.fr/default/public/images/.rss_podcast_t.jpg" alt="rss_podcast.jpg" style="float:right; margin: 0 0 1em 1em;" title="rss_podcast.jpg, janv. 2010" />Votre blog permet très simplement de diffuser des podcasts (audios, vidéos, autres documents)</p> <p>Le podcasting ou la baladodiffusion est un moyen de diffusion de fichiers (audio, vidéo ou autres) appelés podcasts ou balados.
Pour plus d'informations sur ces termes, voir :</p>
<ul>
<li><a href="http://fr.wikipedia.org/wiki/Podcasting">La page de Wikipédia</a></li>
</ul>
<p>Votre blog sous Dotclear est naturellement un diffuseur de podcasts.</p>
<p>En effet, votre blog diffuse différents flux RSS qui peuvent rapidement se transformer en flux de podcast.</p>
<p>Mode d'emploi :</p>
<ul>
<li>Avoir à disposition des ressources sous la forme de fichier (fichier audio mp3 ou vidéo ou pdf... Tout type de fichier peut être utilisé). Vérifier que vous avez <a href="http://blog.ac-versailles.fr/index.php/post/Publication-blog-et-droit-d-auteur">le droit de diffuser ce fichier</a> ;</li>
<li>Créer un billet par ressource ;</li>
<li>Dans l'option « Ajouter un fichier au billet », joindre votre fichier (audio ou vidéo, ou tout type de document) ;</li>
<li>Créer autant de billets de ce type que vous avez de ressources ;</li>
<li>Ensuite plusieurs choix :
<ul>
<li>Soit votre blog est dédié à cela. Dans ce cas, le flux RSS de votre blog est un flux de podcast. Il n'y a rien de plus à faire ;</li>
<li>Sinon, placer les billets dans une catégorie dédiée. Le flux RSS de la catégorie est alors un flux de Podcast !</li>
<li>Ou : Associer à chacun des billets le même tag. Le flux RSS du tag est alors un flux de podcast !</li>
</ul></li>
</ul>
<p>Le widget « Liens d'abonnement aux podcasts » permet à vos visiteurs de s'abonner facilement (pour le tag « podcast »).</p>
<p>En cas de besoin ou pour plus de précisions, utilisez notre <a href="http://forum.ac-versailles.fr/blog">« forum blog »</a>.</p>Afficher une galerie photourn:md5:ab2f436bf8eab61c570d11a20e3857ef2009-05-28T16:50:00+02:002016-12-09T08:36:50+01:00Johan PustochAidesAideFonctionnalitésImages<p>Voilà ce que l'on peut faire à l'aide des Galeries « Pictures Show » ! Vous verrez c'est très pratique pour mettre plusieurs photos dans un même billet.</p> <p>Vous pouvez voir ci-dessous (en bas du billet) une galerie de photo très facile à créer grâce au menu « <strong>les galeries Pictures Show</strong> » que vous trouverez à gauche dans l'interface d'administration de votre blog.</p>
<p>C'est relativement simple, voici les différentes étapes (à partir de l'interface d'administration de votre blog évidemment). Certaines des étapes (la A et la C) ne sont à effectuer qu'une seule fois.</p>
<ul>
<li><strong>A) Configurer sur votre blog</strong></li>
</ul>
<ol>
<li>Au préalable, il faut avoir activé la fonctionnalité <strong>« Pictures Show</strong> » : pour cela, dans vos extensions, utilisez le lien « Pictures Show » et cocher la case d'activation avant d'enregistrer.</li>
</ol>
<ul>
<li><strong>B) A gauche, cliquer sur « gestionnaire de médias »</strong></li>
</ul>
<ol>
<li>Créer un nouveau répertoire en lui donnant le nom que vous désirez donner à votre galerie, puis enregistrer. </li>
<li>Une fois votre répertoire créé, il apparait à l'écran. Cliquer dessus : il est vide ; il ne vous reste plus qu'à y ajouter des fichiers photos en parcourant votre ordinateur à l'aide de « <strong>parcourir</strong> » puis en enregistrant à chaque fois. Compléter le « titre du fichier » pour chaque photo (cf. plus bas).</li>
<li>Attention à la taille de vos photos : 800 px sur 600 px est un grand maximum. 300 à 400px est une taille raisonnable. (voir : <a href="http://blog.ac-versailles.fr/index.php/post/Conseils-pour-les-images-et-les-documents">Conseils pour les images et les documents</a>).</li>
<li>Bravo vous venez de créer un répertoire de photos dans le gestionnaire de média !</li>
</ol>
<ul>
<li><strong>C) Toujours à gauche, cliquer sur « Les galeries Picture Show »</strong></li>
</ul>
<ol>
<li>En haut de la page, cliquez sur l'onglet « <strong>paramètre d'affichage</strong> », puis appliquer les options suivantes : (ces options s'appliqueront pour toutes vos galeries).<br />
<br />
<ins>Style prédéfini</ins> : laisser vide<br />
<ins>Paramètres de galerie</ins>:
<ul>
<li><em>nombre d'image par page </em>: laisser vide ou choissisez un nombre</li>
<li><em>Format principal</em> : choisir « medium » ou « original » (si vos images sont assez petites, le choix medium ne fonctionnera pas correctement)</li>
</ul>
<ul>
<li><em>Format des miniature</em>s : choisir « thumbnail » ou « square »</li>
</ul>
<ins>La page picture show</ins>:
<ul>
<li><em>menu visible</em> : laisser vide</li>
</ul>
<ins>La page d'accueil </ins>:
<ul>
<li><em>Cible du lien</em> : choisir « la partie du billet »</li>
<li><em>Décoration du lien</em> : choisir la seconde possibilité pour la plupart des cas</li>
</ul>
<ins>La partie galerie du billet</ins>:
<ul>
<li><em>contenu </em>: « Afficher la galerie (...) »</li>
<li><em>Aspect du titre</em> : comme vous voulez.</li>
</ul>
</li>
</ol>
<ul>
<li><strong>D) Organiser votre galerie</strong></li>
</ul>
<ol>
<li>Dans le « <strong>gestionnaire des galeries</strong> », choisissez un répertoire de photos (celui que vous venez de créer, c'est mieux !).</li>
<li>choisissez l'ordre des photos, puis enregistrer.</li>
</ol>
<ul>
<li><strong>E) Enfin insérer la galerie dans le billet de votre choix : </strong></li>
</ul>
<ol>
<li>Choisir un billet existant ou en créer un nouveau.</li>
<li>Associer au billet la galerie que vous venez de créer (voir en bas de la rédaction du billet).</li>
<li>Enregistrer le billet.</li>
<li>C'est terminé. Regarder le résultat.</li>
</ol>
<p><br />
Vous remarquerez qu'en cliquant sur une photo celle-ci s'agrandit avec un bel effet « magnific-popup » et vous pouvez lire une légende pour chaque photo. La légende n'est rien d'autre que le titre du fichier que vous avez ajouté quand vous l'avez enregistré dans le gestionnaire de média (à ne pas confondre avec le nom du fichier ! ). N'oubliez donc pas de mettre des titres à vos fichiers !<br />
<br />
Sur votre page d'accueil du blog s'affichera au niveau du billet concerné un lien vers cette galerie.<br />
<br />
Merci à Antoine Pantaloni pour son aide pour la rédaction de cette documentation.</p>Fonctionnalitésurn:md5:4d8343d5dd8ce0960580aea5c35851912008-01-08T12:12:00+01:002016-03-12T09:48:53+01:00Johan PustochAidesFonctionnalités<p>Les fonctionnalités de création de blog : fonctionnalités offertes, options possibles,...</p> <h3>Fonctionnalités de base de cette « plateforme de blogs » :</h3>
<p>Le cœur de cette plateforme de blog est le <a href="http://www.dotclear.net/" hreflang="fr">moteur de blog Dotclear</a> (version 2).<br />
Votre blog vous proposera donc toutes les fonctionnalités de Dotclear (et de certains « plugins »).</p>
<h4>En bref</h4>
<ul>
<li>Création d'un blog en seulement quelques secondes (<strong>pour tous les enseignants ou animateurs pédagogiques de l'académie de Versailles</strong>)</li>
<li>Plusieurs dizaines de <strong>thèmes graphiques</strong> proposés pour personnaliser l'apparence de votre blog.</li>
<li>Un blog par défaut entièrement et très simplement configurable</li>
<li><strong>Administration et rédaction des billets très simples</strong>. Vous créez vos articles sans aucune connaissance spécifique.</li>
<li>Blog multi-comptes : plusieurs personnes peuvent y intervenir avec des permissions différentes.</li>
<li>Ajout de vos <strong>images et documents</strong>. Galeries de photos. Lecteurs de mp3 et de vidéos.</li>
<li>Les <strong>vidéos</strong> YouTube, Dailymotion, ScolaWebtv académique peuvent être incluses directement dans vos articles.</li>
<li>Vos visiteurs peuvent commenter vos articles.</li>
<li>possibilité de protéger le blog à l'aide d'un mot de passe (blog privé)</li>
</ul>
<h4>Fonctionnalités avancées:</h4>
<ul>
<li>Possibilité d'importer ou d'exporter le contenu d'un blog.</li>
<li>Gestionnaire de médias pour vos documents images ...Vos images téléversées sont automatiquement convertis en 3 formats: original, thumbnail et miniature.</li>
<li>Système de mots clés ou <strong>tags</strong> pour regrouper vos articles sur un même sujet.</li>
<li><strong>Organisation des menus totalement personnalisable</strong> grâce à un système de widgets.</li>
<li>et bien d'autres ...</li>
</ul>
<p>Toute l'interface d'administration de vos blogs se veut simple et efficace. C'est pourquoi nous avons choisi le moteur <a href="http://www.dotclear.net/" hreflang="fr">Dotclear 2</a>.</p>Conseils pour les images et les documentsurn:md5:6395de151ccf03cfdbd158430b8f37a52008-01-08T12:11:00+01:002016-11-24T09:19:09+01:00Johan PustochAidesAideFonctionnalitésImagesVidéos<p>Quelques conseils pour alimenter son gestionnaire de médias et pour améliorer la présentation de ses billets.</p> <p>Votre blog est doté d'un gestionnaire de médias : une sorte de médiathèque où vous pouvez ajouter des images, des documents. Vous pouvez les placer dans des dossiers pour qu'ils soient bien rangés.</p>
<p><a href="http://blog.ac-versailles.fr/default/public/mediatheque.jpg"><img alt="" src="http://blog.ac-versailles.fr/default/public/.mediatheque_t.jpg" style="margin: 0 auto; display: block;" title="mediatheque.jpg, janv. 2009" /></a></p>
<h3>La taille des images et des documents joints</h3>
<p><big><big><strong>Attention</strong> : ne pas mettre d'images dans vos billets par copié/collé depuis word. Si vous faites cela, les pages de votre blog mettent beaucoup de temps à se charger. Dans ce cas, les images se trouve enregistrées en base de données et cela pose des problèmes (ce n'est pas bon pour l'ensemble de la plateforme).</big></big><br />
<br />
La taille maximale d'un document que vous pouvez charger dans votre médiathèque est de 25 Mo sur notre serveur. Cette taille est normalement suffisante pour des documents conséquents ou des vidéos suffisamment compressées.<br />
Il est important de bien faire attention à la taille de vos documents sous peine de voir la place occupée par votre blog dépasser la taille du raisonnable.<br />
<br />
Les documents que l'on joint le plus souvent dans ses billets sont des images. Pour celles-ci, les formats à utiliser sont : jpg ou png ou gif.<br />
<br />
Toutefois la taille des images <strong>ne devrait pas dépasser 200 à 300 Ko</strong> pour des images illustratives (et au maximum <strong>600px à 1000px </strong>de large pour des galeries de photos ou des images à agrandir). Si vos images sont trop grandes, le serveur ne pourra pas en faire des vignettes. Ce serait dommage de se passer d'une telle fonctionnalité de dotclear bien utile pour faire des images cliquables ou des galerie de photos (avec « Gallery insert » ou avec <a href="http://blog.ac-versailles.fr/index.php/post/Afficher-une-galerie-photo">« Pictures Show »</a>).<br />
<br />
<strong>Il ne faut pas utiliser d'images qui proviennent directement de votre appareil photo</strong> ou d'un scanner : il est indispensable de les traiter au préalable pour diminuer leur taille informatique et leur dimension (un appareil photo génère souvent des images de près de 4000 px de large et de plus de 2 Mo !).<br />
Pour traiter vos images vous pouvez utiliser un logiciel comme :</p>
<p> </p>
<ul>
<li><a href="http://photofiltre.free.fr/" hreflang="fr">photofiltre</a> (logiciel gratuit). Permet de traiter par lot un répertoire d'images (dans « outils » , « automatisation » )</li>
<li><a href="http://www.paint.net/" hreflang="fr">paint.net</a> (logiciel libre et gratuit)</li>
</ul>
<p><br />
Si vous souhaitez utiliser une image qui est déjà en ligne, vous pouvez utiliser le bouton « image externe » en utilisant son url.</p>
<h3>Les galeries de photos</h3>
<p>Quand vous avez ajouté des images dans votre médiathèque (dans un dossier spécifique), vous pouvez créer une galerie de photographies à partir de ces images. Voir la procédure : <a href="http://blog.crdp-versailles.fr/index.php/post/Afficher-une-galerie-photo">galerie avec « Pictures Show »</a> ou utiliser « Gallery insert ».</p>
<h3>Afficher sur la page d'accueil une image aléatoire avec le plugin Gallery</h3>
<p>Poster une série d'images dans un dossier spécifique dans le gestionnaire de média. Vérifier auparavant la taille et le poids des images.<br />
<br />
Sur le tableau de bord, cliquer sur Galerie, onglet galerie, créer une nouvelle galerie. Saisir le titre, préciser le répertoire des images dans la médiathèque, état de la galerie : publié.<br />
Onglet Gestion des nouvelles images, préciser le répertoire des images dans la médiathèque, cocher la case "Créer les billets images pour les médias dans le dossier".<br />
Valider, en cliquant sur "Soumettre", puis "Mettre à jour toutes les galeries"<br />
Dans l'onglet Images, la liste des images apparaît, et dans l'onglet Galeries, le nombre d'images apparaît.<br />
Cette partie de la procédure, gestion des nouvelles images, sera à réitérer si vous enrichissez par la suite votre série d'images aléatoires.<br />
<br />
Dans le module "Widgets de présentation", glisser-déposer le widget "Image aléatoire" dans le bandeau de navigation ou dans le bandeau d'extras, selon votre choix d'affichage sur la page d'accueil.<br />
Cliquer sur le + du widget pour le paramétrer : lui donner un titre, choisir la taille d'affichage des miniatures, et choisir lien vers l'image pour obtenir l'image originale au clic sur la miniature.<br />
<br />
Vérifier l'affichage sur le blog. Pour un affichage successif de plusieurs images aléatoires, il faut actualiser la page, en vidant le cache du navigateur. Voir la procédure par exemple avec le <a href="https://support.mozilla.org/fr/kb/raccourcis-clavier#w_navigation" hreflang="fr">navigateur Firefox</a>.</p>
<h3>Liens vers un document joint</h3>
<p>Pour joindre un document dans un billet, il y a plusieurs possibilités :</p>
<ol>
<li>Dans l'édition du billet, à droite regardez les pièces jointes et cliquez sur « Ajouter un fichier au billet ». Vous vous retrouvez alors dans votre médiathèque. Vous ajoutez votre fichier s'il ne s'y trouve pas déjà et vous cliquez sur « + ».</li>
<li>Autre solution : utilisez le bouton « Sélecteur de média » qui vous permet d'insérer une image ou un lien vers un fichier.</li>
</ol>
<h3>Les vidéos</h3>
<p> </p>
<p><a class="ref-post" href="http://blog.ac-versailles.fr/index.php/post/Inserer-une-video">Voir la page dédiée</a>.</p>
<p> </p>