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

Découvrir l environnement de Microsoft Office WORD 2010

Découvrir l environnement de Microsoft Office WORD 2010 1 Fiche ressource Découvrir l environnement de Microsoft Office WORD 2010 1. Lancer Word 2. Découvrir l interface 3. Utiliser les aides et les info-bulles 4. Modifier les principales options de Word et

Plus en détail

Création du site dans Dreamweaver :

Création du site dans Dreamweaver : CHARGER, CREER et ENREGISTRER 1. Se connecter au RESEAU du COLLEGE avec tes 2 mots de passe 2. Charge le logiciel Au lancement du logiciel, l écran suivant s affiche : Palette des objets Lanceur Zone de

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

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

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

Microsoft Word barres d outils. Par : Patrick Kenny

Microsoft Word barres d outils. Par : Patrick Kenny Microsoft Word barres d outils Par : Patrick Kenny 17 novembre 2004 Table des matières Mode affichage :... 3 Barre d outils Standard :... 4-5 Barre d outils Mise en forme :... 6-7 Activation de la barre

Plus en détail

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS)

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) Qu est-ce que l espace collaboratif? L espace collaboratif est un service vous permettant à vous, vos associés et collaborateurs

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

DÉMARRER AVEC OUTLOOK 2010

DÉMARRER AVEC OUTLOOK 2010 CHAPITRE 1 DÉMARRER AVEC OUTLOOK 2010 Lancer Outlook... 15 Quitter Outlook... 16 L Assistant Démarrage d Outlook... 17 Les barres... 19 Le Ruban... 22 Afficher ou masquer les info-bulles... 29 Définir

Plus en détail

DÉCOUVRIR POWERPOINT 2010

DÉCOUVRIR POWERPOINT 2010 CHAPITRE 1 DÉCOUVRIR POWERPOINT 2010 Qu est-ce que PowerPoint?... 15 Lancer PowerPoint... 15 Découvrir l interface... 15 Recourir aux aides et aux info-bulles... 22 Modifier les principales options de

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

Migration vers Excel

Migration vers Excel Dans ce guide Microsoft Microsoft Excel 2010 ne ressemble pas à Excel 2003, aussi nous avons créé ce guide afin de vous en faciliter la prise en main. Vous trouverez dans ce guide une présentation des

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

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

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

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

L interface utilisateur de Windows

L interface utilisateur de Windows Windows, développé par l éditeur américain Microsoft Corporation, est de loin le système d exploitation pour ordinateurs personnels le plus utilisé dans le monde. Il dépasse à lui seul 90 % du marché mondial

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

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

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

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

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

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

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

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

Le Finder. Le bureau. La barre des menus : Elle est unique et se modifie en fonction de l application qui est au premier plan. Icône de dossier.

Le Finder. Le bureau. La barre des menus : Elle est unique et se modifie en fonction de l application qui est au premier plan. Icône de dossier. Le Finder C est l application (le programme) qui permet de communiquer avec l ordinateur à l aide d une interface graphique (bureau, menus, icônes, fenêtres). Le bureau C est ce qui s affiche sur l écran

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

Sommaire : tutorial Powerpoint 2003

Sommaire : tutorial Powerpoint 2003 Sommaire : tutorial Powerpoint 2003 Ouvrir le logiciel PowerPoint 2003...2 Affichage «mode normal» : mode de travail...3 Ajouter un modèle de conception existant...4 Insertion d une nouvelle diapositive

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

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

Guide d utilisation. Pour GestiO Saisie Rapide version 1.01.05

Guide d utilisation. Pour GestiO Saisie Rapide version 1.01.05 Guide d utilisation Pour GestiO Saisie Rapide version 1.01.05 Partie 1 : Installation Procédure pour la première installation du logiciel ❶ ❷ ❸ Téléchargement du fichier o Vous devez vous connecter au

Plus en détail

AIDE A L UTILISATION DU LOGICIEL. Aide AGENDOC 3.0 Copyright AMC2I 2007 Tous droits réservés 1/20

AIDE A L UTILISATION DU LOGICIEL. Aide AGENDOC 3.0 Copyright AMC2I 2007 Tous droits réservés 1/20 AIDE A L UTILISATION DU LOGICIEL Aide AGENDOC 3.0 Copyright AMC2I 2007 Tous droits réservés 1/20 Table des matières Introduction... 3 1. Accès au logiciel... 3 2. L agenda... 4 2.1. Présentation générale

Plus en détail

Inspiration 8.0. Sans plus tarder, partez à la découverte d Inspiration. Vous verrez comme ce logiciel est amusant à explorer.

Inspiration 8.0. Sans plus tarder, partez à la découverte d Inspiration. Vous verrez comme ce logiciel est amusant à explorer. Inspiration 8.0 Inspiration est un logiciel pour l organisation des idées. Avec Inspiration, vous représentez vos idées sous la forme de schémas, de cartes mentales ou de plans. Inspiration s avère un

Plus en détail

Collège Lionel-Groulx Service du soutien à l enseignement. PowerPoint 2007. Note de formation

Collège Lionel-Groulx Service du soutien à l enseignement. PowerPoint 2007. Note de formation Collège Lionel-Groulx Service du soutien à l enseignement PowerPoint 2007 Note de formation Johanne Raymond Automne 2009 Table des matières Interface... 1 Éléments de l interface graphique... 2 Bouton

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

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

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

www.riaq.ca NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Outlook Express de Microsoft est sûrement la plus connue des messageries Web. Cette application fait partie intégrante de Windows XP. Les services

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

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

É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

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

[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

PHP/MySQL avec Dreamweaver CS4

PHP/MySQL avec Dreamweaver CS4 PHP/MySQL avec Dreamweaver CS4 Dreamweaver CS4 Jean-Marie Defrance Groupe Eyrolles, 2009, ISBN : 978-2-212-12551-1 7 Étude de cas : un site marchand Dans ce dernier chapitre, nous allons exploiter Dreamweaver

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

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

Support de cours Dreamweaver CS5 les images. MC Benveniste

Support de cours Dreamweaver CS5 les images. MC Benveniste Support de cours Dreamweaver CS5 les images MC Benveniste 2013 Insertion de contenu > insertion d images image hors du dossier racine Si l image ne se trouve pas dans le site dans lequel vous travaillez

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

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

Produire du code HTML

Produire du code HTML 3 Produire du code HTML Même si l on ne sait pas encore écrire du code HTML, il est important de savoir comment on pourra produire celui-ci. Nous allons voir trois méthodes pour taper du code HTML. Avec

Plus en détail

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

Plus en détail

Connecteur Zimbra pour Outlook 2003 (ZCO)

Connecteur Zimbra pour Outlook 2003 (ZCO) Solutions informatiques w Procédure Messagerie Outlook 2003 Connecteur Zimbra pour Microsoft Outlook 2003 (ZCO) 1/49 SOMMAIRE 1 Introduction... 3 2 Compatibilité... 3 2.1 Versions supportées des systèmes

Plus en détail

AOLbox. Partage de disque dur Guide d utilisation. Partage de disque dur Guide d utilisation 1

AOLbox. Partage de disque dur Guide d utilisation. Partage de disque dur Guide d utilisation 1 AOLbox Partage de disque dur Guide d utilisation Partage de disque dur Guide d utilisation 1 Sommaire 1. L AOLbox et le partage de disque dur... 3 1.1 Le partage de disque dur sans l AOLbox... 3 1.1.1

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

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

INITIATION. Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau.

INITIATION. Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau. INITIATION MODIFIER L ARRIÈRE-PLAN DU BUREAU Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau. A. Clic droit sur le bureau B. Clic gauche sur «Personnalisé»

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

Comment bien organiser son travail

Comment bien organiser son travail Comment bien organiser son travail Il est important que les enfants puissent rapidement ête autonomes devant l ordinateur. Cela signifie qu il faut qu ils soient capables d enregistrer leurs travaux dans

Plus en détail

MANUEL D UTILISATION. Description du logiciel ScribeDico

MANUEL D UTILISATION. Description du logiciel ScribeDico MANUEL D UTILISATION Description du logiciel ScribeDico 1 ScribeDico est un logiciel de prédiction de mots ( suggestion d'une liste de mots à partir des premiers caractères saisis ) multilingue ( français,anglais,espagnol,italien,

Plus en détail

Document de présentation pour la formation de Windows XP. Dans le cadre des Mardis TIC du centre de formation générale Le Retour.

Document de présentation pour la formation de Windows XP. Dans le cadre des Mardis TIC du centre de formation générale Le Retour. Document de présentation pour la formation de Windows XP. Dans le cadre des Mardis TIC du centre de formation générale Le Retour. MARDI TIC - Windows XP TABLE DES MATIÈRES A. WINDOWS XP - UTILISATION 1.

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

Initiation WORD. Module 9 : Les graphismes.

Initiation WORD. Module 9 : Les graphismes. Initiation WORD. Module 9 : Les graphismes. Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 14 Avant propos. Tout

Plus en détail

10 Etats rapides. Introduction

10 Etats rapides. Introduction 10 Etats rapides Introduction La génération d états récapitulatifs est l une des tâches les plus courantes et les plus élémentaires en matière de gestion de données. L éditeur d états rapides est l un

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

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

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

Initiation WORD. Module 2 : Les fonctions de base

Initiation WORD. Module 2 : Les fonctions de base Initiation WORD. Module 2 : Les fonctions de base Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 14 Avant propos.

Plus en détail

L interface de Windows 7

L interface de Windows 7 chapitre L interface de Windows 7. Démarrer... 35.2 Arrêt... 39.3 Barre des tâches... 44.4 Bureau... 77.5 Les gadgets du Bureau... 0.6 Menu Démarrer... 8.7 Sécuriser... 29 Démarrer 35 L interface de Windows

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

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

Copyright FHI/LWS Page 1

Copyright FHI/LWS Page 1 SOMMAIRE 1. Connexion au manager 2. Télécharger des fichiers médias dans la médiathèque 3. Gestion des playlists 4. Affectation des fichiers médias aux playlists 5. Démarrer le serveur webradio 6. Création

Plus en détail

JJ. Thibault Animateurs multimédia au CRDP de Versailles. Page 1 sur 16

JJ. Thibault Animateurs multimédia au CRDP de Versailles. Page 1 sur 16 Configurer un compte de messagerie...2 Composer un message électronique...2 Insérer une signature automatique... 6 Transférer un message, répondre à un message... 7 Ouvrir un fichier attaché... 8 Joindre

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

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

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

4. Créer un compte utilisateur

4. Créer un compte utilisateur 4. Créer un compte utilisateur 1 - Cliquez sur le menu Outils puis sur Compte. 2 - Cliquez sur l onglet «Courrier». 3 - Cliquez sur «Ajouter» puis «Courrier». 4 - Tapez votre nom. 5 - Ecrivez votre mél

Plus en détail

Présentation du logiciel WINK

Présentation du logiciel WINK BIU de Montpellier Présentation du logiciel WINK 14 octobre 2010 Olivier Doré BU Droit Sciences économiques Sommaire 1/ Présentation... 3 1.1 Exemples... 3 1.2 Installer Wink en français... 3 2/Créer un

Plus en détail

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12 Pages et sites Web Table des matières 1 Microsoft Expression Web S'orienter vers l'accessibilité...12 Espace de travail Installer le logiciel...13 Lancer/quitter Microsoft Expression Web 2...13 Découvrir

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

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

Il existe plusieurs manières de démarrer Word. La plus classique consiste à ouvrir l application à partir du menu Démarrer.

Il existe plusieurs manières de démarrer Word. La plus classique consiste à ouvrir l application à partir du menu Démarrer. 1 Premiers pas La sortie d une nouvelle version de Word est toujours un événement. Et pour ce cru 2010, Microsoft a revu certaines fonctionnalités tout en gardant l interface organisée en «ruban», initiée

Plus en détail

Leçon N 4 Picasa 1 ère Partie

Leçon N 4 Picasa 1 ère Partie Leçon N 4 Picasa 1 ère Partie Nous allons maintenant revoir PICASA en détail, car c est le principal logiciel pour gérer et traiter ses photos et que vous serez amenés à utiliser assez souvent. PICASA

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

INSTALLATION DE LA PAIE

INSTALLATION DE LA PAIE INSTALLATION DE LA PAIE (Réseau) PREREQUIS POUR LES SYSTEMES WINDOWS VISTA HOME OU VISTA PRO Cliquez sur Démarrer Cliquez sur Panneau de configuration Cliquez sur Comptes Utilisateurs Cliquez sur Activer

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

Comment créer des dossiers et des sous-dossiers

Comment créer des dossiers et des sous-dossiers Comment créer des dossiers et des sous-dossiers Vous avez de nombreux fichiers que vous avez écrits et créés (des documents Word, Excel, Power Point ), ainsi que de nombreux fichiers que vous avez téléchargés

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

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

Serveur de partage de l Institut Mines-Télécom

Serveur de partage de l Institut Mines-Télécom Serveur de partage de l Institut Mines-Télécom Guide utilisateur https://partage.mines-telecom.fr A. Prérequis 3 B. Connexion au serveur 3 C. Déposer une ressource 4 D. Partager une ressource --- NOUVEAU

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

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

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

Formation Windows 7 créer par ABC-INFO47

Formation Windows 7 créer par ABC-INFO47 Formation Windows 7 par ABC-INFO47 Page 1 SOMMAIRE L ordinateur et les périphériques... 3 Le bureau de Windows 7... 3 Liste des icônes principales du bureau :... 4 Personnaliser les icones du bureau :...

Plus en détail

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 5 W W W. B R I G N O L E S. F R STRATIS NOVEMBRE 2011 > Table des matières Gestion des pages courantes............................................................................................................

Plus en détail

GUIDE UTILISATEUR - LOGICIEL

GUIDE UTILISATEUR - LOGICIEL GUIDE UTILISATEUR - LOGICIEL Série RJ Le contenu de ce guide et les spécifications de ce produit peuvent être modifiés sans préavis. Brother se réserve le droit d apporter à tout moment et sans préavis

Plus en détail

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation.

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation. Publisher 2007 Créer une composition de type WEB Pour pouvoir publier votre site Web sur le Web, vous devez vous abonner à un service d'hébergement Web après d'un fournisseur de services Internet. Ce service

Plus en détail

WinZip 8.1 Guide de démarrage rapide

WinZip 8.1 Guide de démarrage rapide Guide de démarrage rapide WinZip 8.1 Guide de démarrage rapide Introduction À propos du Guide de démarrage rapide Ce guide explique certains termes de compression de fichiers, décrit certains réglages

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