APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER

Dimension: px

Commencer à balayer dès la page:

Download "APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER"

Lucile Carignan
il y a 8 ans
Total affichages :

1 APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER :: HEHN Philippe ::

2 :: LES TUTORIAUX EN LIGNE :: La présente formation intervient en complément des tutoriaux textes et vidéos publiés en ligne, sur le site du Lycée. En voici un apercu : Titre : Se connecter à l interface de publication Date : samedi 11 mars 2006 ; Titre : Comment obtenir ses identifiants de connexion? Date : lundi 14 novembre 2005 Titre : Comment se tenir informé d une demande de dépannage? Date : lundi 14 novembre 2005 ; Vidéo Multimédia article.php3?id_article=457 article.php3?id_article=241 article.php3?id_article=240 Titre : Comment publier une demande de dépannage? Date : lundi 14 novembre 2005 ; article.php3?id_article=239 Titre : Comment publier des photos sur le site du Lycée? Date : samedi 12 novembre 2005 ; article.php3?id_article=218 :: L INTERFACE DE PUBLICATION :: Voici une brève description des réglages et fonctions possibles dans l interface de publication. Il n est pas nécessaire de connaître ces réglages dans le détail pour publier un article a b c d e f g h i j k l 1 Consulter les articles en cours de rédaction 2 Ecrire un nouvel article 3 Lancer une discussion sur le forum interne du site ; ce forum n est accessible qu aux personnels du Lycée 4 Consulter les auteurs 5 Consulter l aide 6 Retourner à l interface publique du site a Menu de navigation rapide permettant l accès direct à un sous-menu b Edition directe d un article c Recherche d auteurs et d articles d Consultation de l agenda des publications e Consultation de votre boîte de message f Consulter les nouveautés du site g Modifier vos informations personnelles CELLES QUI VONT APPARAITRE EN LIGNE h Activer les légendes sous les icônes de l interface de publication i Agrandir l écran j Changer la couleur de l interface de publication k Modifier la langue l Se déconnecter

Date : lundi 14 novembre 2005 Titre : Comment se tenir informé d une demande de dépannage? Date : lundi 14 novembre 2005 ; Vidéo Multimédia article.php3?id_article=457 article.php3?id_article=241 article.

3 :: LA MISE EN FORME SOUS SPIP :: La barre de mise en forme classique Mettre un texte en italique 2 Mettre un texte en gras 3 NE PAS UTILISER 4 Transformer un mot ou une expression en lien vers un site web 5 Transformer un mot ou une expression en note de bas de page 6 Insérer des caractères spécifiques Les autres raccourcis de mise en forme Devant le texte Exemple Effet produit Une liste non numérotées avec symbole graphique : # -# 1 -# 2 -# 3 -# 1 -## Sous-menu 1 -## Sous-menu 2 Une liste numérotée, avec la possibilité d introduire des sous-menus : Sous-menu 1 2. Sous-menu 2 Après le texte Exemple Effet produit (5 traits) Et c est ainsi que nous finissons la page Et c est ainsi que nous commençons la page 2 2 pages distinctes avec un menu de navigation ; ce menu apparaît à la fin de chaque page : Bonjour Force le passage à la ligne Encadrant le texte Exemple Effet produit 1 souligné : <center></center> <center> 1</center> centré

- 1-2 - 3 Une liste non numérotées avec symbole graphique : 1 2 2 -# -# 1 -# 2 -# 3 -# 1 -## Sous-menu 1 -## Sous-menu 2 Une liste numérotée, avec la possibilité d introduire des sous-menus : 1. 1 2. 2 3.

4 Le petit plus à utiliser avec modération Sur la page de présentation du site se trouve un outil intitulé WORD EN LIGNE ; il fonctionne de la manière suivante : - Copiez un texte mis en forme sur votre ordinateur, sous WORD - Collez ce texte dans l interface WORD EN LIGNE (utilisez la combinaison de touches ctrl + v) - Cliquez sur AFFICHER SOURCE HTML - Copiez la SOURCE HTML de votre texte - Collez cette source dans le corps de texte de votre article - Validez - Votre document apparaît en ligne tel qu il se présente chez vous sous WORD (couleurs, italique, gras, etc ) :: LES LIENS SOUS SPIP :: Le moteur de publication de SPIP vous permet d établir des liens vers un site externe, un article, une rubrique, un auteur ou un document du site du Lycée. Pour établir ces liens la procédure est la suivante : - Surlignez dans le texte un mot ou une expression que vous souhaitez transformer en lien - Cliquez sur le bouton de la barre de mise en forme - La fenêtre suivante apparaît : Appuyez-vous sur le tableau ci-dessous pour savoir ce que vous devez taper ou coller dans la fenêtre : Action souhaitée Type de lien à taper ou coller Exemple Pour un lien vers un site externe Tapez ou collez l adresse WEB de ce site net/ Pour un lien vers un article Tapez art suivi du numéro de l article art203 Pour un lien vers une rubrique Tapez rub suivi du numéro de la rubrique rub27 Pour un lien vers un auteur Tapez aut suivi du numéro de l auteur aut23 Pour un lien vers un document Tapez doc suivi du numéro du document doc103 spécifique Pour un lien vers une image Tapez img suivi du numéro de l image img125 Bonus : pour renvoyer un mot vers sa définition dans l encyclopédie WIKIPEDIA, il faut l encadrer du code suivant : [?TEXTE] ; Exemple : le code [?Goethe] pointe vers la biographie de Goethe.

Collez cette source dans le corps de texte de votre article - Validez - Votre document apparaît en ligne tel qu il se présente chez vous sous WORD (couleurs, italique, gras, etc ) :: LES LIENS SOUS

5 :: L INSERTION DE DOCUMENTS SOUS SPIP :: Procédure commune à tous les documents Etapes Menu Démarche Téléchargement du Document - Cliquez sur Parcourir - Choisissez un document sur votre disque dur (image, vidéo, texte, pdf, etc ) - Cliquez sur Télécharger Indication d un titre et enregistrement - Définissez un titre - Définissez une légende - Enregistrez Intégration du document à l article - Si vous souhaitez aligner votre document à GAUCHE de l article Copiez le code <doc738 left> et collez le dans l article. - Si vous souhaitez aligner votre document à DROITE de l article Copiez le code <doc738 right> et collez le dans l article. - Si vous souhaitez aligner votre document au MILIEU de l article Copiez le code <doc738 center> et collez le dans l article. Enregistrez l article, pour que les modifications soient prises en compte. Procédure propre à mise en ligne d un album photo La procédure d insertion des documents sous SPIP est valable à la fois pour les documents graphiques et non graphiques ; la mise en ligne d un album répond donc au principes exposés précédemment, avec UNE différence : pas besoin d inclure du code dans l article!!! La démarche est la suivante : Etapes Menu Démarche Téléchargement des images sous forme de Documents - Cliquez sur Parcourir - Choisissez un document sur votre disque dur (image, vidéo, texte, pdf, etc ) - Cliquez sur Télécharger

Si vous souhaitez aligner votre document à GAUCHE de l article Copiez le code <doc738 left> et collez le dans l article.

6 Indication d un titre et enregistrement - Définissez un titre - Définissez une légende - Enregistrez Répétez les deux dernières actions pour chaque nouvelle image ; la légende générale de l album doit figurer dans le corps de texte de l article. Les formats à respecter Action Format Insérer une image dans un article Insérer une image dans un album Insérer une photo dans l espace auteur Insérer un logo pour illustrer un article 800*600 ou moins Ne pas dépasser 740 pixels de large (Taille conseillée : 740(L) x 555(H)) Ne pas dépasser 120 pixels de large (Taille conseillée : 120 (L) x 165(H)) Ne pas dépasser les 80 pixels de large (Taille conseillée : 80(L) x 80(H)) Pour redimensionner vos photos, je vous conseille Fast Stone Image Viewer. Les outils de retouche de ce logiciel sont très simples d application : le redimensionnement, le recadrage, la modification de la lumière et du contraste, l application de filtres (yeux rouges, flou, renforcement), se font le plus simplement du monde. Un article et deux vidéos sur FastStone sont disponibles en ligne sur le site du Lycée, dans l espace INFORMATIQUE >> MULTIMÉDIA. 1) Article : Organiser et traiter simplement ses photos 2) Vidéo 1 : Comment redimensionner une image avec FastStone Image Viewer 3) Vidéo 2 : Comment redimensionner plusieurs images par lots sur FastStone Image Viewer Titre : Organiser et traiter simplement ses photos Date : jeudi 19 janvier 2006 ; Titre : FastStone : Redimensionner une image Date : mardi 14 mars 2006 ; Logiciels Vidéo Multimédia /article.php3?id_article=348 /article.php3?id_article=468

Documents pareils

Tutoriel d utilisation du Back-Office du site de la ligue

Tutoriel d utilisation du Back-Office du site de la ligue Sommaire 1) Accès au back office 2) Espace de gestion 3) Menu «Administration» 4) Menu «Publications» 5) Menu «Widgets» 6) Menu «Newsletters» 7)