Rédigez vos propres cours.

1. Introduction
   • Création d'un cours



2. Les pages
   • Ajouter une page
   • Modifier une page
   • Supprimer une page



3.  Gestion du cours
   • Gestion des droits
   • Gestion de l'ordre des pages
   • Édition du sommaire
   • Demande de validation
   • Demande de suppression



4. Quelques conseils techniques (en vrac)
   • Le style
   • Les images
   • Les vidéos
   • Le mot de la fin..
     

Gestion avancée des cours

Gestion des droits

Quels droits ?

Il est probable que, si je vous parlais de "droits", vous ne comprendriez pas grand-chose. C'est pourquoi je vais vous expliquer en quelques lignes ce que sont les droits.

Le module de cours vous permet d'inviter d'autres membres à rédiger votre cours. Pour qu'un autre membre puisse modifier votre cours, il va falloir lui en donner la permission, les droits. D'où le titre Gestion des droits.

Pour accéder à la page de gestion des droits, il va falloir vous rendre une fois de plus sur le cadre bleu. Cliquez sur le lien Gérer les permissions

Vous allez aboutir à une page similaire à celle ci-dessous. Il vous suffira d'entrer le pseudo exact du membre que vous voulez ajouter, puis de valider le formulaire : il sera alors ajouté à la liste des rédacteurs de votre cours.

Le membre apparaît aussitôt dans la liste des rédacteurs.

Si vous ne voulez plus qu'il soit rédacteur, vous pouvez cliquer sur le lien Virer situé à côté de son pseudo : il sera automatiquement supprimé de la liste des rédacteurs.

Avertissements

Le système de gestion des permissions en étant seulement à sa première version, il n'est pas encore très élaboré. Prochainement, il permettra une gestion plus poussée des permissions: Ajouter une page, modifier une page, supprimer une page, ajouter un membre, supprimer un membre, etc. En revanche, vous ne pourrez jamais, pour des raisons de sécurité, donner les pleins pouvoirs à un rédacteur. Nous tenons à éviter toute source de litige.

Gestion de l'ordre des pages

Nous allons maintenant voir comment modifier l'ordre des pages. Un point qui pourra vous être très utile si vous décidez un jour d'ajouter une page au milieu de votre cours.

Une fois de plus, il faut vous rendre sur ce fameux cadre bleu. Cette fois-ci, il faut cliquer sur Modifier l'ordre des pages.
Une fois que vous aurez cliqué, le cadre bleu va s'élargir pour afficher la liste des pages, avec des liens sur la gauche. Il y a deux types de liens : [monter] et [descendre]. Comme le veut la logique, la première page ne contient pas de lien [monter], tout comme la dernière ne contient pas de lien [descendre] : cela serait totalement inutile.

Le mode ordre des pages "en pleine action".

Comme vous l'aurez compris, le lien [monter] va monter la page qui se trouve à droite du lien, et le lien [descendre] va la descendre.

Pour quitter le mode Ordre des pages, vous pouvez, soit cliquer sur le lien Quitter le mode ordre des pages, soit cliquer sur un autre lien et poursuivre ce qui vous vouliez faire.

Édition du sommaire

Vous l'aurez constaté, les parties de cette page sont très courtes, car l'utilisation de certaines fonctionalités est très basique. Et tous les liens sont explicites au maximum. La partie qui suit, elle, est encore plus courte..

Comme par hasard, nous allons retourner sur ce cadre bleu ; cliquez cette fois-ci sur le lien Éditer le sommaire.

Si c'est la première fois que vous vous rendez sur cette page, ne soyez pas surpris qu'elle soit vide :)
L'éditeur est le même que celui pour l'édition des pages. Dans le sommaire, vous pouvez très bien insérer une introduction, puis ajouter le sommaire. Libre à vous de choisir ! Cependant, utilisez les balises de liste à puces pour votre sommaire. Vous pouvez les ajouter manuellement en cliquant sur l'éditeur html, ou bien utiliser l'éditeur pour créer une liste à puces.

En cliquant sur ce bouton, une nouvelle fenêtre va apparaître, dans laquelle vous pourrez ajouter votre code HTML


En cliquant sur ce bouton, vous allez pouvoir ajouter des entrées à votre liste à puces.

A noter : si vous cliquez sur le bouton à droite du bouton Liste à puces, vous allez pouvoir insérer un liste numérotée. Cette option peut aussi être utilisée, voire combinée, avec les listes à puces.

Une fois votre cours complet, n'hésitez pas à transformer votre sommaire, et à ajouter des liens aux entrées vers les pages correspondantes. Cela ne pourra être qu'un plus pour votre cours et pour les lecteurs.

Demande de validation

Pour valider un cours, il va falloir vous rendre dans la liste des cours. Jetez un coup d'oeil au beau tableau et ciblez le cours que vous voulez faire valider.

Vous avez trouvé ?

Bien, allez maintenant vers la droite et regardez la liste des actions possibles. Si vous êtes le rédacteur en chef du cours, vous verrez quatres icônes. La première sert à modifier le cours, la deuxième à voir le cours (dans sa version non-validée) et la troisième, à faire valider son cours ! Il est représenté par un trèfle noir ! (la dernière icône sert à supprimer le cours, d'où la bombe :)

Une fois que vous aurez cliqué sur le trèfle, vous serez redirigé vers la page de confirmation avant validation. Veuillez lire le petit encadré. Il va certainement être modifié de temps en temps. Une fois qu'il sera modifié, la date de la dernière modification apparaîtra. Merci de le relire si cette date a changé depuis votre dernière lecture.

La page de confirmation avant validation.

Une fois que vous aurez confirmé, votre cours sera mis en statut Demande de validation !
Un correcteur repassera votre pour voir s'il ne contient pas trop de fautes et/ou pour le corriger. Si votre cours contient trop de fautes, un correcteur peut se permettre de refuser sa validation.

Demande de suppression

Pour conclure cette page, je vais vous parler de la suppression d'un cours.

La suppression d'un cours par un membre n'est pas encore à l'ordre du jour. Mais elle va venir dans une prochaine mise à jour. Pour l'instant, il vous faudra en parler avec un administrateur qui, lui, possède les droits suffisants pour supprimer un cours. Si votre cours est intitulé Test, kikou tout le mon2 ou Waahou ne vous souciez pas de le supprimer, il sera systématiquement supprimé par un administrateur dès que vous l'aurez créé. Évitez donc de créer de nouveaux cours qui n'ont aucune vocation ludique pour les autres.

Quelques conseils techniques

Rédiger un cours en ligne n'est pas aussi facile qu'on pourrait l'imaginer. Il faut savoir adapter son écriture. Car si un lecteur se retrouve face à un texte très/trop littéraire, il va certainement partir en courant (j'exagère peut-être un peu...).

Aussi, il vous faudra faire attention à certains points :

Premièrement, évitez de faire des phrases trop longues. Partez de l'idée que, plus c'est court, mieux c'est. Mais ne faites tout de même pas des phrases à la mode Télégramme :)

Un exemple de phrase trop longue. Je vous défie de la lire :)

Deuxièmement, un aspect plus visuel, espacez les paragraphes et faites des paragraphes de longueur réduite (la plus petite possible). Évidemment, si vous ne changez pas de thème ou d'idée, vous n'allez pas tronquer un paragraphe. Cela irait contre toute logique.

Un exemple de paragraphe trop long.

Un troisième aspect, encore plus visuel que le précédent, consiste à illustrer au maximum vos cours. L'envoi d'images par formulaire est là pour ça. Et il permet, comme vous avez pu le voir auparavant, l'affichage de miniatures qui sont plus légères et plus petites. Les images espacent le texte, ce qui permet au lecteur de faire une petite pause. Ne négligez pas ce point !
Vous pouvez aussi aligner vos images au centre pour un rendu optimal ;)

Faites tout de même très attention à bien illustrer vos cours avec des images de qualité et en rapport direct avec le cours. Faites aussi très attention avec les droits d'auteurs. Vérifiez que vous avez le droit de les afficher. Certains auteurs/sites prêtent volontiers leurs images, à conditions quelles soient hébergées par vous-même (donc chez DslN), et que vous indiquiez d'où elles proviennent. Ceci, tout simplement pour ne pas perdre de bande passante inutilement.
Utilisez donc l'envoi d'images par formulaire pour toutes vos images !

Pour terminer, les vidéos. Essayez de ne pas bourrer vos cours de vidéos. Au mieux, essayez de grouper certains points sur une seule vidéo. Si elle montre un cheminement, faites une vidéo à la fin, regroupant toutes les étapes. Et, au pire, préférez des illustrations à une vidéo de 5 secondes...

J'oubliais : voici une excellente page contenant 44 conseils pour bien rédiger une page web. N'hésitez pas à la consulter ;) :

- 44 conseils - pour bien écrire pour le web (par Jean-Marc Hardy)

Le mot de la fin...

Voilà. Ce cours est à présent terminé. Une première version de ce cours, qui à mis 2 mois à être rédigée. Et pour cause : le module de cours n'a pas cessé de changer ces derniers mois.
J'espère avoir été suffisament précis. N'hésitez pas à faire me faire des remarques par email () ou par MessagePrivé, ou bien encore par le biais du forum Remarques & suggestions.

Je n'ai plus qu'à vous souhaiter une bonne rédaction !

Créer une page

Introduction

Dans ce cours, nous allons voir comment créer soi-même un cours, puis comment profiter au maximum de toutes les fonctionnalités proposées par le module de rédaction de cours.

Ce cours n'est valable que pour le domaine Débutersurlenet.com, chaque site ayant son propre système de rédaction..

Création d'un cours

Tout d'abord, vous devrez vous rendre à la page d'accueil des cours grâce au lien situé sur le menu.

Une fois sur la page d'accueil, des liens vont apparaître sous le lien où vous avez cliqué ! Il vous faudra alors cliquer sur le lien Gérer mes cours.

Vous allez arriver directement sur la page de gestion de vos cours. Nous allons parler de cette page dans la deuxième partie de ce cours, notamment pour tout ce qui touche à la gestion des droits.
Pour ajouter un cours, cliquez sur le lien Ajouter un lien.

Maintenant, il va falloir lui donner un titre ainsi que, idéalement, une petite description. Essayez de ne pas utiliser un titre trop long. Il doit en dire un maximum sur votre cours, tout en restant succinT :).

Une fois que vous aurez fini de noter toutes ces précisions, vous allez valider le formulaire en cliquant sur le bouton "Poursuivre la création".

Votre cours est à présent créé. Vous allez être redirigé vers la page d'accueil de votre cours.

Maintenant que nous avons ajouté notre cours, nous allons voir comment ajouter une page à ce cours. Vous allez voir, c'est à peu de chose près le même principe.

Les pages

Comme vous pouvez le constater, la lecture d'un cours fonctionne comme un livre. Pour avancer dans le cours, il faut tourner les pages. Vous pouvez donc en déduire que la rédaction des cours se fait page par page.

Comme c'est la première fois que vous arrivez sur la page d'accueil de votre cours, il n'y a encore rien. Une fois que vous aurez ajouté vos pages, elles seront listées sous le cadre bleu.

Ajouter une page

Mais avant de nous intéresser à cette fameuse liste de page, il va falloir créer notre première page. Pour cela, il va falloir cliquer sur le lien Ajouter une page.

Vous allez ensuite être redirigé vers la page de rédaction des pages.

Cette page est constituée de 4 éléments :

1. Le champ où vous indiquerez le titre de la page
2. Le champ où vous rédigerez le contenu de la page
3. Un formulaire d'envoi d'images
4. Un formulaire d'envoi de pages au format HTML

Voici comment se présentent les deux premiers éléments :

Le champ "Nom de la page" ne devrait pas vous poser trop de problèmes. Le champ du contenu mérite quant à lui qu'on y passe un peu plus de temps.

Si l'on voulait faire court, on pourrait dire qu'il se comporte comme tout bon logiciel de traitement de texte. Et ce n'est pas faux. Si vous cliquez une fois sur l'icône Souligner et que vous écrivez, le texte sera en italique. L'aperçu est instantané ! Et ceci fonctionne avec tous les autres boutons.

Cet éditeur propose aussi une fonction pour importer un document "Word" avec sa mise en forme originale. Il faut tout de même faire attention avec les images, qui ne seront pas importées. Pour cela, il va falloir envoyer les images sur le serveur.

A présent que je vous en ai parlé, je ne vais pas vous laisser dans le noir. Nous allons maintenant voir comment envoyer des images sur le serveur.

Pour cela, nous allons nous diriger vers le 3è élément de la page qui, si vous vous en souvenez, est le formulaire d'envoi d'images (logique...).

Les extensions supportées sont :

• *.jpeg (JPEG)
• *.jpg (JPG)
• *.png (PNG)
• *.gif (GIF)

Pour envoyer une image, vous n'avez qu'à cliquer sur Parcourir, puis sélectionner votre image.

Une fois que vous avez validé le formulaire, la page va se recharger et le lien vers l'image va apparaître.
Ce lien contient déjà toutes les balises pour afficher l'image. Si vous avez coché la case Miniature, le lien contiendra un lien pour agrandir l'image et affichera une vignette (plus petite et légère que l'originale). Si, au contraire, vous n'avez rien coché, le lien contiendra tout ce qu'il faut pour afficher l'image originale.

Si votre image est de grande taille, veuillez cocher l'option Miniature, car les petites résolutions d'écran ne pourront pas l'afficher en entier (loin de là).

Un autre détail néanmoins important : faites attention avec les miniatures et les images avec transparence. Les miniatures ne gèrent pas très bien la transparence. Tout ce qui est transparent deviendra noir (uniquement sur la miniature). Ceci n'est pas à prendre en compte pour les images *.jp(e)g qui, elles, ne gèrent même pas la transparence. Vous pouvez générer vous même votre miniature en créant une image plus grande que l'autre, et en faisant un lien vers l'image de taille originale.

Un dernier détail : essayez de limiter le poids de vos images. 500 Ko, c'est trop ! Pensez aux Bas-débits :)

Pour cela, préférez des images *.png avec une compression plus élevée. Le PNG est très pratique pour cela car les pertes en qualité sont infimes.

Maintenant que nous avons parlé des 3 premiers éléments, nous allons attaquer le dernier :

L'envoi de page au format HTML par formulaire

.

Ce procédé fonctionne comme l'envoi d'images, sauf que vous allez envoyer le fichier ".html" ; puis celui-ci sera lu, assimilé et détruit par le serveur. Contrairement aux images, qui sont stockées directement sur le serveur FTP.

Faites attention à ne pas combiner la rédaction par formulaire et la rédaction par envoi de pages au format ".html" ! Car, lorsque vous mettez à jour une page en utilisant l'envoi de pages par formulaire, la dernière version de la page est supprimée, puis remplacée par la nouvelle version. Et, dans le même style, ne rédigez pas un bout du cours avec le formulaire, et un autre bout en envoyant une page ".html", car le bout rédigé sur le formulaire ne sera pas pris en compte quand vous validerez...

Voici comment se présente le formulaire d'envoi de fichier ".html" :

Une fois que vous avez envoyé votre cours, vous allez être redirigé vers la page d'accueil de votre cours et, comme par magie, une nouvelle liste est apparue sous le cadre bleu. Et elle n'est autre que la liste de vos pages !
Maintenant que vous savez comment ajouter une page, nous allons voir comment la modifier...

Astuce pas cher !
Pour ceux qui, comme moi, préfèrent rédiger leur cours avec un éditeur de texte qui prend en charge le html (ex. : "Notepad++"), vous pouvez rédiger sur "Notepad++" et ouvrir une fenêtre de votre navigateur sur la page de rédaction d'une page. Vous pourrez ainsi directement ajouter des images et copier-coller le lien sur votre éditeur de texte.

Modifier une page

La modification d'une page fonctionne exactement comme l'ajout d'une page. D'ailleurs, c'est la même page :) ...

Et, comme c'est la même page, je n'ai pas besoin de vous présenter les fonctionnalités du panneau de rédaction des cours... c'est le même !

Notez toutefois, comme je vous l'ai dit précédemment, que l'envoi d'un fichier ".html" effacera entièrement l'ancienne version de la page !

J'allais oublier. Voici où se trouve le lien pour modifier vos pages :

Vous aurez pu le constater, cette partie est très courte car il n'y a pas grand-chose de nouveau. En fait, il y a un formulaire d'envoi de vidéo en plus, mais il n'est pas encore opérationnel. Il va donc falloir attendre encore un petit peu. Je mettrai le cours à jour en temps voulu.
Nous allons maintenant clore cette partie en vous parlant de la suppression d'une page !

Supprimer une page

Rien de très technique à vous montrer, si ce n'est la démarche à suivre.

Mais, tout d'abord, il faut que vous sachiez qu'il faut être le Rédacteur en chef pour pouvoir supprimer une page. Ceci pour des raisons de sécurité.

Pour supprimer une page, il vous suffit simplement d'aller voir sur la liste des pages qui se trouve en bas du cadre bleu, dans la page d'accueil de votre cours. Cliquez sur le bouton Supprimer. Une confirmation vous sera demandée :

Vous n'avez plus qu'à cliquer sur le bouton Supprimer et votre page disparaîtra... à jamais !

Mine de rien, nous venons de parcourir tout ce qui concerne la création, la modification et la suppression de pages. Le fonctionnement de ces systèmes est assez simple à assimiler. Si toutefois vous avez des doutes, n'hésitez pas à relire cette page : cela vous évitera de faire une bêtise qu'il serait impossible de réparer.
Sinon, vous pouvez passer à la page suivante, qui est la plus grosse partie de ce petit cours. Nous allons voir comment ajouter des rédacteurs à son cours, ou comment les révoquer. Nous allons aussi voir comment nous pouvons changer l'ordre des pages que nous venons de créer. Et, pour finir, nous verrons certains points des plus importants, qui sont la demande de validation et la demande de suppression. Sans oublier l'édition du sommaire, qui est en quelque sorte la facade de votre cours.