Notes pour l utilisation d Expression Web

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

Download "Notes pour l utilisation d Expression Web"

Transcription

1 EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin /21

2 Table des matières 1 Introduction Installer Expression Web Explorer et personnaliser l interface utilisateur La barre de menu La barre d outils «Eléments communs» La gestion des volets de tâches Ouvrir un site existant avec Expression Web Afficher différentes vues d un site Le mode «Dossiers» Le mode «Rapports» Le mode «Liens Hypertexte» Le mode «Site Web Distant» Explorez une page web Utiliser EXPRESSION WEB en respectant les standards du web Vérifier et résoudre les problèmes de validité W3C avec EXPRESSION WEB Résoudre les problèmes d accessibilité avec EXPRESSION WEB Choisir le bon DOCTYPE avec EXPRESSION WEB Améliorer le rendu entre les différents navigateurs avec EXPRESSION WEB Utiliser les feuilles de style avec EXPRESSION WEB Créer un nouveau site avec EXPRESSION WEB Créer des formulaires avec EXPRESSION WEB Bibliographie /21

3 1 Introduction L utilisation d un simple éditeur de texte pour créer vos pages web devient vite pénible. Aucune facilité n est prévue pour insérer du code type ou pour indiquer les erreurs de frappe ou de syntaxe ou encore pour modifier les liens concernés par un changement de nom de fichier. Vous devez tout gérer vous-même avec plus ou moins de bonheur. D un autre côté, personne ne renie l utilisation d un logiciel de traitement de texte pour écrire et structurer un document, alors pourquoi se passer d un utilitaire pour gérer la création et la structure de nos pages web? Il en existe plusieurs comme par exemple Dreamweaver d Adobe ou Expression Web de Microsoft (qui remplace l ancien Frontpage). Ce sont des outils puissants parfois un peu «usine à gaz», mais vite indispensables pour gérer des sites un peu volumineux. Tout comme un traitement de texte ne vous dispense pas de connaître les règles de base de la mise en page et de l orthographe, les logiciels intégrés de création de site web ne vous dispensent pas de connaître l HTML et les CSS afin d obtenir les meilleures performances du programme. Nous allons dans les pages qui suivent découvrir Expression Web de Microsoft. 3 /21

4 2 Installer Expression Web Le logiciel s installe classiquement à partir d un CD-Rom gravé au moyen de l image ISO que vous avez téléchargée sur le site vous avez normalement reçu un login et un mot de passe pour accéder aux téléchargements. Une fois le programme installé, pour lancer l application, utilisez soit l icône qui a été créée sur le bureau lors de l installation, soit le menu Démarrer > Tous les programmes > Microsoft Expression >Expression Web. Une page nommée sans_titre_1.htm apparaît lorsque vous lancez Expression Web la première fois. Si vous avez ouvert un site avec Expression Web lors de votre session précédente, celui-ci s ouvrira par défaut lors de votre nouvelle session. 4 /21

5 3 Explorer et personnaliser l interface utilisateur Si vous êtes habitués aux applications de la suite Office de Microsoft, vous ne serez pas dépaysé par l interface d Expression Web. Presque tout ce que vous aurez à y faire pourra l être à partir d un des douze menus de la barre de menus. Ces menus sont «intelligents», c'est-à-dire qu au fur et à mesure, les éléments que vous utilisez le plus souvent montent en tête de liste et ceux que vous utilisez le moins descendent. Comme toujours, les éléments de la liste en grisé sont ceux qui ne peuvent être utilisés dans le contexte où vous vous trouvez. En plus de la barre de menus et de la barre d outils, Expression Web inclut une série de panneaux qui forment votre espace de travail. Ces panneaux sont configurables, vous pouvez les redimensionner ou les rendre flottants. Fig.1 Vue globale de l interface utilisateur d Expression Web 5 /21

6 3.1 La barre de menu Le menu fichier permet classiquement d ouvrir un fichier existant ou un site, de créer un nouveau fichier ou un nouveau site (option nouveau faisant apparaître un sous-menu pour déterminer ce que l on veut créer), d enregistrer un fichier etc. Notez que l on ne peut créer un répertoire que si l on a ouvert un site. On retrouve bien un environnement auquel Windows et la suite Office nous a habitué. Explorez les menus Edition, Affichage, Insertion, Format, Outils, Tableau, Site, Vue des données, Volets des tâches, Fenêtre et Aide. 3.2 La barre d outils «Eléments communs» Sous la barre des menus figure la barre d outils «Eléments communs». Elle incorpore les outils les plus fréquemment utilisés ; une infobulle apparaît au survol de chaque icône pour informer sur son usage. Comme toujours, vous pouvez modifier le contenu de cette barre via la petite flèche qui la termine à droite. Fig 2 : la barre d outils «Eléments communs» Vous pouvez rajouter d autres barres d outils en faisant un clic droit sur la barre «Eléments communs». 3.3 La gestion des volets de tâches Cliquez dans la barre des menus sur «Volets de tâches» ; une longue liste de volets disponibles apparaît. Les groupes de volets sont séparés par des lignes horizontales. Chaque groupe entre les lignes apparaît dans la même zone de volets. En cliquant sur un volet donné dans la liste, vous le faites apparaître dans sa zone. Remarquez que vous pouvez également faire apparaître un volet en utilisant les onglets présent en tête de chaque zone. Fig 3 Le volet «Boîte à outils» Une flèche vous permet de faire défiler les différents onglets dans le volet. Un bouton permet de maximiser le volet, un autre de le fermer 6 /21

7 4 Ouvrir un site existant avec Expression Web EXPRESSION WEB fait la différence entre ouvrir une page ou ouvrir un site. Quelle est cette différence? Un site est constitué pour EXPRESSION WEB d un groupement logique de dossiers contenant toutes les pages, toutes les images et tous les autres fichiers nécessaires à l affichage du site. A ces dossiers, il faut encore rajouter dans la plupart des cas des «métadonnées» qui permettent par exemple à EXPRESSION WEB de reconnaître si un fichier a été modifié et de mettre à jour les liens vers les fichiers en cas de changement de nom ou d inclure les données concernant le serveur sur lequel le site a été publié. Dans le menu Fichier, la commande «Ouvrir un site» ouvre donc un site complet en activant les données de publication, la mise à jour des liens en cas de re-nommage de fichier etc. La commande «Ouvrir» seule se contente d ouvrir un fichier unique sans que les modifications effectuées n influencent aucun autre fichier. Vous pouvez pour vous entraîner ouvrir un site modèle créé pour vous initier à EXPRESSION WEB. Dans le menu fichier, cliquez sur «Ouvrir le site», naviguez dans la boîte de dialogue vers le dossier Documents/Microsoft Press/Expression Web SBS/ Sample Sites/ et cliquez par exemple sur CH1 puis sur «ouvrir». Avec un site complet ouvert, vous voyez la liste complète des fichiers le composant dans le volet en haut à gauche et dans la fenêtre principale qui s ouvre par défaut en mode dossier. Si vous cliquez sur un dossier dans le volet de gauche, son contenu apparaît dans l espace de travail central (comme dans l explorateur de fichier Windows). Si vous cliquez sur un fichier html ou css, celui-ci s ouvre dans l espace de travail. Si vous avez sélectionné une image, le programme de gestion d images associé à l extension de l image s ouvre automatiquement. Si vous renommez un élément (dossier ou fichier), tous les liens présents dans votre site concernés par ce changement seront automatiquement mis à jour Génial! Encore plus fort : vous pouvez créer dans le volet de gauche un nouveau dossier (par exemple un dossier nommé css s il n existe pas encore) en faisant un clic droit/nouveau/dossier ; vous pouvez y faire glisser votre feuille de style qui se trouvait à la racine du site et tous les liens de vos pages vers la feuille de style seront mis à jour. Vous pouvez encore ensuite déplacer le dossier «css» avec son contenu vers un sous-dossier quelconque, à nouveau la mise à jour des liens sera effectuée automatiquement. C est ce mode d affichage «dossier» que l on emploiera donc pour concevoir la structure d un nouveau site et la modifier plus tard le cas échéant. 7 /21

8 5 Afficher différentes vues d un site A côté du mode «Dossier» qui est choisi par défaut, EXPRESSION WEB vous propose plusieurs autres modes de visualisation de votre site pour vous aider à mieux le concevoir ou à mieux le gérer. Lorsque vous avez ouvert un site sans encore ouvrir un fichier de ce site, vous avez le choix entre 4 vues différentes via un menu se trouvant en bas de votre espace de travail : «Dossiers» (le mode par défaut), «Site Web Distant», «Rapports» et «Liens Hypertexte». 5.1 Le mode «Dossiers» Le mode dossier, vous le connaissez déjà, c est le mode d affichage par défaut que nous avons rencontré à l ouverture du site. Nous allons explorer les trois autres modes : 5.2 Le mode «Rapports» Cliquez sur l onglet «Site Web» en haut de l espace de travail pour passer au mode site web si vous l avez déjà quitté. Choisissez le bouton «Rapports» dans le menu du bas de votre espace de travail. EXPRESSION WEB affiche une série de données statistiques concernant votre site. 5 types de rapports peuvent être affiche : «Résumé du site» (affiché par défaut, elle permet une vue globale du site et de ses problèmes ; en cliquant sur une rubrique on obtient plus d informations concernant celle-ci), «Fichiers» (permet entre autres d avoir toutes les informations sur vos fichiers :titre, taille, type, date de modification etc.), «Contenu partagé» (permet entre autres de voir quelles feuilles de style sont liées à quelles pages et d analyser les pages dynamiques) «Problèmes» (permet entre autres de tester les liens et de détecter les pages qui ne sont liées à aucune autre) «Flux de travail» (permet entre autres de gérer les projets de site web sur lesquels travaillent plusieurs personnes et leur publication en ligne) Fig 4 Mode «Rapports» 8 /21

9 5.3 Le mode «Liens Hypertexte» Choisissez le bouton «Liens Hypertexte» dans le menu du bas de votre espace de travail. Sélectionnez une page dans le volet d exploration à gauche et EXPRESSION WEB affichera tous les liens présents sur cette page (images, feuilles de style, liens vers d autres fichiers internes ou vers des pages web externes à votre site) sous forme d arborescence. Si vous sélectionnez dans le volet de gauche, la racine de votre site, c est d office la page d index qui servira de point de référence pour l arborescence. Fig 5 Mode Liens hypertexte 5.4 Le mode «Site Web Distant» Cette vue vous permet de configurer une connexion FTP entre EXPRESSION WEB tournant sur votre ordinateur et un serveur web distant. Pour cela choisissez en haut de la fenêtre de travail «Propriétés du site web distant». Vous devrez indiquer l adresse du serveur web distant, le nom du dossier ou du sous-dossier dans lequel le site doit être publié, votre login et votre mot de passe, exactement comme vous avez dû le faire avec Filezilla lors des cours précédents. Toujours dans le haut de votre espace de travail, le bouton «Optimiser le code html publié» vous permet via une boîte de dialogue de supprimer les commentaires, les espaces blancs etc. lors de la publication pour optimiser vos pages. L onglet «Publication» permet de ne transférer que les pages qui ont été modifiées. 9 /21

10 Fig 6 Mode «Site Web Distant» 10 /21

11 6 Explorez une page web Dans la liste des dossiers du volet d exploration, double-cliquez sur une page html. La page s ouvre dans l espace de travail d EXPRESSION WEB. Vous avez le choix entre trois modes de travail via les trois boutons qui se trouvent au bas de votre espace de travail : mode création, mode fractionné et mode code. Ma préférence va au mode fractionné qui divise l espace de travail en deux partie : le code de la page s affiche dans la moitié supérieure, le mode création occupe la partie inférieure ; ce mode est mon préféré parce qu il permet de jouer sur le code ou sur les éléments de la page en utilisant de manière appropriée l un ou l autre mode selon le type d action et en constatant immédiatement le résultat aussi bien au niveau du code que de l aspect de la page. Seul inconvénient : votre écran doit être suffisamment grand que pour pouvoir afficher à la fois une partie significative du code et de la page. La proportion de l espace de travail consacrée au code et à l affichage de la page peut être modifiée en plaçant la souris sur la ligne de séparation et en la faisant glisser vers le haut ou vers le bas en maintenant enfoncée le bouton gauche de la souris. Vous pouvez ainsi moduler votre espace à votre propre convenance. Remarquez que lorsque vous sélectionnez un élément que ce soit via le code ou via l affichage de la page, son équivalent dans l autre mode est également sélectionné. Fig 7 Mode fractionné 11 /21

12 Les boutons «Création» et «Code» en bas d espace de travail permettent de sélectionner l un de ces deux modes qui occupe alors tout l espace de travail. En haut de votre espace de travail apparaît quel que soit le mode, une barre sélecteur de balise rapide. Au passage sur une des balises affichées, une flèche apparaît à droite de la balise. En cliquant sur cette flèche, vous faites apparaître un menu contextuel qui vous permet de voir ce que vous pouvez faire sur cette balise : sélectionner la balise complète, uniquement son contenu, modifier la balise, supprimer la balise, insérer du code html dans la balise, l entourer d une autre balise, lui donner des paramètres de positionnement ou encore afficher ses propriétés de style. Fig 8 Menu de sélection de balise rapide Remarquez que quand vous passez sur une balise dans le menu de sélection de balise rapide, la zone qu elle représente s entoure d un cadre bleu dans le mode création ; une fois la balise sélectionnée en cliquant dessus, son équivalent en code est surligné en gris et la zone couverte par la balise est couverte d un voile coloré bleu en mode création. En bas à gauche, le volet propriété CSS (utilisez les petites flèches gauche/droite pour le faire apparaître si vous ne le voyez pas) affiche l ensemble des styles appliqués à l élément sélectionné. Si l élément est potentiellement influencé par plusieurs styles hérités, l ensemble de ces styles apparaissent à la suite les un des autres. En passant avec la souris sur l intitulé de chaque style une infobulle apparaît avec les règles contenues. Au-dessous, toutes les propriétés sont présentes avec leur valeur. Un clic gauche sur une propriété permet de la modifier. Observez maintenant le volet en bas à droite intitulé gérer les styles et sélectionnez l onglet gérer les styles: tous les styles de la page sont repris et affichent leur contenu au survol de la souris ; clic droit suivi du choix «Modifier le style» ouvre une boîte de dialogue qui vous permet de paramétrer complètement le style. Déconcertant de facilité non? (trop peut-être?) Nous reviendrons plus loin sur l utilisation approfondie de ces volets pour jongler avec les feuilles de style. 12 /21

13 7 Utiliser EXPRESSION WEB en respectant les standards du web Le développement d un site web moderne doit respecter plusieurs principes fondamentaux : la validité du code, l accessibilité des pages, la compatibilité avec les différents navigateurs et la séparation du contenu et de la présentation. EXPRESSION WEB fournit différents outils pour permettre le développement de sites web conformes aux standard et s inscrivant dans les meilleurs pratiques. Commençons par apprendre à vérifier la validité du code par rapport aux règles du W3C (World Wide Web Consortium, ). 7.1 Vérifier et résoudre les problèmes de validité W3C avec EXPRESSION WEB Le rôle du W3C est de rédiger les règles (normes) qui définissent ce qui doit être considéré comme du code valide ou non. Le consortium fournit d ailleurs un outil de vérification de votre code en ligne à l adresse suivante : En principe, le code généré par EXPRESSION WEB sera conforme aux normes du W3C, car il a été conçu dans cette philosophie. Cependant puisqu en mode code vous pouvez interagir sur le code, vous pouvez obtenir au final un code non conforme. Pour éviter cela, EXPRESSION WEB propose un outil de vérification de la validité du code d une page web. Nous allons apprendre à l utiliser. Tout d abord, si EXPRESSION WEB détecte dans votre code une erreur, il la soulignera en rouge dans le mode code ou bien il surlignera en jaune la balise posant problème. Dans les deux cas, au survol de la balise marquée comme problématique, une infobulle apparait indiquant clairement pourquoi EXPRESSION WEB la considère comme une erreur. La touche F9 permet de se déplacer d erreur en erreur sur une page comportant plusieurs erreurs. Dans la bas de l écran d EXPRESSION WEB, vous verrez également apparaître une ou deux icones indiquant les erreurs (par exemple :erreur de code détectée ou incompatibilité html) à nouveau vous pouvez accéder à plus d information sur ces icones en passant la souris dessus. Vous pouvez effectuer une vérification du code d une page en utilisant le menu «outils» de la barre de menu et en sélectionnant «rapport de compatibilité» puis en suivant les boîtes de dialogue. Une nouvelle fenêtre s ouvre au bas de la zone de travail avec le résultat des tests. Vous pouvez fermer cette fenêtre en cliquant sur la croix en bas à gauche. 7.2 Résoudre les problèmes d accessibilité avec EXPRESSION WEB L accessibilité d une page est déterminée par la capacité de cette page à être analysée et reproduite sous la forme adéquate par les périphériques utilisés par les malvoyants ou tous ceux qui ont recours à des systèmes de consultation de page web particuliers. Cette accessibilité est de manière générale liée à la structuration des pages, à l utilisation intensive et intelligente des balises dédicacées à l accessibilité (comme la balise alt pour les images) et à une attention particulière aux technologies utilisées pour les éléments clés de la page notamment pour la navigation (en évitant ou en présentant une alternative aux menus en flash ou en javascript par exemple). A nouveau, le menu «outils» de la barre de menus vous permet de choisir dans la boîte de dialogue de l option «Rapport d accessibilité» de faire un test sur toutes les pages ou sur la page en cours selon différentes normes. Le résultat s affiche dans une fenêtre au bas de la 13 /21

14 zone de travail comme pour le test de compatibilité vu précédemment. Vous pouvez utiliser l icône «Générer le rapport html» pour garder une trace de vos tests. 7.3 Choisir le bon DOCTYPE avec EXPRESSION WEB Le DOCTYPE est la déclaration qui figure au début d un fichier html/xhtml et qui indique au navigateur la norme que suit le document qu il va lire afin qu il puisse l afficher correctement en suivant les règles de cette norme. Le choix d un DOCTYPE correct permet donc de prévoir le rendu du navigateur. De plus, une page sans DOCTYPE ou avec une déclaration incorrecte ou incomplète ne sera pas une page valide selon le W3C. Pour changer de DOCTYPE, sélectionnez la ligne du DOCTYPE existant en cliquant sur le numéro de ligne en face d elle, puis faites CTRL+entrée et choisissez le DOCTYPE qui vous convient. Si une partie du code n est pas compatible, elle sera soulignée et au passage de la souris, une infobulle indique l incompatibilité et propose une action pour y remédier. Contrairement à Dreamweaver, les changements ne sont pas exécuter automatiquement, dommage! En conclusion, avec EXPRESSION WEB, il est fortement conseillé de commencer vos pages avec le DOCTYPE définitif! Par défaut, le DOCTYPE utilisé par EXPRESSION WEB est XHTML 1.0 transitional. Si vous souhaitez modifier cela choisissez le menu «Outils» de la barre de menu, puis «Options de l éditeur de page» et sélectionner l onglet «Opérations d auteur». Ceci vous amène à une boîte de dialogue qui permet de choisir le DOCTYPE par défaut lors de l ouverture d une nouvelle page. 7.4 Améliorer le rendu entre les différents navigateurs avec EXPRESSION WEB Pour vérifier que vos pages sont affichées correctement (si pas identiquement) dans les principaux navigateurs, vous devriez installer sur votre ordinateur non seulement Internet Explorer (qui s installe tout seul en même temps que Windows ou Vista) mais aussi Firefox, Opéra et Safari. Une fois ces programmes installés, vous allez modifiez la liste des explorateurs disponibles dans EXPRESSION WEB. Pour cela, dans le menu «Fichier», vous allez choisir «Afficher dans le navigateur», puis «Modifier la liste des navigateurs». Si tous les navigateurs sont affichés, cochez-les pour pouvoir les utiliser, sinon utilisez le bouton «Ajouter», parcourez le disque jusqu au programme du navigateur et sélectionnez-le. F12 vous permet de lancer une visualisation dans votre navigateur préféré ; si vous voulez utiliser un autre navigateur, il faut passer par l option «Fichier/Afficher dans le navigateur» et choisir le nom du navigateur ou plus simplement utiliser l icône de la barre d outils communs et utiliser la flèche pour choisir le navigateur. L outil ««Vérificateur de compatibilité» permet également de tester les problèmes éventuels avec les anciennes versions d Internet Explorer 14 /21

15 8 Utiliser les feuilles de style avec EXPRESSION WEB Les feuilles de style permettent de séparer le contenu de la présentation et offrent plus de possibilités que l html seul. L utilisation des feuilles de style externes et des feuilles de style dédiées à un média particulier permet aussi de faciliter la maintenance d un site. EXPRESSION WEB est fait pour l utilisation intensive des feuilles de style. Nous avons déjà rencontré le volet propriétés CSS en bas à gauche. Il est important de configurer ce volet pour afficher en tête de liste les propriétés qui ont été définies (option Afficher les propriétés définies en haut) ; sinon, il vous faudra parcourir l ensemble de la liste avec l ascenseur pour retrouver celle qui ont fait l objet d une définition parmi toutes les propriétés possibles! Pour les propriétés demandant de définir une couleur, un clic sur la propriété pour la sélectionner fait apparaître une flèche qui donne accès d abord aux couleurs standard. Si vous le souhaitez, vous pouvez utiliser le bouton «autres couleurs» qui vous ouvrira une palette plus importante ou encore «Personnaliser» qui ouvre une palette encore plus grande. Vous pouvez aussi utiliser une pipette que vous pouvez déplacer n importe où sur l écran (par exemple au sein d une image du site pour harmoniser la teinte de l élément avec cette partie de l image) pour choisir la couleur correspondante. Fig 9 Outils de sélection de couleur. 15 /21

16 Fig 10 Outil de sélection de couleurs personnalisées Chaque propriété peut ainsi être sélectionnée et la flèche apparaissant alors vous donne accès aux différentes possibilités offertes par CSS. Pour les valeurs numériques, cliquez sur«choisissez une longueur» dans la liste déroulante et une fenêtre s ouvre vous permettant d indiquer un chiffre et l unité de mesure correspondante (par exemple 10px). Fig 11 Sélection de longueur Vous pouvez également éditer directement la feuille de style en l ouvrant dans EXPRESSION WEB. Pour les feuilles de style, il n existe que le mode «texte» ; EXPRESSION WEB possède un éditeur intelligent qui vous suggère dans une liste déroulante tous les sélecteurs (balises) possibles et les propriétés existantes ainsi que leurs valeurs. L éditeur colore les éléments de la feuille de style afin de distinguer les sélecteurs (en violet) des propriétés (en rouge) et de leur valeur (en bleu). Fig 12 Edition d une feuille de style 16 /21

17 9 Créer un nouveau site avec EXPRESSION WEB La première étape pour créer un site consiste à créer un dossier racine qui contiendra toutes les pages, toutes les images, tous les fichiers et tous les dossiers qui se trouveront dans le site. Nous allons créer un site vide et une page qui servira de modèle aux autres.. Dans le menu «Fichier», choisissez «Nouveau», puis «Site Web». Une boîte de dialogue s ouvre. Fig 13 Boîte de dialogue nouveau site Cliquez sur l onglet «Site Web» Sélectionnez «Général», puis «Site Web Vide» et parcourez votre disque jusqu à l emplacement où vous voulez placer les fichiers de votre site. Terminez en cliquant sur «OK» ce qui créera le site et fermera la boîte de dialogue. Dans le volet «Liste des dossiers» en haut à gauche, cliquez sur l icône représentant un dossier pour créer par exemple un répertoire nommé «images», un autre nommé «css» et un troisième nommé «documents». Cliquez ensuite sur l icône représentant une feuille blanche pour créer une page que vous aller nommer index.html. Vous pouvez le cas échéant partir d un modèle de page existant fourni avec Expression Web. Pour cela, dans la liste nouveau document, cliquez sur page. Dans l onglet Page de la boîte de dialogue Nouveau, cliquez sur disposition CSS dans la première colonne et choisissez un des modèles (deux colonnes avec la colonne de gauche fixe, trois colonnes ou n importe quel autre. Le dessin de la structure correspondante apparaît dans la troisième colonne. Cliquez sur OK, une page nommée sans_titre1 apparaît dans la zone de travail ; cette page contient les éléments de structure (div) correspondants à la disposition choisie et 17 /21

18 s appuie sur une feuille de style externe qui a également été créée sous le nom sans_titre1.css. Attention, il ne s agit que d une base qui vous fera gagner un peu de temps, mais ces modèles ne sont ni complets, ni parfaits! Fig 14 Boîte de dialogue pour le choix des modèles de page 18 /21

19 10 Créer des formulaires avec EXPRESSION WEB Expression Web vous propose plusieurs outils pour vous aider à créer des formulaires. Ils sont disponibles dans le volet Boîte à outils et rassemblés dans le groupe intitulé Contrôles de formulaire. Fig 15 Boîte à outil Formulaire Positionnez votre curseur à l endroit où vous voulez insérer un formulaire et double-cliquez sur «Formulaire». Un formulaire vide est inséré dans la page. Insérer le nom d un champ sous forme de texte puis double cliquez sur «entrée (texte)» pour insérer un champ texte. Pour paramétrer le champ texte placer la souris sur le champ et cliquez sur le bouton droit, une boîte de dialogue apparaît. Fig 16 Boite de dialogue «Propriétés de la zone de texte» 19 /21

20 Composer de la même manière votre formulaire et terminer par un bouton «Entrée (soumettre)» et un bouton «Entrée (rétablir)». Cliquez sur le bouton droit n importe où dans la zone du formulaire en mode création et choisissez propriétés du formulaire pour ouvrir la boîte de dialogue permettant de paramétrer l envoi du formulaire. Fig 17 «Propriétés du formulaire» Le bouton «options» permet de choisir le type d envoi (Post ou Get) et le fichier de script auquel l doit être envoyé. Nous reviendrons sur le paramétrage des formulaires dans la suite du cours. 20 /21

21 11 Bibliographie Expression Web étape par étape, Chris Leeds, 2008, ISBN : /- 30 Par Jean-Marie Cocheteau +/- 22 chez Libris-Agora à Louvain-La-Neuve (ISBN : ) Tutoriel vidéo en français : dae003e49539 (en six partie, le lien mène à la première) 21 /21

Windows 7 - Dossiers et fichiers

Windows 7 - Dossiers et fichiers Windows 7 - Dossiers et fichiers Explorez votre PC : dossiers et fichiers Tous les fichiers nécessaires au fonctionnement de votre ordinateur, qu il s agisse de ceux de Windows, des logiciels installés

Plus en détail

INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000

INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000 INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000 Introduction : Initiation à la Micro- Informatique 1. Matériel 2. Périphériques a) Le clavier b) La souris c) L écran d) L unité centrale e) L imprimante

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

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers Découverte de l ordinateur Explorer l ordinateur et gérer ses fichiers SOMMAIRE I L ORDINATEUR ET L EXPLORATEUR... 3 1.1 : PRESENTATION ET GENERALITES... 3 1.2 : CONNAÎTRE LES PROPRIETES D UN ELEMENT...

Plus en détail

Windows Atelier Cyber-Base Emploi Pays Beaujolais

Windows Atelier Cyber-Base Emploi Pays Beaujolais Windows Atelier Cyber-Base Emploi Pays Beaujolais Utilisation de l interface Windows, création, renommage, déplacement et suppression de répertoires, utilisation de la corbeille voici ce que vous avez

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours Je me familiarise avec l ordinateur et son système d exploitation Cahier de formation 1 Apprendre à utiliser les TIC dans la vie de tous les jours Programme ordinateur de Je Passe Partout Document produit

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

Plus en détail

Le transfert par ftp avec FileZilla

Le transfert par ftp avec FileZilla Le transfert par ftp avec FileZilla Par : Emmanuel Henke Le programme de lecture : Télécharger Filezilla et l installer... 1 De quoi est composée l interface de l application?... 4 Se connecter à son serveur

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

Guide rapide Windows 7. Informations provenant de Microsoft Office Online

Guide rapide Windows 7. Informations provenant de Microsoft Office Online Guide rapide Windows 7 Informations provenant de Microsoft Office Online Patrick Gravel, formateur Cégep de Lévis-Lauzon Direction de la formation continue et des services aux entreprises Février 2012

Plus en détail

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT

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

Dreamweaver. Adobe CS4. Créez des sites et des applications nouvelle génération FRÉDÉRIC MOITRY JEAN-MARIE COCHETEAU.

Dreamweaver. Adobe CS4. Créez des sites et des applications nouvelle génération FRÉDÉRIC MOITRY JEAN-MARIE COCHETEAU. FRÉDÉRIC MOITRY JEAN-MARIE COCHETEAU Avec ce livre : nombreux fichiers téléchargeables gratuitement! Adobe CS4 Dreamweaver pour PC et Mac Créez des sites et des applications nouvelle génération @ Table

Plus en détail

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Windows Live Mail peut vous aider à classer tout ce qui vous intéresse au même endroit sur votre PC. Ajoutez et consultez plusieurs comptes

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

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

[WINDOWS 7 - LES FICHIERS] 28 avril 2010. Logiciel / Windows

[WINDOWS 7 - LES FICHIERS] 28 avril 2010. Logiciel / Windows Ce dossier a une forme un peu différente des précédentes : c est un ensemble de «fiches» décrivant chacune une des opérations que l on peut effectuer avec un fichier (enregistrer, renommer, etc.). Chaque

Plus en détail

Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents.

Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents. AIDE LOGICIEL Logiciel : PROGRELIUM (à partir de la version 2.30) Objet : Classer et ouvrir vos documents Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents.

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

L espace de travail. Au cours de cette leçon, vous apprendrez à :

L espace de travail. Au cours de cette leçon, vous apprendrez à : L espace de travail 1 Au cours de cette leçon, vous apprendrez à : sélectionner des outils ; utiliser la barre d application et le panneau Contrôle ; gérer les fenêtres de document ; travailler avec les

Plus en détail

DIDAPAGE INITIATION AU LOGICIEL DIDAPAGE

DIDAPAGE INITIATION AU LOGICIEL DIDAPAGE DIDAPAGE INITIATION AU LOGICIEL DIDAPAGE INTITULE Tutoriel logiciel «didapage» DESCRIPTION Le logiciel «didapage» permet de concevoir des livres interactifs électroniques. Ce tutoriel présente les principales

Plus en détail

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 Sommaire 1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 3 POUR DEMARRER UN PROGRAMME...4 4 POSITION ET DIMENSION DES FENETRES...5 POSITION...5 DIMENSION...5 UTILISER LES BARRES DE DEFILEMENT...7 POUR AFFICHER

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

Gérer des sites avec Dreamweaver

Gérer des sites avec Dreamweaver Gérer des sites avec Dreamweaver La boîte de dialogue Gérer les sites a pour fonction de vous permettre de créer un nouveau site, de modifier, de dupliquer, de supprimer un site, d'importer ou d'exporter

Plus en détail

NAVIGATION SUR INTERNET EXPLORER

NAVIGATION SUR INTERNET EXPLORER Centres d accès communautaire Internet des Îles NAVIGATION SUR INTERNET EXPLORER Table des matières Introduction 1- Les barres d outils 1.1 La barre d adresse 2 5 min. 1.2. Les boutons de navigation 2

Plus en détail

Atelier d initiation. Initiation à Windows Vista et 7

Atelier d initiation. Initiation à Windows Vista et 7 Atelier d initiation Initiation à Windows Vista et 7 Contenu de l atelier Qu est-ce que Windows?... 1 Démarrage d un ordinateur... 1 Ouverture de session... 1 Bureau... 2 La barre des tâches... 2 Le menu

Plus en détail

Réaliser une carte de vœux

Réaliser une carte de vœux Réaliser une carte de vœux - 6 janvier 2014 p 1 Réaliser une carte de vœux Un petit tutoriel de saison, qui utilisera les connaissances acquises autour de la gestion de vos photos, et le logiciel libre

Plus en détail

Atelier d initiation. Gestion de fichiers et de dossiers

Atelier d initiation. Gestion de fichiers et de dossiers Atelier d initiation Gestion de fichiers et de dossiers Contenu de l atelier Fichier... 1 Dossier... 1 Explorateur Windows... 1 Ouverture de l Explorateur Windows avec le menu Démarrer... 1 Ouverture

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

Démarrer et quitter... 13

Démarrer et quitter... 13 Démarrer et quitter... 13 Astuce 1 - Ouvrir, modifier, ajouter un élément dans le Registre... 14 Astuce 2 - Créer un point de restauration... 18 Astuce 3 - Rétablir un point de restauration... 21 Astuce

Plus en détail

L espace de travail de Photoshop

L espace de travail de Photoshop L espace de travail de Photoshop 1 Au cours de cette leçon, vous apprendrez à : ouvrir les fichiers Photoshop ; sélectionner et employer certains des outils dans le panneau Outils ; définir les options

Plus en détail

PAGE 1. Démarrer avec le logiciel Architecte 3D. Barre de menu: Les commandes du logiciel

PAGE 1. Démarrer avec le logiciel Architecte 3D. Barre de menu: Les commandes du logiciel PAGE Démarrer avec le logiciel Architecte 3D Double cliquer dans le bureau Windows sur l icône L écran ci-dessous apparaît : Nom du projet : Nom d enregistrement Barre de menu: Les commandes du logiciel

Plus en détail

Recueil des Fiches Utilisateurs de «SharePoint»

Recueil des Fiches Utilisateurs de «SharePoint» Recueil des s s de «SharePoint» Ce document regroupe les fiches utilisateurs décrivant la navigation et l utilisation de l application SharePoint. (Référence DSI-DT-Sharepoint-1-4 Mai 2015) SOMMAIRE Accéder

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

a. Identifier les éléments de l interface utilisée (icônes, menus, etc.)

a. Identifier les éléments de l interface utilisée (icônes, menus, etc.) Page 1 / 14 a. Identifier les éléments de l interface utilisée (icônes, menus, etc.) Le système d exploitation Qu'est ce que Windows? C est un programme qui va gérer toutes les activités de l ordinateur.

Plus en détail

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe : 1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%

Plus en détail

Installation et utilisation du client FirstClass 11

Installation et utilisation du client FirstClass 11 Installation et utilisation du client FirstClass 11 Support par téléphone au 03-80-77-26-46 ou par messagerie sur la conférence «Support Melagri» Sommaire Page I) Installation du client FirstClass 2 II)

Plus en détail

Manuel d utilisation de l outil collaboratif

Manuel d utilisation de l outil collaboratif Manuel d utilisation de l outil collaboratif Réf OCPD-V2 Page 1 / 24 a mis en œuvre un outil collaboratif qui permet de partager des informations entre collaborateurs. Il permet à des utilisateurs travaillant

Plus en détail

Découvrez Windows NetMeeting

Découvrez Windows NetMeeting Découvrez Windows NetMeeting Conférence Internet 2001 Université de Moncton. Tous droits réservés. Table des matières 1. Comment puis-je télécharger, installer et démarrer NetMeeting?... 3 2. Quelles sont

Plus en détail

Antidote et vos logiciels

Antidote et vos logiciels Antidote et vos logiciels Antidote 8 v2 Mac OS X Antidote, c est un correcteur avancé, des dictionnaires et des guides linguistiques qui s ajoutent à vos logiciels pour vous aider à écrire en français.

Plus en détail

1. PRESENTATION. La Messagerie, Elle permet d envoyer des messages, d en recevoir, de les lire et d y répondre.

1. PRESENTATION. La Messagerie, Elle permet d envoyer des messages, d en recevoir, de les lire et d y répondre. 1. PRESENTATION 1.1. LE LOGICIEL MICROSOFT OUTLOOK Le gestionnaire d informations Bureautique Microsoft OUTLOOK 2000 permet de communiquer sur le réseau interne d une entreprise ou via Internet, de gérer

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

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12 Utiliser Word Les fonctions de base de Word.... 2 Enregistrer le document en cours... 3 Un menu à connaître... 3 Ouvrir/fermer/réduire un document existant... 4 Réparer des erreurs de frappe... 4 Déplacer

Plus en détail

Adaptation visuelle d un ordinateur sous Windows 7

Adaptation visuelle d un ordinateur sous Windows 7 Adaptation visuelle d un ordinateur Document à utilisation interne Mis à jour le 04 mars 2013 Page 1 sur 3 Table des matières Compte utilisateur déficient visuel... 3 Curseur de souris... 5 Personnalisation

Plus en détail

DÉCOUVERTE DE L ORDINATEUR

DÉCOUVERTE DE L ORDINATEUR UNIVERSITÉ D AUVERGNE FORMATION EN INFORMATIQUE CERTIFICAT INFORMATIQUE ET INTERNET DÉCOUVERTE DE L ORDINATEUR 1. ENVIRONNEMENT ET PRINCIPE DE FONCTIONNEMENT DE WINDOWS Un système d exploitation est un

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

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

Cahier n o 6. Mon ordinateur. Fichiers et dossiers Sauvegarde et classement

Cahier n o 6. Mon ordinateur. Fichiers et dossiers Sauvegarde et classement Cahier n o 6 Mon ordinateur Fichiers et dossiers Sauvegarde et classement ISBN : 978-2-922881-10-3 2 Table des matières Fichiers et dossiers Sauvegarde et classement La sauvegarde 4 Enregistrer 4 De quelle

Plus en détail

Gestion des sites Internet du groupe Stem Notice d utilisation

Gestion des sites Internet du groupe Stem Notice d utilisation Gestion des sites Internet du groupe Stem Notice d utilisation Table des matières Présentation 2 Connexion à la plateforme de gestion 2 Gestion et modification du contenu 3 Gestion des documents 13 Gérer

Plus en détail

"Filezilla Transfert de fichier FTP"

Filezilla Transfert de fichier FTP "Filezilla Transfert de fichier FTP" Transférer un site ou des fichiers sur un serveur 1- Filezilla FileZilla est un logiciel gratuit de transfert de fichiers entre votre ordinateur et votre site hébergé

Plus en détail

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

Plus en détail

La mise en page web, feuille de style, cadre.

La mise en page web, feuille de style, cadre. La mise en page web, feuille de style, cadre. L importance du navigateur, son rôle est de lire le code HTML et CSS afin d afficher un résultat visuel à l écran, le problème est que les navigateurs n affichent

Plus en détail

CREER ET ANIMER SON ESPACE DE TRAVAIL COLLABORATIF

CREER ET ANIMER SON ESPACE DE TRAVAIL COLLABORATIF CREER ET ANIMER SON ESPACE DE TRAVAIL COLLABORATIF SOMMAIRE Sommaire... 2 Un espace de travail collaboratif, pourquoi faire?... 3 Créer votre espace collaboratif... 4 Ajouter des membres... 6 Utiliser

Plus en détail

Le système d exploitation

Le système d exploitation Le système d exploitation 1-Fonctionnalités de base d un système d exploitation Le système d exploitation est un ensemble de programmes permettant de : Assurer le contrôle et le fonctionnement de la partie

Plus en détail

Prise en main rapide

Prise en main rapide Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un

Plus en détail

Site internet du collège Comment écrire un article?

Site internet du collège Comment écrire un article? Site internet du collège Comment écrire un article? Préambule : les rôles. L administrateur du site vous a attribué des droits. L utilisateur simple peut, par exemple, simplement commenter un article ou

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

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

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

Guide de l utilisateur Mikogo Version Windows

Guide de l utilisateur Mikogo Version Windows Guide de l utilisateur Mikogo Version Windows Table des matières Création d un compte utilisateur 3 Téléchargement et installation 4 Démarrer une session 4 Joindre une session 5 Fonctionnalités 6 Liste

Plus en détail

MANUEL D UTILISATION DE VOTRE SITE INTERNET

MANUEL D UTILISATION DE VOTRE SITE INTERNET MANUEL D UTILISATION DE VOTRE SITE INTERNET SOMMAIRE PRESENTATION 3 IDENTIFICATION.. 4 LE MENU (paramètres, contenu, divers).... 5 MENU PARAMETRES (mes coordonnées, mes photos, mes menus, mon bandeau).

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

2015 Securexam Guide d utilisation

2015 Securexam Guide d utilisation 2015 Securexam Guide d utilisation Les désignations «Comptables professionnels agréés du Canada», «CPA Canada» et «CPA» sont des marques de commerce ou de certification des Comptables professionnels agréés

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

Module 1 : Tableau de bord Excel * 2010 incl.*

Module 1 : Tableau de bord Excel * 2010 incl.* Module 1 : Tableau de bord Excel * 2010 incl.* 1.0 Introduction Excel nous aide à mieux comprendre les données en les plaçant dans des cellules (réparties en lignes et en colonnes) et au moyen de formules

Plus en détail

Manuel d utilisation de la messagerie. http://zimbra.enpc.fr

Manuel d utilisation de la messagerie. http://zimbra.enpc.fr Manuel d utilisation de la messagerie http://zimbra.enpc.fr ÉCOLE DES PONTS PARISTECH/ DSI JANVIER 04 SOMMAIRE. Connexion à la messagerie.... Présentation générale de l écran d accueil.... Déconnexion...

Plus en détail

Prise en main Windows

Prise en main Windows Prise en main Windows Windows 2000 est un système d'exploitation. Un système d exploitation est un logiciel qui intervient à presque tous les niveaux de fonctionnement de votre ordinateur. Il est donc

Plus en détail

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte ÉTAPE 1 Créer un document Lancer l application Mettre l ordinateur en route. Double cliquer sur l icône ClarisWorks 5 qui se trouve sur le bureau ou cliquer sur Démarrer Programmes ClarisWorks5 Vous arrivez

Plus en détail

Dr Aser J. BODJRENOU. Dernière mise à jour: Mai 2008

Dr Aser J. BODJRENOU. Dernière mise à jour: Mai 2008 SUPPORT DE COURS SUR LE MODULE WINDOWS Dr Aser J. BODJRENOU Dernière mise à jour: Mai 2008 Objectifs Objectifs spécifiques Plan Démarrer un ordinateur. Indiquer: - l icône du Poste de travail sur le Bureau

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

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4 Messagerie Zimbra version 7 Prise en main Nadège HARDY-VIDAL 2 septembre 20 SOMMAIRE. Connexion à la messagerie Zimbra 4..Pré-requis 4.2.Ecran de connexion à la messagerie 4 2. Présentation générale de

Plus en détail

FORMATION EXCEL 2003 PRISE EN MAIN D'EXCEL LIVRET 1. THIERRY TILLIER www.coursdinfo.fr

FORMATION EXCEL 2003 PRISE EN MAIN D'EXCEL LIVRET 1. THIERRY TILLIER www.coursdinfo.fr FORMATION EXCEL 2003 PRISE EN MAIN D'EXCEL LIVRET 1 THIERRY TILLIER www.coursdinfo.fr INTRODUCTION Dans ce premier livret vous allez apprendre les fonctionnalités élémentaires de l'application Excel. Vous

Plus en détail

PREMIERE UTILISATION D IS-LOG

PREMIERE UTILISATION D IS-LOG PREMIERE UTILISATION D IS-LOG Is-LOG est un logiciel d identification et d authentification à un ordinateur qui se substitue à la saisie du couple «Login / mot passe» par la présentation au lecteur de

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

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

Comment utiliser FileMaker Pro avec Microsoft Office

Comment utiliser FileMaker Pro avec Microsoft Office Guide d utilisation Comment utiliser FileMaker Pro avec Microsoft Office Comment utiliser FileMaker Pro et Microsoft Office page 1 Table des matières Introduction... 3 Avant de commencer... 4 Partage de

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

Recueil des Fiches Utilisateurs de «SharePoint»

Recueil des Fiches Utilisateurs de «SharePoint» Recueil des s s de «SharePoint» Ce document regroupe les fiches utilisateurs décrivant la navigation et l utilisation de l application SharePoint. (Référence DSI-DT-Sharepoint-1 Avril 2014) ERGONOMIE GENERALE

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

Manuel d utilisation du web mail Zimbra 7.1

Manuel d utilisation du web mail Zimbra 7.1 Manuel d utilisation du web mail Zimbra 7.1 ma solution de communication intelligente Sommaire 1 Connexion à la messagerie Zimbra p.4 1.1 Prérequis p.4 1.1.1 Ecran de connexion à la messagerie p.4 2 Presentation

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

0.1 Mail & News : Thunderbird

0.1 Mail & News : Thunderbird 0.1 Mail & News : Thunderbird 1 0.1 Mail & News : Thunderbird Thunderbird est le lecteur de mail, de newsgroup et de flux RSS de la fondation Mozilla. Il est disponible pour Linux (en version gtk2), pour

Plus en détail

Ouvrir le compte UQÀM

Ouvrir le compte UQÀM Cliquez sur le titre pour visionner 1 Cliquez sur le titre pour visionner 2! Préliminaires! Ouvrir le compte UQÀM! Accéder au compte UQÀM! Paramètres de configuration! Les dossiers! Gérer les dossiers!

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

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

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 20/06/2007 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué

Plus en détail

SYSTRAN V6 Guide de démarrage

SYSTRAN V6 Guide de démarrage SYSTRAN V6 Guide de démarrage Réf : S67-QSG-FR Bienvenue Félicitations! Nous vous remercions d avoir choisi SYSTRAN V6 la version la plus récente et la plus puissante du leader mondial des logiciels de

Plus en détail

Movie Maker 2 Document de travail CSEM Services pédagogiques Conception originale de Julye Lamontagne

Movie Maker 2 Document de travail CSEM Services pédagogiques Conception originale de Julye Lamontagne 2 Document de travail CSEM Services pédagogiques Conception originale de Julye Lamontagne Une fois le logiciel correctement installé, démarrez Movie Maker 2 : Programmes/ Accessoires/ Divertissement/ Windows

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

Travail de laboratoire 1 Introduction à Windows XP

Travail de laboratoire 1 Introduction à Windows XP INF1025-20 Session Été 2009 Travail de laboratoire 1 Introduction à Windows XP A. PARTIE 1 1. Démarrer Windows et visualiser le bureau. a. Allumez l ordinateur, sélectionnez votre nom d utilisateur et,

Plus en détail

Le Système d Exploitation Windows 8

Le Système d Exploitation Windows 8 Le Système d Exploitation Windows 8 La page d accueil... 1 Une Visite dans les angles de l écran.... 3 Le Menu Rechercher.... 4 Pour sortir d une page et revenir sur une autre.... 5 Depuis un site Internet....

Plus en détail

Toutes formations CIEL GESCO. et mise en œuvre. Découverte. Jean-Michel Chenet. Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6

Toutes formations CIEL GESCO. et mise en œuvre. Découverte. Jean-Michel Chenet. Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6 Toutes formations CIEL GESCO Découverte et mise en œuvre Jean-Michel Chenet Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6 I. La mise en œuvre Les menus Les déplacements 1.1 Lancement

Plus en détail

Utilisation de Movie Maker

Utilisation de Movie Maker Utilisation de Movie Maker Movie Maker est un logiciel de montage vidéo fourni avec Windows XP permettant de créer facilement des montages vidéo et des Diaporamas avec des effets, des transitions animées,

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

OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS

OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS http://ocloud.pripla.com/ Copyright 2014 Private Planet Ltd. Certaines applications ne sont pas disponibles dans tous les pays. La disponibilité des applications

Plus en détail

Version pour un ordinateur Macintosh

Version pour un ordinateur Macintosh Procédures à suivre pour accéder au site internet de l UQAM afin de poser votre candidature sur les cours à l affichage Étape n 1 : Version pour un ordinateur Macintosh N. B. : Cette étape s adresse aux

Plus en détail

QUALIFICATION DE FICHIERS PROFESSIONNELS

QUALIFICATION DE FICHIERS PROFESSIONNELS QUALIFICATION QUALIFICATION DE FICHIERS PROFESSIONNELS 2 Téléchargement 3 Installation 7 Ecran d accueil 14 Qualification sur Score3 16 Qualification de fichiers sur Pages Jaunes 23 Maniulation des fichiers

Plus en détail

Introduction à Expression Web

Introduction à Expression Web Introduction à Expression Web Microsoft Expression Web est la dernière application de gestion et d édition Web de Microsoft. Cet outil de conception professionnel permet de créer des sites modernes de

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