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.

Image utilisateur

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 :

Image utilisateur

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.

Image utilisateur
Image utilisateur

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" :

Image utilisateur

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...

avatar DavidV 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 :

Image utilisateur

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 :

Image utilisateur

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.

Page précédente
Page suivante