Attention à ne pas oublier les points-virgules après chaque ligne de Javascript!

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

Download "Attention à ne pas oublier les points-virgules après chaque ligne de Javascript!"

Transcription

1 // Mini-guide du débutant en Javascript/JQuery // Syntaxe Javascript générale Le code Javascript est à placer dans le header de votre page HTML (entre <head> et </head>). Pour délimiter la zone de texte où on parle en Javascript, on utilise les balises <script language="javascript"> et </script> Pour importer un fichier Javascript séparé, la syntaxe est la suivante (toujours dans le header) : <script language="javascript" src="js/monfichier.js"></script> Là, on importe un fichier monfichier.js qui se trouve dans le dossier js/. Attention à ne pas oublier les points-virgules après chaque ligne de Javascript! // Commentaires en Javascript Comme en ActionScript, on a 2 types de commentaires au choix : // ceci est un commentaire d'une seule ligne /* ça c'est pour commencer un commentaire multiligne, qu'on doit absolument terminer par */ // Fonctions utilisateur Exactement comme en ActionScript, il est possible de créer ses propres fonctions. Ca n'a plus à voir alors avec la syntaxe JQuery, mais avec la syntaxe Javascript normale : function truc(parametre){ // le code Javascript/JQuery }; Et on l'appellera par truc("test");

2 // Débugger son code La fonction Javascript alert() permet d'afficher une "boite d'alerte" dans le navigateur, et de mettre la lecture du code Javascript en standby tant qu'on n'a pas fermé le message d'alerte... c'est le meilleur moyen de vérifier si vous récupérez bien une variable, ou localiser à quel moment votre code déraille. si le alert() s'afiche c'est que jusque là ça va, quand il ne s'affiche pas c'est qu'il y a un problème en amont, dans le code. alert('salut!'); vous ouvrira donc un message "salut!" avec un bouton OK, quel que soit le navigateur. Evidement il faudra penser à les supprimer avant de mettre en ligne vos pages. Pour débugger le code Javascript et savoir s'il y a une erreur, il convient d'adopter une bonne configuration de travail. Voici ma configuration de travail, qui me permet de bénéficier d'outils efficaces pour tester tout ça dans de bonnes conditions : - Firefox (dernière version : ) propose par défaut une "console d'erreur" déjà très précise, qui vous indiquera le fichier qui pose problème, ainsi que la ligne exacte de l'erreur. Pour ouvrir cet outil : CTRL(Pomme) + Shift + J ou dans le menu : Firefox / Développement web / Console d'erreur La console permet de voir pas mal de chose, là ce qui nous intéresse c'est l'onglet "Erreurs". N'hésitez pas à utiliser régulièrement le bouton "Effacer" pour vider toutes les erreurs accumulées sans que vous le sachiez sur tous les sites que vous visitez... - Firebug ( ) est un plugin de Firefox très utilisé, qui permet d'avoir beaucoup plus de détails sur ce que votre code Javascript fait à faire code HTML/CSS, en temps réel. Une fois installé (cliquez sur le bouton "+ Ajouter..." et ça se fait très bien tout seul) et redémarré le navigateur, vous pourrez accéder à Firebug via un simple clic droit sur l'élément graphique dont le code vous intéresse... et sélectionnez "Inspecter un élément". Le code source que Firebug vous présente alors est "dépliable", mis en couleur pour plus de lisibilité, et à jour des éventuelles injections, suppressions, modifications de contenus faites en Javascript. Simple et très efficace!

3 // Installer JQuery Déjà, pour pouvoir utiliser les fonctions très utiles de JQuery, il faut importer la librairie dans votre document HTML. Etape 1 : Télécharger la librairie JQuery (version de Janvier 2012, pour une version à jour par la suite : ) C'est un simple fichier texte, avec une extension.js pour signaler qu'il est écrit en Javascript. Etape 2 : L'importer dans vos documents Dans chaque document html/php où vous souhaitez utiliser JQuery, il faut ajouter dans le header la balise : <script language="javascript" src="lib/jquery min.js"></script> Si vous importez plusieurs fichiers Javascript dans votre document, commencez par JQuery, au cas où un des fichiers suivants en aurait besoin pour s'exécuter... Etape 3 : Mettre en place "l'enveloppe d'exécution" Le principe, c'est que si on exécute notre codde JQuery avant que toute la page soit chargée, on riste d'essayer d'accéder à des balises (ou des images) qui ne sont pas encore écrites dans le document... Pour palier au problème, on va donc saisir toutes les instructions JQuery dans une fonction spéciale qui se déclenche seulement une fois que l'ensemble de la page est chargée. On doit donc créer le bloc suivant dans le header, après les imports de JQuery et des autres fichiers Javascript : <script language="javascript"> $(document).ready(function(){ // c'est ici que je vais écrire le code JQuery de ma page </script> Rien n'empêche d'utiliser cette fonction dans un fichier.js séparé, aussi.

4 // Les sélecteurs JQuery En fait, les sélecteurs de JQuery sont complètement hérités des sélecteurs CSS, avec en plus le support des sélecteurs CSS3 voire 4, qui restent instables côté CSS. Avec JQuery ça fonctionne très bien, quel que soit le navigateur (s'il a moins de 10 ans, quoi). JQuery est une syntaxe "ciblée", on commence donc presque toujours une instruction en désignat l'élément HTML sur lequelon veut agir. Comme en CSS, on peut sélectionner 1 ou plusieurs éléments du <body>, et de plusieurs manières. Sélecteur JQuery $('h1') $('#truc') $('.truc') Balises HTML ciblées Exemple HTML Toutes les balises <h1></h1> du document La balise unique (de n'importe quel type) dont l'attribut id est "truc" Toutes les balises de tous types dont l'attribut classe est "truc" <p id="truc">...</p> ou <h1 id="truc">,,,</h1> <p class="truc">...</p> <h1 class="titre truc">...</h1> On peut cumuler les 3 syntaxes pour écrire des chemins plus complexes vers une cible mieux délimitée : $('div#article.titre') $('h1.titre') $('#article.titre a') Sélectionne seulement les balises de classe "titre" à l'intérieur de la div dont l'id est "article" Sélectionne seulement les h1 de classe titre, mais pas les h2 de classe "titre" par ex Sélectionne les liens (balises <a></a>) qui se trouvent dans une balises de la classe titre, seulement dans la div dont l'id est "article" Quelques sélecteurs spéciaux hérités du CSS : $('a') $('a:hover') $('a:visited') Tous les liens Le style au survol des liens Le style des liens déjà visités

5 Quelques sélecteurs spécifiques de JQuery (hérités du CSS3 ou pas) : Sélecteur JQuery $(window) $(document) $('body') $('h1:first') $('h1:last') $('h1:eq(3)') $('h1:contains("test")') $('#truc').parent() $('#truc').find('p') $('#truc').next() $('#truc').prev() Balises HTML ciblées Exemple HTML La fenêtre dans laquelle la page s'exécute Le document html au complet, la page dans son entièreté Tout le body du document (aussi appelé le DOM du document) Sélectionne la première balise <h1> rencontrée Sélectionne la dernière balise <h1> rencontrée Permet de sélectionner un objet spécifique de la liste complète des balises <h1>. La liste commence au numéro 0, eq(3) va donc cibler le 4ème <h1>. Sélectionne les balises h1 seulement si elles contiennent le mot "Test" Permet d'accéder à la balise "parente" de la balise ciblée. Par parente on entend la balise qui contient la balise id="truc" Permet de chercher un type de balise à l'intérieur d'une autre... Sélectionne la balise suivante, après celle ciblée... en restant au même niveau. Sélectionne la balise précédente, avant celle ciblée... en restant au même niveau. <body>...</body> // celle-ci // celle-ci // celle-ci <h1>un truc</h1> <h1>le Test n 774</h1> // celle-ci <h1>des bidules</h1> <div> // la div au complet <h1 id="truc">...</h1> </div> <div id="truc"> <h1> <p>blabla</p> // ça <p>blabla</p> // et ça </h1> </div> <div> // la div au complet <h1 id="truc">...</h1> // celle-ci </div> <div> // la div au complet // celle-ci <h1 id="truc">...</h1> </div> Il y en a bien d'autres, ceux-là sont déjà très utiles. Pour plus d'infos, rendez-vous sur la page officielle dédiée :

6 // La syntaxe de JQuery Une fois la cible sélectionnée, on va pouvoir lui appliquer les fonctions proposées par Jquery, comme par ex : $('#truc').hide(); On articule donc la cible et la fonction avec un point entre les 2. Il est possible de cumuler plusieurs fonctions sur une seule cible (avec plusieurs points, du coup), comme suit : $('#truc').hide().fadein('slow'); // On cache #truc, et on le fait réapparaitre aussi sec en fondu. Pour toute les fonction qui ne sont pas instantanées et prennent du temps (animations, chargement de contenus externes, etc) il est possible d'indiquer ce qu'on veut faire après que la présente fonction ait fini d'agir... On peut ainsi créer des séquences de codes successifs très facilement : $('#truc').fadeout('slow', function(){ // disparition du bloc, puis... $('#truc').load('actu,html', function(){ // chargement d'une actu externe, puis... $('#truc').show('slow', function(){ // réapparition du bloc mis à jour, puis... alert('la séquence est finie!'); // affichage d'une boite de dialogue Il suffit donc d'indiquer une fonction dans la fonction, et ça se fait tout seul. Attention à avoir le bon nombre de à la fin! Il y a une autre façon de séquencer son code dans le temps, ou simplement quand on veut attendre un certain temps avant d'exécuter une instruction : $('#truc').delay(2000).hide(); // On va donc attendre 2000 millisecondes (2 secondes) avant de cacher le bloc... Pour finir, un sélecteur peut renvoyer aussi bien 1 que 10 éléments, aussi il est parfois pratique de pouvoir parcourir toute la liste des balises sélectionnées, pour leur attribuer une action différente par ex. $('.box').each(function(index){ // on va répéter la suite pour chaque élément, 1 par 1 // $(this) c'est l'élément actuellement sélectionné, avant de passer au suivant $(this).show(); // index c'est le numéro de cet élément dans la liste : 0 pour le 1er, 1 pour le 2ème... $(this).html("ceci est la div de la classe box numéro "+index);

7 // Les fonctions et les familles usuelles de JQuery Je ne prétend pas toutes les présenter, il y en a bien trop! En voici une sélection déjà bien étendue, et pour en savoir plus : Le moteur de recherche de cette page est plutôt efficace, et chaque fonction a sa fiche explicative avec exemple. Afficher/masquer un bloc.hide().show().toggle().fadein().fadeout().fadetoggle() Masque un élément, via le css : display:none; Montre un élément masqué en css ou en JQuery via hide() si visible -> invisible, si invisible -> visible fondu d'alpha entrant, c'est à dire pour faire apparaître un bloc fondu d'alpha sortant, c'est à dire pour faire disparaître un bloc si visible -> invisible, si invisible -> visible (); // instantanné ('slow'); // lent ('fast'); // rapide (2000); // dure 2 sec. // idem hide() // idem hide() // idem hide() // idem hide() // idem hide().fadeto() vers un alpha spécifique, entre 0 et 1 (0.5, 'slow'); // vers 50% (0, 'slow'); // invisible.slidedown() effet volet roulant, pour ouvrir // idem hide().slideup() effet volet roulant, pour fermer // idem hide().slidetoggle().stop().scrolltop().scrollleft() si ouvert -> fermé, si fermé -> ouvert pour arrêter une animation en cours de route pour récupérer ou définir le scroll vertical de la page. c'est le nombre de pixels qui sont masqués en haut de la page. ce n'est pas animé. pour récupérer ou définir le scroll horizontal de la page. c'est le nombre de pixels qui sont masqués en haut de la page. ce n'est pas animé. // idem hide() (); // renvoie le scroll actuel (150); // scrolle jusqu'à 150px (); // renvoie le scroll actuel (150); // scrolle jusqu'à 150px

8 Styles et attributs d'un bloc.css().animate().addclass().removeclass().hasclass().attr().width().height().offset() permet de consulter ou modifier les attributs CSS de la cible permet de consulter ou modifier les attributs CSS de la cible... en interpolation sur une certaine durée! ajoute une classe CSS au bloc sélectionné. aucun pb pour avoir plusieurs classes en même temps. retire une classe CSS de l'élément ciblé, si elle existait. renvoie true si le bloc est bien associé à la classe CSS, false sinon renvoie n'importe quel attribut HTML du bloc cible renvoie la largeur du bloc, en pixels spécifie la largeur du bloc en pixels renvoie la hauteur du bloc, en pixels spécifie la hauteur du bloc en pixels renvoie ou spécifie les coordonnées x et y du bloc, en pixels..left c'est x,.top c'est y ({'color':'#ff0000' // texte en rouge ({'color':'#ff0000', 'font-size':'14px' // texte en rouge, typo à 14px ('color'); // renvoie la couleur actuelle ({font-size: '14px', width: '300px'}, 500); // va prendre 0.5 sec pour aller du style actuel aux nouvelles valeurs ('test'); // va ajouter test dans l'attribut class="..." ('test'); // le bloc n'a plus la classe test dans son attribut class="..." ('test'); // regarde si le bloc à la classe test ou pas sur <p id="truc"> $('p').attr('id'); renvoit "truc" sur <img src="truc.gif"> $('img').attr('src'); renvoit "truc.gif" (); (300); // pour avoir un bloc de 300px (); (300); // pour avoir un bloc de 300px ().left; // renvoie x ().top // renvoie y ({top: 10, left: 30 // pour placer le bloc à x=10 et y=30 pixels Gestion des contenus textes.html().append().prepend().remove().empty() renvoie ou spécifie le contenu HTML de la balise ciblée écrase le contenu qui existait auparavant dans le bloc ajoute du contenu HTML à la fin du contenu existant ajoute du contenu HTML au début du contenu existant supprime la balise sélectionnée et son contenu supprime le contenu de la balise sélectionnée, mais pas la balise ellemême (); // renvoie le contenu ('blablabla'); // remplace le contenu par "blabla" ('blabla'); // va ajouter blabla à la fin du texte existant ('blabla'); // va ajouter blabla au début du texte existant

9 Charger de l'html et du Javascript externes.load().get().post().getscript() récupère le code du document indiqué (html, php, ) et l'injecte directement dans le bloc ciblé... écrase le contenu qui existait auparavant dans le bloc récupère le code du document indiqué (html, php, ) après on en fait ce qu'on veut on peut ajouter des paramètres GET si on s'adresse à du php vous récupérerez le code html généré en php, et non le code php lui-même. récupère le code du document indiqué (html, php, ) après on en fait ce qu'on veut on peut ajouter des paramètres POST si on s'adresse à du php vous récupérerez le code html généré en php, et non le code php lui-même. pour charger via Javascript du code Javascript, et l'exécuter aussitôt! évite d'avoir à insérer une balise <script src="...">, du coup. ('actu.html'); // va injecter actu.html directement dans la balise ciblée... ('actu,html', function(data){ // data c'est le code en retour, // à utiliser entre les 2 accolades ('actu,html', function(data){ // data c'est le code en retour, // à utiliser entre les 2 accolades $.getscript("js/monscript.js"); // va importer monscript.js et l'interpréter Gestion des formulaires.val() [name="lenom"] :checked renvoie ou spécifie la valeur du champ de formulaire input, textarea, select, etc un sélecteur qui permet de cibler un champ <input> via son attribut name="..." un sélecteur pour obtenir seulement les checkbox qui ont été cochées pour <input id="test" name="test" type="text" value="blabla" /> $('#test').val(); // renvoit "blabla" $('#test').val('blibli'); // change le contenu de value="..." visible à l'écran <input name="test" type="text" value="blabla" /> sera ciblée par $('input[name="test"]') $('input:checked') cible seulement les input où la case a été cochée :selected.submit() un sélecteur pour obtenir seulement la balise sélectionnée dans un champ list/menu (champ déroulant, quoi) permet de valider un formulaire sans cliquer sur le bouton submit pour <select name="choix"> <option value="texte1"> choix 1 </option> <option value="texte2"> choix 2 </option> </select> Le choix sélectionné est accessible avec $('select:selected')

10 Interactivité à la souris.click().mouseover().mouseout().mousedown().mouseup().bind() permet d'indiquer ce qu'on veut faire quand un clic est constaté sur l'élément ciblé permet d'indiquer ce qu'on veut faire quand la souris entre en survol de l'élément ciblé permet d'indiquer ce qu'on veut faire quand la souris sort du survol de l'élément ciblé permet d'indiquer ce qu'on veut faire au moment où le clic est enfoncé sur l'élément ciblé équivalent à onpress en ActionScript permet d'indiquer ce qu'on veut faire au moment où le clic est relâché sur l'élément ciblé équivalent à onrelease en ActionScript ne cohabite pas bien avec.click() permet de récupérer bien d'autres évènements : touch des écrans tactiles, multitouch, etc $('#truc').click(function(){ $(this).hide('slow'); // $(this) c'est ici comme $('#truc') $('#truc').mouseover(function(){ $(this).hide('slow'); // $(this) c'est ici comme $('#truc') $('#truc').mouseout(function(){ $(this).hide('slow'); // $(this) c'est ici comme $('#truc') $('#truc').mousedown(function(){ $(this).hide('slow'); // $(this) c'est ici comme $('#truc') $('#truc').mouseup(function(){ $(this).hide('slow'); // $(this) c'est ici comme $('#truc') tous les events souris supportés : ouse-events/ Interactivité au clavier.keydown().keypress().keyup().bind() exécute la fonction indiquée au moment ou la touche est enfoncée. le code s'exécute une fois, même si on garde la touche enfoncée. exécute la fonction indiquée au moment ou la touche est enfoncée. le code est répété ensuite tant que la touche est enfoncée. exécute la fonction indiquée au moment ou la touche est relâchée. permet de récupérer d'autres évènements $(window).keydown(function(){ // le code Javascript / JQuery // à exécuter $(window).keypress(function() { // le code Javascript / JQuery // à exécuter $(window).keyup(function() { // le code Javascript / JQuery // à exécuter tous les events clavier supportés : yboard-events/

11 Evénements de la page.ready().resize().bind() exécute la fonction indiquée dès que la page est chargée exécute la fonction indiquée à chaque fois que la page est redimensionée permet de récupérer d'autres évènements : scroll, erreurs de code, $(document).ready(function(){ // le code Javascript / JQuery // à exécuter $(window).resize(function() { // le code Javascript / JQuery // à exécuter tous les events supportés : owser-events/ ocument-loading/ L'ensemble du langage JQuery est référencé en détail ici : et il y a de quoi faire...

12 // Quelques librairies choisies La grande force de JQuery (outre ses fonctions déjà très puissantes), c'est la très grande communauté de développeurs qui publient des extensions dédiées à certaines fonctionnalités compliquées. L'extension est le plus souvent un fichier.js, parfois accompagné d'images, de css, ou de pages php, qu'il suffit d'importer dans votre page via une balise <script language="javascript" src="js/monextension.js"></script> Une fois cette balise saisie, vous aurez accès à de nouvelles fonctions propres à votre extension, qui viennent enrichir celles de JQuery avec la syntaxe JQuery habituelle. Le plus souvent, les sites des librairies proposent des demos (dont vous pouvez lire le code via CTRL(Pomme) + U), voire des tutoriaux. Vous trouverez des extensions très facilement sur google, en tapant "jquery ce que je veux faire" ex: "jquery diaporama", "jquery scroll animé", etc... Le problème c'est qu'il y en a souvent des dizaines pour chaque sujet, alors voici une petite sélection de ce que je connais de mieux : Gestion précise et animée du scroll (de la page, d'une div), en ciblant simplement une balise, ou en entrant des valeurs en pixels : Personnaliser ses barres de scroll : Diaporamas de bon goût : Diaporama pleine-page, avec ou sans boutons de navigation, et plusieurs transitions possibles d'une image à l'autre : Une "lightbox" sobre et fonctionnelle pour afficher vos images en grand format au-dessus de votre page, au clic sur la miniature : Une grille qui s'adapte à la taille de la fenêtre, avec des replacements animés : Pour des sites scrollables et animés dans tous les sens :

13 // Quelques librairies avancées Toute la typo qu'on veut en Javascript/css : Injecter des animations Flash via JQuery : Une grille adaptative, avec options de tri multiples (niveau avancé) : Pixelliser des images en Javascript : Formulaire d'upload de fichiers via un module Jquery : Et pour finir, pour les plus avancés, une sélection de librairies dédiées au Responsive WebDesign, autrement dit pour construire des sites qui s'adaptent quelle que soit la résolution d'écran : Et si vous en êtes là, c'est qu'il ne reste plus qu'à vous intéresser à l'html à Processing.js, qui est une librairie permettant de faire de l'html5 avec les mots de Processing : contact@gildasp.fr Pour

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Freeway 7. Nouvelles fonctionnalités

Freeway 7. Nouvelles fonctionnalités ! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer

Plus en détail

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. 1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

L ORDINATEUR FACILE D ACCÈS!

L ORDINATEUR FACILE D ACCÈS! L ORDINATEUR FACILE D ACCÈS! Préparé par Éric Roussel, enseignant spécialisé en informatique / École Jacques-Ouellette / 2009 Préambule Il est important de noter qu il n y a pas d adaptation parfaite des

Plus en détail

1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5

1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5 1. Introduction... 2 2. Création d'une macro autonome... 2 3. Exécuter la macro pas à pas... 5 4. Modifier une macro... 5 5. Création d'une macro associée à un formulaire... 6 6. Exécuter des actions en

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran

DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran dossier par Clochar SOMMAIRE 1. LES RESOLUTIONS d'ecran... 1 2. RESOLUTION de l écran et choix de la TAILLE DE LA PAGE... 2 3. AGRANDISSEMENT

Plus en détail

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web. Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 bij@agasc.fr www.agasc.fr. Word: Les tableaux.

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 bij@agasc.fr www.agasc.fr. Word: Les tableaux. Word: Les tableaux Introduction 6 ième partie Il est préférable par moments de présenter de l'information sous forme de tableau. Les instructions qui suivent démontrent comment créer un tableau et comment

Plus en détail

Manuel du composant CKForms Version 1.3.2

Manuel du composant CKForms Version 1.3.2 Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant

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

Manuel d utilisation email NETexcom

Manuel d utilisation email NETexcom Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La

Plus en détail

Chapitre 1. Prise en main

Chapitre 1. Prise en main Guide de référence Guide de référence Chapitre 1. Prise en main Le processus d'enquête Le processus d'enquête comporte 5 étapes toutes prises en charge par le logiciel : Conception des formulaires Cette

Plus en détail

Chapitre 2 Créer son site et ses pages avec Google Site

Chapitre 2 Créer son site et ses pages avec Google Site Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail

Plus en détail

SOMMAIRE. Présentation assistée sur ordinateur. Collège F.Rabelais 1/10

SOMMAIRE. Présentation assistée sur ordinateur. Collège F.Rabelais 1/10 /0 SOMMAIRE. Lancer le logiciel. Mettre un titre dans une diapositive et du texte. Ajouter une diapositive 4. Créer une diapositive avec une image 5. Créer une diapositive avec un graphique 6. Créer une

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

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

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles 46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes

Plus en détail

Prise en main du logiciel. Smart BOARD Notebook 10

Prise en main du logiciel. Smart BOARD Notebook 10 Prise en main du logiciel Smart BOARD Notebook 10 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

TABLEAU CROISE DYNAMIQUE

TABLEAU CROISE DYNAMIQUE EXCEL NIVEAU III Mireille DUCELLIER MARS 2003 BASE DE DONNEES RAPPEL Une base de données est une plage de cellules contiguës située sur une la feuille 1. Elle commence en A1. On parle alors de champs,

Plus en détail

TRUCS & ASTUCES SYSTEME. 1-Raccourcis Programme sur le Bureau (7)

TRUCS & ASTUCES SYSTEME. 1-Raccourcis Programme sur le Bureau (7) TRUCS & ASTUCES SYSTEME 1-Raccourcis Programme sur le Bureau (7) 2- Mettre la souris sur Tous les programmes 3- Clic DROIT sur le programme dont on veut créer un raccourcis 4- Dans le menu contextuel Clic

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

1. Installation du Module

1. Installation du Module 1 sur 10 Mise en place du Module Magento V 1.5.7 1. Installation du Module Vous pouvez installer le module de deux façons différentes, en passant par Magento Connect, ou directement via les fichiers de

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Note de cours. Introduction à Excel 2007

Note de cours. Introduction à Excel 2007 Note de cours Introduction à Excel 2007 par Armande Pinette Cégep du Vieux Montréal Excel 2007 Page: 2 de 47 Table des matières Comment aller chercher un document sur CVMVirtuel?... 8 Souris... 8 Clavier

Plus en détail

l'ordinateur les bases

l'ordinateur les bases l'ordinateur les bases Démarrage de l'ordinateur - Le bureau, mon espace de travail - J'utilise la souris - Ouvertes ou fermées, les fenêtres - Dans l'ordinateur, tout est fichier - Le clavier : écrire,

Plus en détail

COURS WINDEV NUMERO 3

COURS WINDEV NUMERO 3 COURS WINDEV NUMERO 3 01/02/2015 Travailler avec un fichier de données Etude du gestionnaire d analyse, Manipulation des tables mémoires, Manipulation de données, Création d états, Pré requis : Cours WinDev

Plus en détail

Manuel de l'utilisateur d'intego VirusBarrier Express et VirusBarrier Plus

Manuel de l'utilisateur d'intego VirusBarrier Express et VirusBarrier Plus Manuel de l'utilisateur d'intego VirusBarrier Express et VirusBarrier Plus Bienvenue dans le manuel de l'utilisateur d'intego VirusBarrier Express et VirusBarrier Plus. VirusBarrier Express est un outil

Plus en détail

TD3 - Facturation avec archivage automatisé

TD3 - Facturation avec archivage automatisé TD3 - Facturation avec archivage automatisé Objectifs Insérer les formules nécessaires aux calculs d une facture. Créer une macro- commande avec l enregistreur de macros et l affecter à un bouton. Utiliser

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

37 13 Courrier indésirable 38 14 Appeler plusieurs comptes de messagerie 39 15 Sélectionner un compte de messagerie 40 16.

37 13 Courrier indésirable 38 14 Appeler plusieurs comptes de messagerie 39 15 Sélectionner un compte de messagerie 40 16. 1 Créer un compte de messagerie 26 2 Créer une signature 27 3 Vérifier automatiquement le courrier entrant 28 4 Fixer le volume maximum des messages 29 5 Demande de réunion par courrier électronique 30

Plus en détail

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB"

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB" Quelques conseils pour bien contribuer 1 Paramétrer votre navigateur web 2 Accéder au module de gestion des pages web 2

Plus en détail

Open Office - Présentation

Open Office - Présentation 1 Définition 1.1 Diaporama Un diaporama est une succession de diapositives, chaque diapositive correspond à un écran d'ordinateur. Les diapositives peuvent être affichées de façon séquentielle ou par appel

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

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La

Plus en détail

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu

Plus en détail

LibreOffice Calc : introduction aux tableaux croisés dynamiques

LibreOffice Calc : introduction aux tableaux croisés dynamiques Fiche logiciel LibreOffice Calc 3.x Tableur Niveau LibreOffice Calc : introduction aux tableaux croisés dynamiques Un tableau croisé dynamique (appelé Pilote de données dans LibreOffice) est un tableau

Plus en détail

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer

Plus en détail

Formulaire pour envoyer un mail

Formulaire pour envoyer un mail Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est

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

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

Prise en main du logiciel Smart BOARD

Prise en main du logiciel Smart BOARD Prise en main du logiciel Smart BOARD 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir un tbi

Plus en détail

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/.

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/. Aide-mémoire Zotero est un logiciel de gestion bibliographique gratuit jusqu à 300 Mo et open source. Cet outil permet de collecter des références bibliographiques, de créer des bibliographies et d insérer

Plus en détail

Edition de sites Jahia 6.6

Edition de sites Jahia 6.6 Sommaire Edition de sites Jahia 6.6 documentation temporaire en attendant la finalisation de la documentation en ligne Ligne graphique Débuter l'édition Interface utilisateur Astuces de publication Boîte

Plus en détail

< Atelier 1 /> Démarrer une application web

< Atelier 1 /> Démarrer une application web MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE

Plus en détail

Google Drive, le cloud de Google

Google Drive, le cloud de Google Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de

Plus en détail

Publication Assistée par Ordinateur

Publication Assistée par Ordinateur Présentation OpenOffice Draw est l'outil de dessin vectoriel de la suite bureautique OpenOffice. De fait, Draw permet de réaliser certains documents comparables à ceux de Publisher, le logiciel de P.A.O.

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

HTML5 et CSS3 pour des sites Responsive Web Design

HTML5 et CSS3 pour des sites Responsive Web Design Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur

Plus en détail

Access 2007 FF Access FR FR Base

Access 2007 FF Access FR FR Base ACCESS Basic Albertlaan 88 Avenue Albert Brussel B-1190 Bruxelles T +32 2 340 05 70 F +32 2 340 05 75 E-mail info@keyjob-training.com Website www.keyjob-training.com BTW TVA BE 0425 439 228 Access 2007

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

Automatisation d'une Facture 4. Liste Déroulante Remises Case à cocher Calculs

Automatisation d'une Facture 4. Liste Déroulante Remises Case à cocher Calculs Dans la série Les tutoriels libres présentés par le site FRAMASOFT Automatisation d'une Facture 4 Liste Déroulante Remises Case à cocher Calculs Logiciel: Version: Licence: Site: OpenOffice.org Calc :

Plus en détail

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/

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

FAQ Trouvez des solutions aux problématiques techniques.

FAQ Trouvez des solutions aux problématiques techniques. FAQ Trouvez des solutions aux problématiques techniques. 1. Au lieu des livres numériques dont je m'attendais, j'ai téléchargé un fichier qui s'intitule «urllink.acsm». Où est le livre numérique? 2. Comment

Plus en détail

Editeur html Guide de l'utilisateur

Editeur html Guide de l'utilisateur Ti nymce Editeur html Guide de l'utilisateur Date : février 2012 Version 2.0 Doc ref. tinymce-userguide-2.0 1 Aperçu général Cette documentation est composée de deux documents : Une représentation graphique

Plus en détail

TAGREROUT Seyf Allah TMRIM

TAGREROUT Seyf Allah TMRIM TAGREROUT Seyf Allah TMRIM Projet Isa server 2006 Installation et configuration d Isa d server 2006 : Installation d Isa Isa server 2006 Activation des Pings Ping NAT Redirection DNS Proxy (cache, visualisation

Plus en détail

Dispositif Technique

Dispositif Technique Dispositif Technique Ordinateur Clavier / souris sans fil Vidéoprojecteur Webcam sur pied Une webcam est fixée sur un support «lampe de chevet» et permet d'afficher n'importe quel document, objet en grand

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

Plus en détail

"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"

CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS "CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS" BONNES FEUILLES OFFERTES PAR MA-EDITIONS : "OPTIMISER" - pages à 1 OPTIMISER Partir d'un modèle existant très bien... Mais c'est encore mieux quand on

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

PARAMETRER LA MESSAGERIE SOUS THUNDERBIRD

PARAMETRER LA MESSAGERIE SOUS THUNDERBIRD PARAMETRER LA MESSAGERIE SOUS THUNDERBIRD Ref : FP. P763 V 5.0 Résumé Ce document vous indique comment paramétrer votre messagerie sous Thunderbird. Vous pourrez notamment, créer, modifier ou supprimer

Plus en détail

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

Plus en détail

Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur

Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur 1. Présentation de Typo3... 2 2. Rôle de l administrateur... 2 3. Configuration du site Web... 3 3.0 Que faire si les changements

Plus en détail

Indiquer l'espace libre sur le disque dur

Indiquer l'espace libre sur le disque dur ordinateur les plus Indiquer l'espace libre sur le disque dur - Nettoyer le disque dur - Défragmenter le disque dur Graver un CD ou un DVD - Installer un antivirus - Désinstaller un programme Copier des

Plus en détail

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

Plus en détail

FOXIT READER 6.0 Guide rapide. Table des matières... II Utilisation de Foxit Reader 6.0... 1. Lecture... 4. Travailler dans des documents PDF...

FOXIT READER 6.0 Guide rapide. Table des matières... II Utilisation de Foxit Reader 6.0... 1. Lecture... 4. Travailler dans des documents PDF... Table des matières Table des matières... II Utilisation de Foxit Reader 6.0... 1 Installer et désinstaller... 1 Ouvrir, Créer, Fermer, Enregistrer et Quitter... 1 Définir le style et l'apparence de l'interface...

Plus en détail

Spécifications techniques

Spécifications techniques Spécifications techniques Décembre2009 1. Récapitulatif des formats : p2 1. Formats classiques p2 2. Formats Rich Média p2 2. Emplacements : p3 1. Directions.fr p3 2. Newsletter Directions p4 3. Contraintes

Plus en détail

BADPLUS V5 MANUEL D'UTILISATION. Imports de données joueurs à partir de la base fédérale en ligne Poona. Stéphan KIEFFER - Dominique BOSSERT

BADPLUS V5 MANUEL D'UTILISATION. Imports de données joueurs à partir de la base fédérale en ligne Poona. Stéphan KIEFFER - Dominique BOSSERT BADPLUS V5 Imports de données joueurs à partir de la base fédérale en ligne Poona MANUEL D'UTILISATION Stéphan KIEFFER - Dominique BOSSERT Sommaire Pages RECHERCHE DE JOUEURS...- 3-1. RECHERCHE A PARTIR

Plus en détail

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant

Plus en détail

Tune Sweeper Manuel de l'utilisateur

Tune Sweeper Manuel de l'utilisateur Tune Sweeper Manuel de l'utilisateur www.wideanglesoftware.com Table des matières Introduction 2 Démarrage rapide 5 Recherche de doublons 9 Sélection des pistes à conserver 12 Éliminer les doublons 15

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

Plus en détail

MO-Call pour les Ordinateurs. Guide de l utilisateur

MO-Call pour les Ordinateurs. Guide de l utilisateur MO-Call pour les Ordinateurs Guide de l utilisateur Sommaire MO-CALL POUR ORDINATEURS...1 GUIDE DE L UTILISATEUR...1 SOMMAIRE...2 BIENVENUE CHEZ MO-CALL...4 MISE EN ROUTE...5 CONNEXION...5 APPELS...7 COMPOSITION

Plus en détail

Utiliser le service de messagerie électronique de Google : gmail (1)

Utiliser le service de messagerie électronique de Google : gmail (1) Utiliser le service de messagerie électronique de Google : gmail (1) 1. Créer un compte 2 2. Ouvrir sa boîte de messagerie électronique 3 3. Comprendre la boîte de réception (1) 4 3.1. Lire un message

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

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

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

WINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires :

WINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires : WINDOWS 8 Windows 8 : généralités Windows 8 est la dernière version du système d'exploitation de Windows, sortie en octobre 2012. Si vous possédez un ordinateur récent, il y a de fortes chances que votre

Plus en détail

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons Guide d'utilisation OpenOffice Calc AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons 1 Table des matières Fiche 1 : Présentation de l'interface...3 Fiche 2 : Créer un nouveau classeur...4

Plus en détail

Formation. Module WEB 4.1. Support de cours

Formation. Module WEB 4.1. Support de cours Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,

Plus en détail

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés.

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Qlik Sense Cloud Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Qlik, QlikTech, Qlik Sense, QlikView,

Plus en détail

DECOUVERTE DE LA MESSAGERIE GMAIL

DECOUVERTE DE LA MESSAGERIE GMAIL DECOUVERTE DE LA MESSAGERIE GMAIL modifie août 2011 La messagerie GMAIL est très répandue parce que simple d'utilisation et surtout gratuite. Car elle proposée par Google. Cliquez deux fois sur l'icône

Plus en détail

Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail v.8. Powered by. Version 3.0 - EXOCA 1

Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail v.8. Powered by. Version 3.0 - EXOCA 1 Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail v.8 Powered by Version 3.0 - EXOCA 1 Sommaire Introduction... 3 1. Configuration du logiciel Zdesktop...4 2. Connexion

Plus en détail

INSERER DES OBJETS - LE RUBAN INSERTION... 3 TABLEAUX

INSERER DES OBJETS - LE RUBAN INSERTION... 3 TABLEAUX TABLE DES MATIERES Livret Utilisateur Excel 2007 Niveau 2 INSERER DES OBJETS - LE RUBAN INSERTION... 3 TABLEAUX... 4 Les tableaux croisés dynamiques... 4 Création d un tableau croisé... 5 Comparer des

Plus en détail

Créer un diaporama avec Open Office. Sommaire

Créer un diaporama avec Open Office. Sommaire Créer un diaporama avec Open Office I. Création I.1. Paramétrer le diaporama I.2. Valider et enregistrer l'album II. Le traitement des données II.1. Saisir les données II.2. Agir sur les pages III. Améliorez

Plus en détail

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 utilisateur Netviewer one2one

Manuel utilisateur Netviewer one2one Manuel utilisateur Netviewer one2one INDEX 1. Etablissement de la connexion...2 1.1. Client... 2 2. Travailler avec Netviewer en mode Show...3 2.1. Vue écran... 3 2.2. Le panneau Netviewer... 3 2.3. Caractéristiques...

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

Séminaire d information MIGRATION WINDOWS 7 ET OFFICE 2010

Séminaire d information MIGRATION WINDOWS 7 ET OFFICE 2010 Séminaire d information MIGRATION WINDOWS 7 ET OFFICE 2010 Pourquoi migrer vers Office 2010? Pour bénéficier d une meilleure ergonomie Pour faciliter les échanges avec l extérieur Pour profiter de la puissance

Plus en détail