Cossi ajustar una pagina sul sit/Comment ajouter une page sur le site

Pour qu'un site permette d'être modifié «à la volée», il doit se reposer sur une technologie particulière. On appelle cette technologie, un système de gestion de contenu, en anglais CMS pour Content Management System, en occitan Sistèm Bailejaire de Contengut. Il existe différents programmes qui mettent en place cette technologie. Selon le programme, la rédaction des pages, leur publication et la structuration du site par des menus seront différentes. La technologie que nous avons choisi et que nous illustrons se nomme Drupal.

Dans le cadre de ce tutoriel vous allez être capable de :

1. vous identifier dans le site

2. créer une page de contenu (parmi d'autres types de contenu)

3. enrichir votre texte, graisse, italique, etc.

4. revenir dessus pour le corriger

5. changer son URL pour un nom plus évocateur

6. ajouter un fichier (une image dans ce cas) à télécharger

7. placer cette image au milieu du texte

Identification de l'utilisateur

Dans tout gestionnaire de contenu il faut que le rédacteur s'identifie.
Pour cela il doit rentrer son nom d'utilisateur et son mot de passe. Il
faut au préalable que son compte ait été créé dans le système. C'est le
rôle de l'administrateur du site de créer ce compte, mais dans certains
cas la création d'un compte est libre moyennant la saisie de quelques
renseignements.

Vous saisissez votre nom d'utilisateur et votre mot de passe ... mais avant que le système ne vous réponde, le navigateur vous propose de conserver votre mot de passe. Vous pouvez refuser mais vous devrez retaper votre mot de passe chaque fois que vous relancerez votre navigateur. Si vous acceptez, le navigateur s'en souviendra et il vous connectera spontanément chaque fois que vous rentrerez sur le site.

Nous recommendons l'utilisation du navigateur Firefox.

Création de contenu

Vous désirez créer du contenu. Lorsque vous êtes connectés un menu
personalisé apparaît et met à votre disposition les fonctionalités du système
auquelles vous avez droit.

Ici le menu «Créer un contenu» est offert pour un utilisateur doté de droit de rédaction.

Remarquez ci à gauche, l'adresse qui va être exécutée : http://www.ieo30.org/node/add. La partie soulignée est importante.

Créer une page

Entrez le texte voulu

Enrichir le texte saisi

avec l'outil «gras» vous graissez le texte sélectionné.

avec l'outil «Italique» vous mettez en italique le texte sélectionné. Certains outils sont évidents d'autres sont plus complexes, n'hésitez pas à faire des essais. Des bulles d'aides vous informent succintement de la fonction de l'outil. Là aussi de outils peuvent apparaître ou non selon la configuration décidée par l'administrateur du site.

Ajouter un menu

Sous l'éditeur de texte se trouve une série de boites de paramètres. Choisissez d'ouvrir l'option «Paramètres du menu», la boite se déroule et laisse apparaître les paramètres à renseigner, tandis que le petit triangle devant le titre de la boite se positionne pointe en bas.

Paramètres du menu

Pour que l'élément du menu soit créé, le titre est obligatoire, ici «Exercici d'insercion de pagina» sera l'élément de menu. Ensuite vous déroulerez la boite à lister afin de choisir «Programa del talhièr informatica» comme menu parent. Attention cette opération est nécessaire afin de retrouver la page dans la structure du site. Sans cela la nouvelle page semblera être inaccessible. Il existe d'autres moyens pour faire apparaître la nouvelle page mais il sortent du cadre de ce tutoriel.

Soumission de la page dans le site

Votre page va enfin prendre vie dans le site, il vous restera encore quelques réglages pour clore la formation. À la fin du formulaire d'édition vous trouverez les boutons pour visualiser l'aspect de votre travail et une fois le travail satisfaisant pour pourrez créer votre page définitivement.

Première page

Notez les changements sur la page soulignés par les remarques.

Le résultat est là mais il un réglage fait défaut car le texte n'est pas enrichi. Cela nous donnera l'occasion de montrer comment corriger une page existante.

Correction d'une page

Dans un page éditable par l'utilisateur comme celle nouvellement créée, on voit apparaître deux onglets, le second onglet permet de modifier (éditer) la page courante. Cliquez sur l'onglet «Editer».

Changement du format d'entrée

Dans le formulaire d'édition vous trouverez la boite à paramètres du format d'entrée. Sélectionnez le format «Full HTML» afin de permettre à l'enrichissement HTML de s'exprimer librement. Attention avec cette liberté, vient la responsabilité de savoir ne pas faire n'importe quoi et de ne pas copier/coller des textes provenant de traitement de texte. Considérez-vous comme prévenus, n'essayez pas de copier/coller du texte déjà enrichi sous peine d'avoir un résultat décevant.

Ajout d'un alias d'URL

Vous remarquerez que la nouvelle page ajoutée était nommée automatiquement comme par exemple : node/25. Vous allez en profiter pour donner un nom plus évocateur. Dans la boite à paramètres du chemin d'URL mettez le terme désiré. Dans notre cas «exercici_insercion», notez qu'il n'est pas conseillé de mettre des espaces ou des caractères de ponctuation.

Le numéro de la page a été substitué par un nom.

Insertion d'un fichier à télécharger

Dans ce cas le ficher à télécharger est une image, mais il peut très bien être un fichier PDF, un fichier compressé, une vidéo ou un fichier son, tout fichier que l'on veut proposer au téléchargement. Attention le fichier ne doit pas être trop volumineux sous peine de se voir refuser le chargement. Le fichier proviendra de votre machine et sera copié dans le serveur (la machine qui héberge le site). Cette action se nomme le télédéchargement, le téléchargement étant l'action inverse, soit de récupérer chez soi un fichier sur un serveur. Une fois sur le serveur l'image sera utilisée pour décorer l'article.

Dans la boite de paramètres des fichiers attachés, vous devrez saisir le nom complet du ficher à télédécharger. Attention le nom complet c'est le nom de l'emplacement du fichier suivi de son nom.

Pour vous aider à remplir ce champ vous pouvez toujours cliquer sur le bouton «Parcourir» afin d'afficher la boite de dialogue suivante.

Quand vous avez choisi le fichier, cliquez sur le bouton «Ouvrir», et le nom complet du fichier viendra s'écrire dans le champ.

Cliquez ensuite sur le bouton «Attacher» pour lancer le transfert. Une animation vous fait patienter et l'écran suivant s'affiche.

Notez la case à cocher «liste», si la coche est mise le nom du fichier sera affiché à la fin de l'article permettant au lecteur de récupérer l'image dans son intégralité (sa taille réelle). Sinon le fichier demeure dans le serveur en attente d'être exploité. Notez bien le texte qui apparaît sous la description, c'est l'adresse web du fichier dans le serveur autrement dit, l'URL. Notez la dernière partie ; http://www.ieo30.org/files/cobertoirada.jpg dans cet exemple, car elle vous servira plus tard.

Cliquez de nouveau sur le bouton «soumettre» pour valider l'opération.

Voyez plus haut le fichier tel qu'il apparait dans l'article.

Insertion de l'image dans le texte

Ici vous exploiterez l'image qui vient d'être télédéchargée. Cliquez sur l'outil «image» et le gestionnaire d'image apparaît.

Renseignez les champs du formulaire, en reprenant l'adresse partielle du fichier que vous avez noté plus haut, un petit texte d'info-bulle est toujours apprécié. Afin de faire plus naturel vous décidez que l'image se disposera à droite du texte celui-ci l'entourant sur la gauche. En dernier vous ajusterez la taille de l'image afin de la rendre plus harmonieuse, sachant que le fichier est toujours disponible dans sa taille originelle.

Cliquez
sur le bouton «Appliquer» et l'éditeur fera apparaitre l'image selon l'aspect le plus approchant du résultat final.

Soumettez l'article et appréciez le résultat.

<optionnel> Vous pouvez maintenant décocher la case «liste» des paramètres de fichiers attachés et la ligne du fichier d'image à décharger disparaitra.</optionnel>

Cric crac lo tutorial es acabat.