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.