Formation pour les rédacteurs du web dynamique Février 2006 TABLE DES MATIÈRES

Transcription

1

2 TABLE DES MATIÈRES Section 1 - Découvrir l espace privé L accès à l espace privé L'écran d'ouverture La barre des fonctions principales La barre de séparation et ses fonctions La zone de travail La partie travail La partie annexe... 6 Section 2 - Naviguer dans l espace privé Ouvrir le navigateur Naviguer d'une rubrique à l'autre Ouvrir une rubrique ou un article Reconnaître l état d un article En résumé... 9 Section 3 - Rédiger un article Récupérer la rubrique Rédiger un nouvel article Valider un article Utiliser les fonctionnalités de la page de publication Ajouter des documents ou des images Proposer l'article à l'évaluation et à la publication En résumé Section 4 - Rédiger une brève Récupérer la rubrique Rédiger une nouvelle brève Valider une brève Section 5 - Déposer un document Récupérer la rubrique Déposer un document Section 6 Référencer un site Récupérer la rubrique Référencer un site Valider un article... 23

3 Section 1 - Découvrir l espace privé Vous êtes rédacteur, cette formation s adresse à vous. Vous êtes donc une personne qui a accès à l espace privé du site et qui ne peut que proposer des textes en vue d une évaluation et d une validation de la part des administrateurs pour une diffusion sur le site. 1.1 L accès à l espace privé Sur tous les sites conçus en web dynamique, vous trouvez un lien qui permet d'accéder à l'espace privé. Ce lien est souvent appelé «Administration» ou «Publier en ligne». Seules les personnes qui ont un login (nom d'utilisateur) et un mot de passe ont accès à l'espace de publication. Lorsque vous êtes sur une page-école, vous avez une fenêtre d accès qui apparaît vous permettant de vous diriger soit vers l espace privé de votre école, soit vers l espace privé de l intranet ou soit vers l espace privé de la section «Qui fait quoi?». Cliquez sur le bouton Le login : pour faire votre choix. En cliquant sur «Administration» ou sur «Publier en ligne», vous obtenez une fenêtre qui vous demande votre login. Inscrivez-le et validez-le en cliquant sur le bouton. Section 1 Découvrir l espace privé Page 1

4 Le mot de passe : Une nouvelle fenêtre apparaît et vous demande, cette fois, votre mot de passe. Vous trouvez aussi une case à cocher si vous souhaitez rester identifié quelques jours (vous n aurez plus à introduire le login et le mot de passe pendant quelques jours sur un même ordinateur). Entrez votre mot de passe et cliquez sur le bouton. Section 1 Découvrir l espace privé Page 2

5 1.2 L'écran d'ouverture 1 2 Les zones : L'écran du logiciel se divise en deux zones. La zone des fonctions qui permet de choisir les écrans en rapport au travail à réaliser (zone n 1). La zone de travail qui permet la réalisation des travaux de mise à jour du site (zone n 2). La zone des fonctions : Cette zone est divisée en deux barres de fonctions. La barre des fonctions principales est invariable et représente les groupes de fonctions principales. La barre de séparation est en couleur et sépare la zone des fonctions de la zone de travail (pour une meilleure utilisation, cliquez sur l'icône de «Interface complète» représentée par le bouton ). La zone de travail : Cette zone est divisée en deux parties. La partie de travail est l'endroit à partir duquel vous réalisez tous vos travaux. La partie annexe permet d'affiner vos travaux et donne une série d'indications. Section 1 Découvrir l espace privé Page 3

6 1.3 La barre des fonctions principales Définition : La barre des fonctions principales est invariable et est commune à tous. Tout travail dans l'espace privé se réalise à l'aide d'un clic gauche de votre souris. FONCTION SON UTILITÉ Permet d'avoir des informations sur vos articles de différents statuts. Permet une vue plus précise en distinguant les différentes rubriques à la racine du site. Permet de suivre et de participer aux forums internes en cours. Permet de consulter une aide minimale sur le Web, mais suffisante pour vous dépanner. Permet de retourner sur le site public. Section 1 Découvrir l espace privé Page 4

7 1.4 La barre de séparation et ses fonctions Définition : La barre de séparation est une ligne de démarcation entre la zone des fonctions et la zone de travail. Vous y trouvez toute une série de raccourcis de fonctions très utiles qui s'activent sur un simple clic de souris et si des fonctions secondaires sont disponibles, elles se déploieront sur un simple passage de la souris. BOUTON FONCTION PRINCIPALE FONCTIONS SECONDAIRES Tout le site donne une hiérarchie de tout le site. Navigation rapide ouvre le navigateur. Rechercher permet de faire des recherches. Interface simplifiée/interface complète permet de choisir entre deux interfaces. Vous devriez normalement travailler en mode Interface complète qui vous permet toutes les fonctions possibles. Mode d affichage permet de choisir entre les modes d affichage suivants : les titres sans les icônes, les icônes et les titres ou les icônes sans les titres. Petit écran/grand écran permet de choisir la grandeur d affichage de l écran. Changer la couleur de l interface vous permet de choisir la couleur de votre graphisme en choisissant une couleur parmi celles qui sont proposées. Langue «français» est un menu qui déroule toutes les langues disponibles pour la traduction de l'espace privé. Se déconnecter permet de vous déconnecter de l'espace privé en supprimant les cookies qui mémorisent votre mot de passe. Vous trouvez l'arborescence des rubriques du site. Permet de visualiser vos articles en cours de rédaction ou les articles du site proposés à la publication. Aucune fonction secondaire. Aucune fonction secondaire. Aucune fonction secondaire. Aucune fonction secondaire. Aucune fonction secondaire. Aucune fonction secondaire. Aucune fonction secondaire. Section 1 Découvrir l espace privé Page 5

8 1.5 La zone de travail 2 1 La zone de travail est divisée en deux parties. La partie de travail est l'endroit à partir duquel vous réalisez tous vos travaux (zone n 1). La partie annexe permet d'affiner vos travaux et donne une série d'indications (zone n 2). Le contenu de la zone de travail change en rapport avec les fonctions demandées. 1.6 La partie travail Cette partie est celle que vous allez utiliser le plus. Elle a trois fonctions de base : La page de rédaction qui permet de modifier un article, une rubrique, une brève, La page de publication qui permet de vérifier la mise en page du travail. La présentation de données (agenda, synthèse de tous les articles, ). 1.7 La partie annexe Cette partie propose une série de fonctions annexes affinant votre travail (ajout de photos, d images ou de documents, ajout ou suppression de logos, raccourcis, ) en relation avec la partie de travail dans laquelle vous vous trouvez. Chaque fois qu'il y a une fonction de disponible, vous trouvez, à la gauche du titre, un petit triangle noir. En cliquant dessus, vous dépliez les différentes options proposées par la fonction. Section 1 Découvrir l espace privé Page 6

9 Section 2 - Naviguer dans l espace privé 2.1 Ouvrir le navigateur Dans la barre de séparation, vous cliquez une fois sur l'icône de Navigation rapide. La fenêtre de navigation s ouvre : Principe : Première colonne : Chaque colonne recense tous les éléments qui sont au même niveau hiérarchique, que ce soit des rubriques ou des articles. La première colonne (celle de gauche) indique toutes les rubriques qui sont à la racine du site. En dessous des rubriques, se trouvent deux icônes, une qui donne tous vos articles en cours de rédaction et l'autre les articles proposés et brèves à valider. Section 2 Naviguer dans SPIP Page 7

10 2.2 Naviguer d'une rubrique à l'autre Principe : Tête de colonne : En cliquant une fois sur une rubrique de la racine, vous la développez dans la colonne de droite suivante. Vous procédez de cette manière jusqu'au moment où vous trouvez la rubrique ou l'article recherché. Chaque rubrique sélectionnée se met en tête de colonne et en dessous se développent les éléments qui lui sont attribués. 2.3 Ouvrir une rubrique ou un article Vous ne pouvez afficher une rubrique que par la tête de colonne. Par contre, vous affichez un article à partir de la colonne même, car un article ne peut être rédigé que dans une rubrique. 2.4 Reconnaître l état d un article Les différents états d'un article ont été définis par un carré de couleur qui se situe devant son titre. Blanc : Orange : Vert : Rouge : Noir : L article est en cours de rédaction. L article est proposé à l'évaluation et à la publication. L article est publié en ligne. L article est refusé à la publication. L article est mis à la poubelle. ATTENTION, lorsque l'article est mis à la poubelle, son titre est toujours visible mais le contenu est définitivement inutilisable et illisible. Par contre, un article refusé peut toujours voir son statut être modifié par un administrateur. Dans la plupart des cas, l'administrateur va simplement remettre le statut de l'article en cours de rédaction et demander au rédacteur de faire des modifications. Section 2 Naviguer dans SPIP Page 8

11 2.5 En résumé Pour Faites Ouvrir le navigateur Cliquez sur le bouton de la barre de séparation. Naviguer d'une rubrique à l'autre Un clic gauche sur une rubrique la développe dans la colonne qui suit (à droite). Afficher une rubrique Cliquez sur l en-tête de la colonne de la rubrique que l'on souhaite afficher. Afficher un article Un clic gauche sur l'article concerné qui se trouve à l'intérieur d'une rubrique. Connaître l'état d'un article Blanc : il est en cours de rédaction. Orange : il est proposé à la publication. Vert : il est publié en ligne. Rouge : il est refusé. Noir : il est à la poubelle. Section 2 Naviguer dans SPIP Page 9

12 Section 3 - Rédiger un article 3.1 Récupérer la rubrique Pour rédiger un article, il est important de savoir dans quelle rubrique vous souhaitez l'insérer. Grâce à l'icône de la barre de séparation, vous pouvez afficher la rubrique dans laquelle vous voulez insérer votre nouvel article. 3.2 Rédiger un nouvel article Lorsque la rubrique est affichée, un encart montre les raccourcis qui peuvent être utilisés. Cliquez sur le bouton Écrire un nouvel article et vous obtenez la page de rédaction suivante : Section 3 Rédiger un article Page 10

13 Cette page de rédaction est très longue car tous les champs différents qui serviront à rédiger l'article sont sur une seule page. [Obligatoire] : Titre : Sous-titre : Vous devez absolument remplir, au moins les champs qui sont notés entre crochets [Obligatoire]. Les autres champs sont à remplir en fonction de la programmation du Webmestre. Il peut ou pas les utiliser. Le titre de l'article est obligatoire. Le sous-titre peut être utilisé pour compléter le titre. À l'intérieur de la rubrique : Permet de vérifier si l'article est dans la bonne rubrique. C'est par ce champ que vous pouvez, le cas échéant, changer l'emplacement de l'article. Lien hypertexte : Chapeau : Texte : Le lien hypertexte permet d ajouter un lien vers un site à visiter ou un lien vers un autre article. Complétez les champs Titre et URL. Dans le jargon de la presse écrite, désigne le court texte qui «chapeaute» l article. Le chapeau est utilisé pour placer le texte d introduction de l article (souvent le 1 er paragraphe). C'est le corps de l'article et il est obligatoire. Ici, vous pouvez refaire le monde et partager toutes vos idées. Comme dans la plupart des traitements de texte, cette zone vous offre une petite barre d outils qui vous donne quelques raccourcis pour faire de la mise en forme de texte. 3.3 Valider un article Valider : Une fois la mise en forme de votre texte réalisée, vous devez valider par le bouton situé en bas à la droite de votre page. L enregistrement permet de sauvegarder ce que vous avez fait mais surtout de faire apparaître la page de publication de votre article et de vérifier la mise en page. Section 3 Rédiger un article Page 11

14 3.4 Utiliser les fonctionnalités de la page de publication Page de publication : Cette page permet de réaliser deux choses : Vérifier la mise en page que vous venez de réaliser. Compléter votre article grâce à une série de fonctions. Zone de travail : Cette zone permet de réaliser, de vérifier : Le titre avec un carré blanc signifie que l'article est en cours de rédaction. Le sous-titre s'inscrit si vous l avez complété. La date de création de l'article correspond à la date de création de l'article. Cette date ne peut être modifiée que par un administrateur et lorsque l'article a été mis en ligne. La date de publication antérieure est, à l'origine, indiquée lorsque l'article a déjà été publié (par exemple dans un autre site). Il peut être demandé dans certains cas pour de l'archivage, un agenda, Les auteurs identifient qui a écrit l'article. Votre article est visualisable dans cet espace avec la mise en page que vous lui avez donnée. Joindre un document permet d'insérer un document à votre article. Nous verrons plus en détail le déroulement dans une autre section. Demander la publication de cet article sera la dernière phase que nous verrons aussi plus tard. Section 3 Rédiger un article Page 12

15 Zone annexe : Cette zone permet de réaliser, de vérifier : Article numéro est très important lorsque vous réalisez des liens vers un autre article ou rubrique car c'est bien ce numéro qui fait référence. Fonction non utilisée présentement. Logo de l'article permet d'ajouter un logo, une photo à votre article. Attention, la taille d un logo ne devrait pas dépasser 10 Ko. Raccourcis sont les raccourcis qui vous sont autorisés. Dans la même rubrique liste les autres articles qui sont regroupés dans celle-ci. 3.5 Ajouter des documents ou des images Page de publication : Joindre un document : Il existe deux façons de joindre un document à un article. Un espace en bas de la page de publication vous permet de télécharger le document. Parcourir : Ce bouton permet de parcourir votre disque dur; à vous de sélectionner un document, de l'ouvrir et vous apercevrez ensuite le chemin dans la case. Attention, la taille maximum d un fichier est de 2 megs. Télécharger : Ce bouton permet, une fois le document trouvé, de le récupérer et de le charger sur le site. Section 3 Rédiger un article Page 13

16 Identifier le document : Le document téléchargé occupe un nouvel espace. Vous constatez que l'icône qui représente votre document est en fonction de l'extension de celui-ci. Vous remplissez les champs du titre et de la description de votre document et vous validez par le bouton prévu à cet effet. Par la suite, le document ne sera visible qu avec le titre, la description et l'icône. Pour modifier le texte ou supprimer le document, vous dépliez le titre par le petit triangle. Modification : Vous pouvez aussi introduire un document ou une image à l'intérieur de votre article. La procédure est un peu différente. Sur la page de publication, cliquez sur le bouton Modifier cet article. La page de modification s ouvrira, ce qui vous permettra entre autres de changer votre mise en page. La zone annexe : Contrairement au nouvel article que nous avons vu au début de cette section, une zone annexe apparaît. Un encart est à votre disposition pour ajouter une image et un autre pour ajouter les documents. Section 3 Rédiger un article Page 14

17 Ajouter une image : Fonction non utilisée présentement. En dépliant l'espace (en cliquant sur la flèche noire) vous trouvez la même procédure que nous avons vue antérieurement mais seulement pour les extensions JPEG, GIF et PNG. Dans ce cas, après le téléchargement, ce n'est pas une icône qui apparaît mais l'image elle-même. Dépliez l'image et mettez (ou pas) un titre et une description puis validez. ATTENTION, les images ne doivent pas peser plus de 10 Ko pour un logo et 150 Ko pour une image dans le texte ou une image en annexe. Les images plus lourdes auront des conséquences sur le temps de chargement de l'image et sur l'espace site disponible. Ajouter un document : Insérer dans l'article : Utilisez la même procédure qu au début de cette section. Comme nous sommes sur la page de rédaction de l'article, nous pouvons insérer l'image ou le document dans l'article. Remarquez que la photo ou l image s'affichera, alors que pour le document, seule l'icône s'affichera et en cliquant dessus, vous ouvrirez le document. Vous trouvez trois codes sous le document ou l'image. Ce code est compris entre < et > et il est constitué du numéro du document (doc25) ou du numéro de l image (img180), d'une ligne verticale et de l'endroit où va se positionner le document «left» (à gauche) «center» (au centre) ou «right» (à droite). Sélectionnez le code choisi avec la souris, vous le copiez et le collez dans votre article (dans l'espace texte). Validez et vérifiez la mise en page. Vous pouvez aussi doublecliquer sur le code ce qui permettra aussi de l insérer dans votre espace texte. Section 3 Rédiger un article Page 15

18 3.6 Proposer l'article à l'évaluation et à la publication Proposer l'article : Voilà, nous arrivons au bout (ouf ). Votre article est prêt et vous voulez le proposer à la publication. En bas de la page de publication, vous trouvez l encart suivant : Cliquez sur le bouton «Demander la publication de cet article» et vous constaterez que le carré de couleur devant le titre, identifiant son état, est maintenant de couleur orange. Toute personne qui a accès à l'espace privé verra l'article et sera invitée à y faire des commentaires par le bouton Poster un message situé en bas de la page d'affichage de l'article. Validation de l'article : Modification : Seul un administrateur a le pouvoir de publier votre article en ligne. Tant que votre article n'est pas publié, vous pouvez le modifier en passant par la page de publication et en cliquant sur le bouton Modifier cet article. Par contre, une fois l article publié, il vous est impossible de modifier l'article, seul l'administrateur peut le modifier. Section 3 Rédiger un article Page 16

19 3.7 En résumé Pour Faites Trouver la rubrique dans laquelle je souhaite rédiger un article Cliquez sur l'icône séparation. de la barre de Afficher une rubrique Cliquez sur la tête de la colonne de la rubrique que l'on souhaite afficher. Rédiger un nouvel article Cliquez sur le bouton Écrire un nouvel article et complétez les champs. Réaliser une mise en page Vérifier la mise en page Utilisez les raccourcis mis à votre disposition. Validez la page de rédaction ce qui ouvre la page de publication et vérifiez. Modifier la mise en page Cliquez sur le bouton Modifier cet article pour ouvrir la page de rédaction. Dans la page de publication, utilisez le Ajouter un document en bas de l article bouton de l encart «Joindre un document». Proposer l'article à la publication Cliquez sur Demander la publication de cet article. Attention, dans les sites écoles, les articles, contenus dans les rubriques portant les numéros 15, 16, 17 et 18, doivent être modifiés seulement. Vous ne pouvez pas en ajouter. Section 3 Rédiger un article Page 17

20 Section 4 - Rédiger une brève Les brèves seront utilisées dans les rubriques numérotées de 20 à Récupérer la rubrique Pour rédiger une brève, il est important de savoir dans quelle rubrique vous souhaitez l'insérer. Grâce à l'icône de la barre de séparation, vous pouvez afficher la rubrique dans laquelle vous voulez insérer votre nouvelle brève. 4.2 Rédiger une nouvelle brève Lorsque la rubrique est affichée, un encart montre les raccourcis qui peuvent être utilisés. Cliquez sur le bouton Écrire une nouvelle brève et vous obtenez la page de rédaction suivante : Section 4 Rédiger une brève Page 18

21 [Obligatoire] : Titre : Vous devez absolument remplir, au moins les champs qui sont notés entre crochets [Obligatoire]. Les autres champs sont à remplir en fonction de la programmation du Webmestre. Il peut ou pas les utiliser. Demandez-lui les champs à remplir. Le titre de la brève est obligatoire. À l'intérieur de la rubrique : Permet de vérifier si la brève est dans la bonne rubrique. C'est par ce champ que vous pouvez, le cas échéant, changer l'emplacement de la brève. Texte de la brève : C'est le corps de la brève et il est essentiel. Attention, dans la rubrique «Mémorandums», la brève doit contenir un maximum de 8 lignes de texte. Comme dans la plupart des traitements de texte, cette zone vous offre une petite barre d outils qui vous donne quelques raccourcis pour faire de la mise en forme de texte. Lien hypertexte : Le lien hypertexte permet d ajouter un lien vers un site à visiter ou un lien vers un autre article. Complétez les champs Titre et URL. 4.3 Valider une brève Valider : Une fois la mise en forme de votre texte réalisée, vous devez valider par le bouton situé en bas à la droite de votre page. L enregistrement permet de sauvegarder ce que vous avez fait et de publier la brève. Section 4 Rédiger une brève Page 19

22 Section 5 - Déposer un document Le dépôt de documents sera utilisé dans les rubriques numérotées de 30 à Récupérer la rubrique Pour déposer un document, il est important de savoir dans quelle rubrique vous souhaitez l'insérer. Grâce à l'icône de la barre de séparation, vous pouvez afficher la rubrique dans laquelle vous voulez insérer votre document. 5.2 Déposer un document Lorsque la rubrique est affichée, vous devez vous déplacer complètement dans le bas de la page pour accéder à la fenêtre qui vous permet de déposer votre document. Parcourir : Télécharger : Ce bouton permet de parcourir votre disque dur; à vous de sélectionner un document, de l'ouvrir et vous apercevrez ensuite le chemin dans la case. Attention, la taille maximum d un fichier est de 2 megs. Ce bouton permet, une fois le document trouvé, de le récupérer et de le charger sur le site. Section 5 Déposer un document Page 20

23 Une fois que le document est téléchargé, il apparaît dans une fenêtre comme celle-ci. Vous pouvez compléter les champs Titre, Date de mise en ligne et Description de votre document et validez par le bouton prévu à cet effet. Par la suite, le document ne sera visible qu avec le titre, la description et l'icône. Pour modifier le texte ou supprimer le document, vous dépliez le titre par le petit triangle. Lorsque l on dépose un document, il est immédiatement publié en ligne à moins qu il y ait une date ultérieure de mise en ligne. Section 5 Déposer un document Page 21

24 Section 6 Référencer un site Le référencement d un site sera utilisé dans les rubriques numérotées de 50 à Récupérer la rubrique Pour rédiger un article, il est important de savoir dans quelle rubrique vous souhaitez l'insérer. Grâce à l'icône de la barre de séparation, vous pouvez afficher la rubrique dans laquelle vous voulez insérer votre nouvel article. 6.2 Référencer un site Lorsque la rubrique est affichée, un encart montre les raccourcis qui peuvent être utilisés. Cliquez sur le bouton rédaction suivante : Écrire un nouvel article et vous obtenez la page de Section 6 Référencer un site Page 22

25 Pour référencer un site vous pouvez compléter seulement les champs suivants : Titre : Lien hypertexte : Texte : Indiquez ici le nom du site car le titre de l'article est obligatoire. Le lien hypertexte permet d ajouter un lien vers le site à référencer. Complétez les champs Titre et URL. Donnez une courte description du contenu du site que vous référencez, c est le corps de l'article et il est obligatoire. Comme dans la plupart des traitements de texte, cette zone vous offre une petite barre d outils qui vous donne quelques raccourcis pour faire de la mise en forme de texte. 3.3 Valider un article Valider : Une fois la mise en forme de votre texte réalisée, vous devez valider par le bouton situé en bas à la droite de votre page. L enregistrement permet de sauvegarder ce que vous avez fait mais surtout de faire apparaître la page de publication de votre article et de vérifier la mise en page. Passez ensuite à la demande de publication de votre article. Section 6 Référencer un site Page 23