Ajouter une image dans un article

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "Ajouter une image dans un article"

Transcription

1 Ajouter une image dans un article Supposons que vous vouliez mettre une image dans un article déjà créé précédemment mais pas encore validé à la publication. Deux possibilités s offrent à vous : Intégrer l image en taille normale dans la page de l article. Intégrer une miniature cliquable de l image à afficher dans la page de l article. La taille et le poids des images. Pour une image non habillée par du texte, c est à dire sans texte ni à droite, ni à gauche de l image, une image de taille 560 x 420 pixels sera tout à fait suffisante pour remplir le corps de l article en pleine page. Une taille de 640 x 480 pixels est un maximum. Au-delà de cette taille, il y a risque de faire "éclater" la page avec des ascenseurs horizontaux du plus mauvais effet. Pour une image "habillée" par du texte, une taille de 320 x 240 pixels est suffisante. La mise des images à la dimension voulue doit être faite avec un programme adapté à cet usage, avant le téléchargement. Pour des miniatures, une largeur de 180 pixels est largement suffisante. Pour des logos, une taille de 60 x 60 pixels est suffisante. Les images doivent être comprimées de façon à ce que leur poids soit le plus faible possible sans être trop détériorées (une compression de 40 à 50 % est un bon compromis). Les images au format.jpeg conservent leur qualité jusqu à un certain niveau de compression. Les images au format.gif et.png permettent les transparences. La mise des images à la dimension voulue et leur compression doivent être faites avec un programme adapté à cet usage, avant leur téléchargement. (Exemple : avec Format Factory) I. INTÉGRER L IMAGE EN TAILLE NORMALE DANS UN PARAGRAPHE DE L ARTICLE Étape 1 : Mettre l article en mode modification. Pour cela cliquer sur le bouton "Modifier cet article". Étape 2 : A partir de l interface «Ajouter une image ou un document», sélectionner l image à insérer en cliquant sur "Parcourir..." Vous ouvrez alors une fenêtre avec les répertoires de votre ordinateur.

2 Chercher avec le déroulant, le répertoire où se trouve l image à insérer. Choisissez l image à insérer. Exemple : cantine.jpg Cliquer sur «Ouvrir». Étape 3 : clic sur le bouton "Télécharger" pour transférer une copie de l image vers le serveur distant. L image téléchargée s affiche en miniature. Le code de l image s affiche. Saisir obligatoirement un titre pour cette image Exemple : cantine Il est possible de saisir pour cette image une description Confirmer la saisie en cliquant sur le bouton "Enregistrer".

3 Étape 4 : choisir le mode d habillage image/texte. Avec le mode "left", l image se place à gauche du texte, et le texte "habille" la droite de l image. Avec le mode "center", il n y a aucun texte de part et d autre de l image. Avec le mode "right", l image se place à droite du texte, et le texte "habille" la gauche de l image. Étape 5 : placer dans le texte le code de l image selon l habillage souhaité. Pour cela : ou bien saisir à la main le code de l image L image s affichera dans la page à l endroit où vous placez le code (ne pas oublier les crochets "<" et ">" au début et à la fin du code image, et le séparateur «pipe» obtenu par [AltGr] et la touche [6] en haut du clavier. ou faire un copier-coller du code. Attention : remplacer les lettres "img" par "doc", sinon ce sera la miniature de l image qui s affichera et non pas l image de taille normale.

4 Cette image est en mode "right." cantine Cette image est en mode "left." cantine Cette image est en mode "center." cantine Étape 6 : Sauvegarder l article en cliquant sur le bouton Enregistrer en bas à droite du corps de l article, sinon, vous auriez fait tout cela pour rien! <doc182 center> Remarques : Pour mettre les images les unes à la suite des autres, mettre left. Pour mettre les images les unes en dessous des autres, appuyer deux fois sur la touche Entrée du clavier après chaque image insérée.

5 II. AFFICHER UNE IMAGE À PARTIR DE SA MINIATURE Reprendre les mêmes étapes que précédemment mais ne pas mettre de nom pour l image et ne pas remplacer img par doc. La miniature de l image sera intégrée à la page de l article mais elle n aura pas de nom. Un clic sur la miniature de l image ouvrira l image en taille normale dans la même fenêtre III. AFFICHER UNE IMAGE EN SURIMPRESSION DU CONTENU (Effet Thickbox) L inconvénient de la méthode précédente, c est que la page de l article disparaît lorsqu on affiche l image dans sa taille originale et que, pour faire réapparaître cette page, il faut cliquer sur la flèche retour du navigateur. Sur le site est installé un plugin appelé Thickbox qui permet d afficher une image (gif, jpg, png) avec un effet de présentation séduisant en superposition à une image cliquée et/ou un lien cliqué, c est à dire en restant sur la même page. Avec l effet Thickbox, lorsqu on clique sur une image au format miniature, celle-ci s affiche au format original, en surimpression sur la même page, tandis que la dite page devient grisée. Lorsqu on quitte l image, la page réapparaît normalement. Plus généralement, le Plugin Thickbox permet d afficher : Une image unique à partir d un clic sur un lien ou sur une image en miniature Des images en galeries sous forme de diaporama à partir d un clic sur une image miniature Une page dans un Iframe c est à dire dans une nouvelle fenêtre. Une animation ou une vidéo dans un Iframe Prérequis Ajouter l image originale et sa miniature dans l article (voir paragraphe I ci-dessus) mais ne tapez pas les codes de ces images dans la zone de texte de l article. Afficher une image à partir d un clic sur sa miniature avec l effet Thickbox Principe Placer dans la zone de saisie du texte de l article le code <a href ="URL de l'image dans thickbox (grande image)" title="texte de l infobulle" class="thickbox"> <img src="url de sa miniature (petite image)"> </a> Exemple Supposons que la grande image s appelle «cantine», que la miniature s appelle «cantinep» et qu elles soient toutes les deux au format «jpg». Dans SPIP, les images sont rangées dans un dossier IMG et dans des sous dossiers portant les noms des différents formats (jpg, gif, png) Donc l URL de la grande image sera «IMG/jpg/cantine.jpg», le nom de l infobulle sera «Cantine» et l URL de la miniature sera «IMG/jpg/cantinep.jpg»

6 Le code à insérer dans la zone de saisie du texte de l article sera donc : <a href ="IMG/jpg/cantine.jpg " title="cantine" class="thickbox"> <img src="img/jpg/cantinep.jpg"> </a> Côté publique cela donnera : Pour la miniature

7 En survolant la miniature, le nom de l image s affiche dans une infobulle ainsi qu une main montrant qu il faut cliquer sur l image. Un clic sur la miniature affiche l image en surimpression du contenu de la page avec l effet Thickbox. Le nom de l image est inscrit en bas à gauche. En cliquant sur la croix à droite, vous fermer l image et vous retrouvez le contenu initial de la page. Remarque : la miniature se met à gauche. Si vous voulez la mettre au centre rajouter les deux balises <center> et</center>aux deux extrémités du code précédent ce qui donnera <center><a href ="IMG/jpg/cantine.jpg" title="cantine" class="thickbox"> <img src="img/jpg/cantinep.jpg"> </a></center>

8 Afficher une image à partir d un clic sur un lien avec l effet Thickbox Principe Placer dans la zone de saisie du texte de l article le code <a href ="URL de l'image dans thickbox (grande image)" title="texte de l infobulle" class="thickbox"> <br/> Texte du lien </a> Exemple Supposons que la grande image s appelle «cantine», qu elle soit au format «jpg» et stockée dans le sousdossier «jpg» du dossier «IMG» sur le site. Si vous désirez mettre un lien sous la miniature comme par exemple «Cliquer sur le lien pour afficher la photo de la cantine», mettre dans la zone de saisie du texte de l article, le code suivant : <a href ="IMG/jpg/cantine.jpg" title="cantine" class="thickbox"> <br/> Cliquer sur ce lien pour afficher la photo de la cantine </a> Côté publique cela donnera :

9 Ajouter un lot d images à un article. Mettre vos images dans un dossier puis compresser ce dossier au format zip. Utilisez le cadre «Joindre un document» l article pour rechercher sur votre disque dur le dossier zippé. Cliquez sur «Ouvrir». La fenêtre suivante s affiche. Cocher la case «décompressé» Validez ce choix. Procéder ensuite pour ces images comme dans les tutoriels précédents selon que vous voulez intégrer ces images ou leur miniatures dans un article ou créer un portfolio ou un album (voir tutoriels suivants). Créer un album photo (Portfolio) Télécharger les images comme précédemment. Pour chaque image cliquer sur la petite flèche pour dérouler le sous-menu. Cliquer sur «Déposer cette image dans le portfolio».

10 Côté espace privé on obtient ceci par exemple : Côté publique on obtient ceci : L album photo s affiche sous la forme d un portfolio de miniatures placé en dessous du texte de l article. Un clic sur une miniature ouvre la photo en taille normale dans la fenêtre de la page. Créer un album photo intégré au texte de l article Créer les miniatures de chacune des photos de l album. Dans l article, insérer un tableau avec autant de cellules que de photos contenues dans l album (voir leçon sur «Insérer un tableau») Télécharger chacune des photos et chacune des miniatures : voir paragraphe I et II plus haut. Principe Placer dans chaque cellule du tableau de l article le code suivant <center><a href="url absolue de la grande image" target=_blank"> <img src="url absolue de la miniature"> </a></center> Un clic sur la miniature ouvrira une nouvelle fenêtre avec l image en taille réelle. Exemple Supposons que la grande image s appelle «cantine», que la miniature s appelle «cantinep» et qu elles soient toutes les deux au format «jpg». Rappel : dans SPIP, les images sont rangées dans un dossier IMG et dans des sous dossiers portant les noms des différents formats (jpg, gif, png)

11 Donc l URL absolue de la grande image sera « et l URL absolue de la miniature sera « Dans chacune des cellules écrire alors le code suivant : <center><a href=" target=_blank"> <img src=" </a></center> Un clic sur la miniature ouvrira une nouvelle fenêtre avec l image en taille réelle. Remarques : Dans un album, il est possible de classer les images téléchargées par numéro (chiffre + point + espace dans le champ "titre" de la "boîte document") et ainsi de hiérarchiser la présentation de ces dernières dans l album où elles se trouvent (le numéro permet de hiérarchiser mais n apparaît pas en affichage public). Ajouter un logo à un article ou à une rubrique Lorsque vous accédez à un article vous pouvez lui ajouter un logo de même pur une rubrique (si vous êtes administrateur restreint) Ce logo doit être une image de 60 x 60 pixels maximum. L insertion du logo se fait exactement de la même façon que pour une image (voir paragraphe 1 étape 1 à 3).

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles

Plus en détail

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005 MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par

Plus en détail

Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor

Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor Pierre Drouin Conseiller pédagogique en TIC Service local du RECIT Commission scolaire de la

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

Plus en détail

Organiser ses photos sur l ordinateur

Organiser ses photos sur l ordinateur Organiser ses photos sur l ordinateur Sommaire Organiser ses photos sur l ordinateur Page 1 Sommaire Page 2 Un peu de vocabulaire Page 3 De l appareil photo à l ordinateur : méthode 1 Page 4 Comment créer

Plus en détail

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» La Gestion des photos avec Windows 7 1 Généralités sur le jargon de l image numérique Les différents formats d image : o BMP : il s'agit

Plus en détail

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com demo.minisites.encharentemaritime.com Insérer des photos Illustrez vos contenus en intégrant Depuis la barre d administration Vous pouvez télécharger des fichiers depuis votre ordinateur ou choisir des

Plus en détail

PLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public

PLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public SPIP est une interface en ligne gratuite permettant de créer des sites collaboratifs de façon suffisament simple pour que les élèves puissent publier leur propres articles. Il permet aussi d'héberger son

Plus en détail

Leçon N 5 PICASA Généralités

Leçon N 5 PICASA Généralités Leçon N 5 PICASA Généralités Avec cette leçon N 5, nous allons commencer l étude du traitement de vos photos avec le logiciel de GOOGLE, PICASA, que vous avez téléchargé dans la leçon N 3. 1 Présentation

Plus en détail

Placez vous au préalable à l endroit voulu dans l arborescence avant de cliquer sur l icône Nouveau Répertoire

Placez vous au préalable à l endroit voulu dans l arborescence avant de cliquer sur l icône Nouveau Répertoire L espace de stockage garantit aux utilisateurs une sauvegarde de leurs fichiers dans une arborescence à construire par eux-mêmes. L avantage de cet espace de stockage est son accessibilité de l intérieur

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

GROOBAX. cliquer sur le «G» Cliquer sur «options» Sélectionner le dossier qui contiendra les paramètres => Cliquer A chercher le dossier créé en 2/

GROOBAX. cliquer sur le «G» Cliquer sur «options» Sélectionner le dossier qui contiendra les paramètres => Cliquer A chercher le dossier créé en 2/ GROOBAX Sauvegarde miroir La source est le dossier d origine, la cible est la sauvegarde La sauvegarde miroi rend la cible (ou Destination) identique à la source ; du dossier sélectionné : - transfère

Plus en détail

Chapitre 3 : outil «Documents»

Chapitre 3 : outil «Documents» Chapitre 3 : outil «Documents» L outil «Documents» fonctionne comme le gestionnaire de fichiers de votre ordinateur. Vous pouvez y transférer des documents de tous types (html, Word, Powerpoint, Excel,

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Notice d'utilisation Site Internet administrable à distance

Notice d'utilisation Site Internet administrable à distance Notice d'utilisation Site Internet administrable à distance 1. Entrer dans l'espace d'administration Pour entrer dans l'espace d'administration, cliquez sur le lien nommé «administration» ou «Connexion»

Plus en détail

Consignes générales :

Consignes générales : PROCÉDURE POUR DÉPÔT DANS WEBCT Consignes générales : 1) Il est important de toujours conserver une copie de votre Webfolio ou Dossier professionnel sur votre disquette, clé USB ou sur votre disque dur

Plus en détail

Fiches d aide à l utilisation

Fiches d aide à l utilisation alece.amd92.fr Un service proposé et géré par Liste des fiches d aide Fiche A. Se connecter à la plateforme... p. 3 Fiche B. Obtenir un code d accès pour la plateforme... p. 4 Fiche C. Rechercher des informations

Plus en détail

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160 Sommaire Choisir son image... 2 Enregistrer son travail... 3 Créer les détails... 4 Supprimer une zone ou un détail... 6 Les commentaires... 6 Créer un lien hypertexte... 8 Appliquer un modèle... 8 Personnaliser

Plus en détail

JAHIA 6. Création et modification de sites web UniNE

JAHIA 6. Création et modification de sites web UniNE JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES

Plus en détail

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Session découverte La Gestion des photos avec Windows Vista / Windows 7 et le traitements d images numériques 1 Généralités sur le jargon de l image numérique

Plus en détail

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7 M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Photoshop Bonnes pratiques pour une utilisation professionelle CHAPITRE 7 Sommaire 1. Les scripts a. Qu est-ce qu un script? b. La fenêtre script c. Créer

Plus en détail

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer» TUTORIEL IMPRESS Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer» Une page impress s'ouvre : Le volet gauche contiendra toutes les diapositives

Plus en détail

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES

Plus en détail

Avec PICASA. Partager ses photos. Avant de commencer. Picasa sur son ordinateur. Premier démarrage

Avec PICASA. Partager ses photos. Avant de commencer. Picasa sur son ordinateur. Premier démarrage Avant de commencer Picasa est avant un logiciel que l'on peut installer sur son ordinateur et qui permet de transférer ses photos dans un espace pouvant être partagé sur Internet. Picasa sur son ordinateur.

Plus en détail

Comment intégrer des images dans un texte

Comment intégrer des images dans un texte Quoi de plus utile que de pouvoir ajouter une image, un graphique à un commentaire afin d étoffer celui-ci. C est possible de le faire de plusieurs façon dans le forum Météocentre. Cependant il faut limiter

Plus en détail

GESTION DU LOGO. 1. Comment gérer votre logo? 2. 2.1. Format de l image 7 2.2. Dimensions de l image 8 2.3. Taille de l image 9

GESTION DU LOGO. 1. Comment gérer votre logo? 2. 2.1. Format de l image 7 2.2. Dimensions de l image 8 2.3. Taille de l image 9 GESTION DU LOGO 1. Comment gérer votre logo? 2 1.1. Insérer un logo 3 1.1.1. Insérer un logo dans le bandeau 3 1.1.2. Insérer un logo dans les éditions 4 1.2. Supprimer un logo 6 1.2.1. Supprimer un logo

Plus en détail

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre

Plus en détail

PHPWEBSITE -Tutoriel image

PHPWEBSITE -Tutoriel image PHPWEBSITE -Tutoriel image La capture des images depuis le web pour mon site. L optimisation d images pour le web, 1 Préparer des images pour le Web A. Généralités 1. Les trois formats d'images sur le

Plus en détail

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation

Plus en détail

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Logiciels nécessaires : - - - Google Chrome comme navigateur internet FireShot qui est un add-on qui se greffe sur

Plus en détail

FICHIERS ET DOSSIERS

FICHIERS ET DOSSIERS La différence entre fichier et dossier FICHIERS ET DOSSIERS La première notion à acquérir est la différence entre un dossier et un fichier Un dossier est une sorte de classeur dans lequel on range divers

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME DE L UNIVERSITE DE BOURGOGNE POUR L ENSEIGNEMENT EN LIGNE ( PLUBEL )

GUIDE D UTILISATION DE LA PLATEFORME DE L UNIVERSITE DE BOURGOGNE POUR L ENSEIGNEMENT EN LIGNE ( PLUBEL ) UNIVERSITE DE BOURGOGNE C.F.O.A.D «La Passerelle» GUIDE D UTILISATION DE LA PLATEFORME DE L UNIVERSITE DE BOURGOGNE POUR L ENSEIGNEMENT EN LIGNE ( PLUBEL ) POUR L ENSEIGNANT DOCUMENT 1 «Accès à la plateforme

Plus en détail

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle

Plus en détail

L accès à distance du serveur

L accès à distance du serveur Chapitre 11 L accès à distance du serveur Accéder à votre serveur et aux ordinateurs de votre réseau depuis Internet, permettre à vos amis ou à votre famille de regarder vos dernières photos, écouter vos

Plus en détail

Avertissement : Nos logiciels évoluent rendant parfois les nouvelles versions incompatibles avec les anciennes.

Avertissement : Nos logiciels évoluent rendant parfois les nouvelles versions incompatibles avec les anciennes. ENVOI EN NOMBRE DE SMS La version SMS de Ditel vous permet d'envoyer vos SMS de façon automatique. L'importation de vos données se fait directement au format Excel Avertissement : Nos logiciels évoluent

Plus en détail

Préparation d un post (article) pour idweblogs

Préparation d un post (article) pour idweblogs Préparation d un post (article) pour idweblogs 30/09/2013 Préparation des documents... 2 Le texte... 2 Les images... 2 Les vidéos... 3 Transmission des documents à idweblogs... 4 Par mail... 4 Via notre

Plus en détail

Création d un site web avec Nvu

Création d un site web avec Nvu Création d un site web avec Nvu sources principales d'informations: http://www.framasoft.net/article2656.html http://info.sio2.be/nvu/index.php http://www.anseladams.com Pensez à sauvegarder fréquemment

Plus en détail

Normes techniques 2011

Normes techniques 2011 Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique

Plus en détail

Manuel : Comment faire sa newsletter

Manuel : Comment faire sa newsletter Manuel : Comment faire sa newsletter Adresse : www.yestravel.be/acymailing Se connecter - Login (identifiant) = l adresse mail - Mot de Passe = mot de passe qui vous a été donné par. Cliquer sur [connexion]

Plus en détail

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

Plus en détail

Aide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition

Aide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition Aide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition Interface clé pédagogique 1. Lancer l'interface : Insérer la clé dans un port USB libre. Attendre l'ouverture

Plus en détail

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 4.1 Ajouter une carte 5 4.1.1 Détails : nom, taille, marqueur 5 4.1.2 Ajout d un marqueur

Plus en détail

«Petit guide d utilisation Prezi» par Marc Nolet

«Petit guide d utilisation Prezi» par Marc Nolet «Petit guide d utilisation Prezi» par Marc Nolet Étape 1 : INSCRIPTiON : S inscrire à Prezi en suivant les étapes à l aide du tutoriel suivant : cliquez ici Étape 2 : OUVRIR UNE NOUVELLE PRÉSENTATION :

Plus en détail

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

F.A.Q 1.0 Designer 3D Atex System

F.A.Q 1.0 Designer 3D Atex System -Sommaire- 1-Comment installer le logiciel?...2 2-Comment créer un projet?...3 3-Comment ouvrir un projet?...4 4-Comment se déplacer en 2D & 3D?...5 5-Comment ajouter des composants?...6 1-Comment installer

Plus en détail

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

Installation d'une galerie photos Piwigo sous Microsoft Windows.

Installation d'une galerie photos Piwigo sous Microsoft Windows. Installation d'une galerie photos Piwigo sous Microsoft Windows. By ARNOULD Julien Introduction : Piwigo est un logiciel de galerie photo pour le web, bâti autour d'une communauté active d'utilisateurs

Plus en détail

Réalisez votre propre carte de vœux Éléctronique

Réalisez votre propre carte de vœux Éléctronique Les différentes possibilités d animer une carte de vœux Il existe plusieurs possibilités d animer une carte de vœux : - Une Vidéo : Vous pouvez créer une vidéo, un film simplement avec Windows Media Player.

Plus en détail

GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL

GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL 1. Avant de commencer Il existe plusieurs éditeurs de pages Web qui vous permettent de construire un site Web. Nous vous conseillons toutefois de

Plus en détail

Édu-groupe - Version 4.3

Édu-groupe - Version 4.3 Édu-groupe - Version 4.3 Guide de l utilisateur Gestion des fichiers Société GRICS, Équipe Évaluation Août 2012 2 CONSIDÉRATIONS GÉNÉRALES A. Importante mise en garde concernant les types de fureteur Les

Plus en détail

Installation / Sauvegarde Restauration / Mise à jour

Installation / Sauvegarde Restauration / Mise à jour Installation / Sauvegarde Restauration / Mise à jour SPIP version 1.8.x Serveur (Linux) Jean Sébastien BARBOTEU dev.jsb@laposte.net Introduction Nous allons aborder tous les aspects techniques liés à la

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Intranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs

Intranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs Intranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs Installation sur le serveur Eva-web s'appuie sur SPIP, qui lui-même utilise PHP

Plus en détail

Gestion des documents avec ALFRESCO

Gestion des documents avec ALFRESCO Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à

Plus en détail

www.imprimermonlivre.com

www.imprimermonlivre.com 0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word

Plus en détail

Guide d usage pour Word 2007

Guide d usage pour Word 2007 Formation TIC Septembre 2012 florian.jacques@etsup.com Guide d usage pour Word 2007 ETSUP 8 villa du Parc Montsouris 75014 PARIS SOMMAIRE Interface... 2 Organiser son espace de travail... 3 La barre d

Plus en détail

Signature plume. Matériel : une plume ou un crayon. Ouvrir PhotoFiltre. Ouvrir votre image plume dans PhotoFiltre

Signature plume. Matériel : une plume ou un crayon. Ouvrir PhotoFiltre. Ouvrir votre image plume dans PhotoFiltre Signature plume Logiciels utilisés : PhotoFiltre et UnFREEz Matériel : une plume ou un crayon Ouvrir PhotoFiltre Ouvrir votre image plume dans PhotoFiltre 1. Fichier / Ouvrir ou cliquer sur cette icône

Plus en détail

Services internet gratuits. La PICASA Google avec son espace client. Cliquez ici

Services internet gratuits. La PICASA Google avec son espace client. Cliquez ici avec son espace client. Cliquez ici Il convient de régler vos paramètres. Cliquez Ici Par défaut c est votre identifiant qui est repris.. Vous pouvez ajoutez une photo en la sélectionnant parmi celles

Plus en détail

Utilisation du client de messagerie Thunderbird

Utilisation du client de messagerie Thunderbird Outlook express n existant plus sur les systèmes d exploitation sortis après Windows XP, nous préconisons désormais l utilisation du client de messagerie libre distribué gratuitement par la Fondation Mozilla.

Plus en détail

MÉDICLICK! STUDIO 3 DOCUMENT CENTER : MAILCLICK! SOMMAIRE

MÉDICLICK! STUDIO 3 DOCUMENT CENTER : MAILCLICK! SOMMAIRE MÉDICLICK! STUDIO 3 DOCUMENT CENTER : MAILCLICK! SOMMAIRE Préalable important ACCES A LA FENETRE MAILCLICK! Le PARAMETRAGE DE BASE DESCRIPTION DE LA FENETRE MailClick! La Barre GENERALE de Boutons Les

Plus en détail

FAIRE UN PAIEMENT TIPI

FAIRE UN PAIEMENT TIPI FAIRE UN PAIEMENT TIPI I. Accès au site II. Je n ai pas de compte sur ce site 1. Indiquer une adresse email valide a. J ai une adresse email b. Je n ai pas d adresse email 2. Indiquer les informations

Plus en détail

PR OC E D U RE S D E B A S E

PR OC E D U RE S D E B A S E Photofiltre Préparé par Philipe Lampron, auxiliaire du cours FPE 7650 en 2004-2005. *** Pour optimiser une image : enregistrer sous et augmenter la compression PR OC E D U RE S D E B A S E PhotoFiltre

Plus en détail

Espace Client Aide au démarrage

Espace Client Aide au démarrage Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...

Plus en détail

Numérisation. Copieur-imprimante WorkCentre C2424

Numérisation. Copieur-imprimante WorkCentre C2424 Numérisation Ce chapitre contient : «Numérisation de base», page 4-2 «Installation du pilote du scanner», page 4-4 «Réglage des options de numérisation», page 4-5 «Récupération des images», page 4-11 «Gestion

Plus en détail

Pack Fifty+ Normes Techniques 2013

Pack Fifty+ Normes Techniques 2013 Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié

Plus en détail

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Le service de création de site Internet : Mode d emploi. La Création de Site Internet Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de

Plus en détail

Fiche n 1 : Téléverser une ressource dans la plateforme

Fiche n 1 : Téléverser une ressource dans la plateforme Fiche n 1 : Téléverser une ressource dans la plateforme 1 er temps : Mettre ses fichiers sur la plateforme (dans son espace personnel) Sur la page d accueil de la plate-forme Formagri http://efoad.educagri.fr,

Plus en détail

<Créer un site Web. avec/> Suzanne Harvey

<Créer un site Web. avec/> Suzanne Harvey aire l o c s texte n o c le Dans Suzanne Harvey Conseillère pédagogique en informatique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe Québec, Canada suzanne.harvey@prologue.qc.ca

Plus en détail

Mode d emploi Boutique en ligne janvier 2013

Mode d emploi Boutique en ligne janvier 2013 Mode d emploi Boutique en ligne janvier 2013 Table des matières Introduction 3 1. Se connecter à westdecor.be 4 2. Personnaliser votre boutique en ligne 6 2.1 Configurer votre mot de passe 6 2.2 Ajouter

Plus en détail

Mon aide mémoire traitement de texte (Microsoft Word)

Mon aide mémoire traitement de texte (Microsoft Word) . Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux

Plus en détail

LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011

LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011 LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011 COPIER LE FICHIER LECON 1_02 DU DISQUE D : VERS LA CLE USB Cliquez gauche deux fois sur l'icône POSTE DE TRAVAIL Cliquez gauche deux fois sur DONNEES

Plus en détail

1. Ouvrir Internet Explorer 2. 2. Faire défiler une page 2. 3. Naviguer dans un site Internet 2. 4. Changer d adresse Internet (URL) 2

1. Ouvrir Internet Explorer 2. 2. Faire défiler une page 2. 3. Naviguer dans un site Internet 2. 4. Changer d adresse Internet (URL) 2 1. Ouvrir Internet Explorer 2 2. Faire défiler une page 2 3. Naviguer dans un site Internet 2 4. Changer d adresse Internet (URL) 2 5. Gérer l affichage des pages Internet 3 6. Pages précédentes et suivantes

Plus en détail

Rendre un plan de cours interactif avec Médiator

Rendre un plan de cours interactif avec Médiator Rendre un plan de cours interactif avec Médiator : L'ensemble de cette démarche consiste à réaliser une série de pages sous Médiator dans le but de créer une présentation intégrant les divers documents

Plus en détail

Unicef e-cards Guide de l utilisateur

Unicef e-cards Guide de l utilisateur Unicef e-cards Guide de l utilisateur les e cards sont vendues à l unité 0,93 (1 crédit acheté = 1 envoi d e-card) le minimum d achat est de 15 ecards Les crédits achetés ont une durée de validité de 6

Plus en détail

Création d articles sur le site web du GSP

Création d articles sur le site web du GSP Création d articles sur le site web du GSP Mode d emploi pour les membres du groupe spéléo Porrentruy. www.speleoporrentruy.ch 1 Article avec photo et document pdf sur le site du groupe spéléo Porrentruy

Plus en détail

Document d accompagnement pour l utilisation du Cartable en ligne Lycée des Métiers Fernand LÉGER 2013/2014

Document d accompagnement pour l utilisation du Cartable en ligne Lycée des Métiers Fernand LÉGER 2013/2014 Document d accompagnement pour l utilisation du Cartable en ligne Lycée des Métiers Fernand LÉGER 2013/2014 Le Cartable en ligne est un Environnement numérique de travail (ENT) dont la vocation est de

Plus en détail

Concepon et réalisaon

Concepon et réalisaon Concepon et réalisaon Vendée Etudes & Réalisaons de Soluons Informaques 10 rue des Sables 85540 Mouers les Mauxfaits h%p://sarl-versi.fr contact@sarl-versi.fr Mainate 2 une logiciel d aide à la communicaon

Plus en détail

Utiliser iphoto avec icloud

Utiliser iphoto avec icloud 5 Utiliser iphoto avec icloud Dans ce chapitre Configurer le Flux de photos avec icloud...................... 84 Travailler avec le Flux de photos et iphoto...................... 87 Supprimer des photos.................................

Plus en détail

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

LE CONCEPT. Vous pouvez aussi charger une version sur votre PC afin d'assurer votre présentation dans une salle non connectée.

LE CONCEPT. Vous pouvez aussi charger une version sur votre PC afin d'assurer votre présentation dans une salle non connectée. LE CONCEPT Prezi est une application en ligne qui permet de créer des présentations dynamiques. Son originalité vient de son espace de travail, un immense plan "zoomable" à l'infini, sur lequel vous pouvez

Plus en détail

1 - Se connecter au Cartable en ligne

1 - Se connecter au Cartable en ligne Le Cartable en ligne est un Environnement numérique de travail (ENT) dont la vocation est de proposer un ensemble de services en ligne, personnalisés et sécurisés, accessibles aux élèves et aux professeurs,

Plus en détail

Merci de suivre les indications suivantes afin de créer votre compte membre :

Merci de suivre les indications suivantes afin de créer votre compte membre : Merci de suivre les indications suivantes afin de créer votre compte membre : La base de données a été mise à jour, toutefois si vous n arrivez pas à vous connecter ou si vous constatez une erreur dans

Plus en détail

Plan. Avant de créer son site. Quelques logiciels complémentaires

Plan. Avant de créer son site. Quelques logiciels complémentaires Internet, créer son site personnel. Yves Roger Cornil Microcam06, Fréjus Vous Accueille 7 mars 2005 Plan Pourquoi publier sur Internet? Quelques prérequis et quelques logiciels Combien ça coûte? Rappels

Plus en détail

Utiliser le logiciel Photofiltre Sommaire

Utiliser le logiciel Photofiltre Sommaire Utiliser le logiciel Photofiltre Sommaire 1. Quelques mots sur l image 2. Obtenir des images numériques 3. Le tableau de bord de logiciel PhotoFiltre 4. Acquérir une image 5. Enregistrer une image 6. Redimensionner

Plus en détail

COMMENT PUBLIER SUR ARIANE?

COMMENT PUBLIER SUR ARIANE? COMMENT PUBLIER SUR ARIANE? Rédacteur : Dr Michel Arnould 1. SOMMAIRE 1.Sommaire...1 2.Connexion...1 3.Gestion des pages du wiki...1 Ajouter une nouvelle page...1 Supprimer, renommer, protéger une page...1

Plus en détail

MANUEL D UTILISATION DES OUTILS «MapCERN»

MANUEL D UTILISATION DES OUTILS «MapCERN» MANUEL D UTILISATION DES OUTILS «MapCERN» Information Site et Patrimoine Décembre 2012 Contents 1 Introduction... 3 2 Navigation... 3 3 Table des matières... 3 4 Recherche... 4 5 Affichage des plans des

Plus en détail

Spécifications techniques

Spécifications techniques Infos pratiques Bon de commande: indication de réservation publicité Tablette + confirmation de livraison du matériel: envoyer à booking@trustmedia.be Matériel Papier: artwork@mediafin.be 2 jours ouvrables

Plus en détail

Styler un document sous OpenOffice 4.0

Styler un document sous OpenOffice 4.0 Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière

Plus en détail

Le poste de travail, les dossiers et les fichiers

Le poste de travail, les dossiers et les fichiers 0 Le poste de travail, les dossiers et les fichiers Dans Windows, tous les programmes, tous les dossiers et tous les documents sont accessibles depuis le Poste de travail.. Le poste de travail. Pour ouvrir

Plus en détail

Utilisation d une tablette numérique

Utilisation d une tablette numérique Utilisation d une tablette numérique Transférer des photos, des vidéos d un ipad vers un ordinateur Sur l ipad vous pouvez capturer des photos et des vidéos à l aide de l appareil photo intégré ou enregistrer

Plus en détail

CHAPITRE 3 : INTERNET

CHAPITRE 3 : INTERNET CHAPITRE 3 : INTERNET Objectifs Identifier les composantes nécessaires pour se connecter à internet. Donner quelques services d internet. Créer une adresse e-mail avec Yahoo. Envoyer et recevoir un message

Plus en détail

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare) Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles

Plus en détail

Connecteur Zimbra pour Outlook 2007 et 2010 (ZCO) w

Connecteur Zimbra pour Outlook 2007 et 2010 (ZCO) w w Procédure Messagerie Outlook 2007 et 2010 Solutions informatiques Connecteur Zimbra pour Microsoft Outlook 2007 et 2010 (ZCO) 1/46 SOMMAIRE 1 Introduction... 3 2 Compatibilité... 3 2.1 Versions supportées

Plus en détail

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables

Plus en détail

Des outils numériques simples et conviviaux!

Des outils numériques simples et conviviaux! Des outils numériques simples et conviviaux! 1 La clé USB en bref La clé USB vous permet : n De projeter, avec ou sans tableau blanc interactif (TBI), les pages du livre numérique. n De naviguer facilement

Plus en détail

Réglages du module de sauvegarde de Biblionet (Monoposte)

Réglages du module de sauvegarde de Biblionet (Monoposte) Réglages du module de sauvegarde de Biblionet (Monoposte) 1- Dans le menu fichier choisissez Préférences et par la suite l onglet Sauvegarde, la fenêtre suivante devrait apparaître: 2- Cliquez sur le bouton

Plus en détail