Création d articles sur le site web du GSP

Transcription

1 Création d articles sur le site web du GSP Mode d emploi pour les membres du groupe spéléo Porrentruy. 1

2 Article avec photo et document pdf sur le site du groupe spéléo Porrentruy Vous désirez partager vos sorties spéléos, vos randonnées ou nous montrer vos archives personnelles et enrichir le site du groupe spéléo Porrentruy? Voici une marche à suivre facile qui vous permettra de le faire! Premièrement, il est important de définir les photos que vous allez insérer dans votre news, idéalement une, deux ou trois photos selon la taille de votre article, plus vous en mettrai, plus il sera difficile de faire la mise en page, du moins au début, avec l expérience il vous sera très facile et rapide de faire des articles complets. Avant de se connecter au site, commencez par dimensionner vos photos afin qu elles ne mettent pas le site de travers et perturbent sa mise en page générale. Sur PC, la manière la plus simple est d ouvrir votre photo avec le logiciel PAINT pour la redimensionner. Clique droit de la souris sur la photo, ouvrir avec, Paint 2

3 Une fois la photo ouverte, cliquez sur «Redimensionner», ensuite sélectionnez «Pixels», puis la valeur maximale en pixels doit être de 600 en horizontal et 800 en vertical. Si la photo est horizontale (comme dans l exemple), 600 sera sous «horizontal», si la photo est verticale, mettez 800 sous «vertical». Cliquez sur OK et enregistrez votre photo en format jpeg sur un dossier simple à retrouver ou sur le bureau de votre ordinateur. «Enregistrer sous», choisissez le format jpeg, nommez la photo, sélectionnez la destination (dossier ou bureau), cliquez sur enregistrez. Le poids de la photo ne doit pas dépasser ko( soit 500 mo ; 0,5 go). Vos photos sont prêtes! 3

4 Maintenant il faut se connecter sur le site web. Pour cela rendez-vous sur internet et inscrivez « dans la barre de navigation. Une fois sur le site web, connectez-vous en utilisant votre pseudo et votre mot de passe. Si vous ne les avez plus ou que vous les avez perdus, n hésitez pas à en demander de nouveaux. Dans l exemple, j utiliserai le compte de Doric afin que le menu soit identique au votre (le menu webmaster est différent). Une fois les informations entrées, cliquez sur «LOGIN». Ensuite, cliquez sur «Administration» dans le menu utilisateur qui s affiche. 4

5 Dans le panneau de contrôle, cliquez sur le logo intitulé «NEWS». Ensuite cliquez sur «Articles». 5

6 Descendez à l onglet Postez un article. Peu de choses sont à changer. Le titre, le sujet et le texte du scoop. Ce dernier doit être court, accrocheur et résumer en bref le contenu de l article (Style d un article de journal). Inutile de toucher au reste. Une fois la première partie remplie, descendez pour rédiger votre article. Ecrivez maintenant votre texte complet dans «Suite du texte». Les petits icônes jaunes ne fonctionnent pas pour les articles. Astuces : Pour les longs récits, vous pouvez écrire votre texte sur Word ou un autre programme de traitement de texte afin de le sauvegarder si besoin, en effet le site ne sauvegarde pas le texte s il n est pas encore publié. Ensuite un copié-collé suffit. Une fois votre texte prêt, appuyez sur «enter» sur votre clavier pour revenir à la ligne (Ainsi la photo se trouvera sous le texte comme dans l exemple visible en page 8), vous pouvez maintenant ajouter chaque photo précédemment préparée. Cliquez pour cela sur «MANAGER». 6

7 Une fenêtre va s ouvrir, agrandissez-la. En haut à gauche sélectionnez «image». Agrandissez à nouveau. Vous êtes dans le menu image du site. Faites bien attention à ne pas supprimer des images par accident! Cliquez sur «ajouter un fichier image» (En haut, difficile à voir). Une nouvelle page s affiche. Nommez la photo (dans l exemple, croix1, mettez toujours un nom simple sans espaces ni ponctuation., : /! etc, cela évitera les problèmes de compatibilité), puis cliquez sur «parcourir». Sélectionnez ensuite votre image (une par une si vous en avez plusieurs) sur votre bureau ou votre dossier préalablement fait et appuyez sur «ouvrir» puis sur «valider». 7

8 Agrandissez ensuite la fenêtre puis descendez jusqu à votre photo. Sur la droite de votre photo se trouvent trois logos qui correspondent à l emplacement dans l article. Pour faire simple je vous conseille d utiliser celui du milieu, ainsi il n y aura pas de problème de mise en page. Vous pouvez constater qu une ligne s est ajoutée sous votre texte. Il s agit du chemin d accès à votre photo pour que le site puisse l afficher. Ne touchez à rien si vous n êtes pas sûr de vous, sinon vous pouvez sélectionner puis couper le lien et le placer comme vous le souhaitez dans votre texte. La photo apparaîtra là ou vous collerez le chemin d accès. Si vous avez plusieurs photos, faites à nouveau un retour à la ligne ou deux, suivant l espace souhaité entre les photos, et répétez l opération décrite au-dessus. Avec l habitude, vous pourrez facilement intégrer les photos dans le texte, mettre des liens, etc. Vous pouvez aussi joindre des fichiers pdf, pour cela c est très simple, en face de la phrase «sélectionnez un fichier», appuyez sur «parcourir» et sélectionnez votre pdf. Afin que le site le prenne en compte, mettez un nom simple et surtout pas de caractères spéciaux comme de traits ou des points. Faites au plus simple comme par exemple : grotte.pdf Contrôlez que l onglet «Paramétrer la date/heure de publication» ne soit pas cocher puis cliquez sur Publier. 8

9 Vous venez de créer un nouvel article avec photos et fichier pdf en lien! C est à vous de jouer maintenant, mais n hésitez pas à demander de l aide si besoin! Pour le Groupe spéléo Porrentruy, mai 2014 Guillaume Voisard 9