Support de cours Dreamweaver CS5. MC Benveniste

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

Download "Support de cours Dreamweaver CS5. MC Benveniste"

Transcription

1 Support de cours Dreamweaver CS5 MC Benveniste 2011

2 Présentation du logiciel Il s agit d un logiciel d intégration de pages web, avec une interface wysyiswg (what you see is what you get = ce que vous voyez est de ce que vous obtenez). A partir de cette interface, il est facile d intégrer des images, des tableaux, des boîtes, des morceaux de javascript Editeur xhtml il génère le code xhtml, avec un choix de doctype valide W3C Editeur de styles css, également il édite un code avec les possibilités de raccourcis. En plus de ces bases une liste non exhaustive d autres fonctions intéressantes: Les bibliothèques : les textes, images, tableaux ou tout élément HTML commun à toutes les pages qui peuvent être modifiées régulièrement sont des fichiers externes facilement modifiables et toutes les pages y faisant référence seront alors modifiées automatiquement. Gestion de site : affichage graphique de la structure du site, modification facile de l'arborescence du site. Module FTP : permet de mettre en ligne un site sur un serveur distant à partir de la carte du site. Gestion de liens : vérification des liens cassés ou perdus, Les comportements : des morceaux de code en javascript facilement intégrables dans les pages html Historique qui garde la trace de toutes les actions, qui peuvent être annulées ou répétées. Images maps créées à l intérieur de la fenêtre du document. Vérification des liens et de l'accessibilité et des comptabilités avec les différents navigateurs. Des composants Ajax.

3 Interface : Les fenêtres et palettes L environnement classique est celui qui est le plus proche des versions précédentes Décochez fractionner verticalement pour avoir un affichage du code en haut, sinon il est maintenant à gauche

4 menu Interface : Les fenêtres et palettes insertion code mode création palettes ancrables propriétés

5 Lorsqu une palette a disparu : aller dans le menu fenêtre Nous utiliserons principalement Insertion sert à insérer des objets dans la page Propriétés donne accès aux propriétés des objets sélectionnés Fichiers permet de créer l arborescence, de la modifier et donne la liste des fichiers du site Comportements permet de créer de l interactivité au moyen de javascript Historique donne accès à l historique des opérations, par défaut les 50 dernières. Cela correspond au crtl+z ou pomme +Z sur mac

6 La fenêtre d insertion Elle répartie en onglets Communs pour les objets les plus communément utilisés : tableaux balise div images objet flash Formulaires pour les objets de formulaires formulaire champs de texte boutons radio case a cocher Pour les fonctions spry Ajax

7 La fenêtre d insertion L onglet commun > images En déroulant la flèche on a accès à un menu complémentaire en rapport avec les images

8 La barre code/fractionner/création... permet de travailler ici en mode code. Des aides au code facilitent ce mode. 1-Taper le signe plus grand que un menu déroulant apparaît vous donnant accès à toutes les balises 2- Vous n avez plus qu à choisir votre balise 3- Validez avec la touche enter 4- Utilisez la barre d espace pour faire apparaître le menu déroulant des attributs, id par exemple 5-Sont insérés les guillemets, il ne reste qu à donner le nom de l id 6-Puis le simple fait de taper le signe plus grand que et le slash fermera la balise automatiquement

9 Travailler en mode code Il est possible de replier des parties de code Surligner une partie du code (d un début de div à la fin de celui-ci par exemple) puis cliquez sur la flèche du haut Vous avez replié les lignes 16 à 24. Re-cliquez sur la flèche pour déployer à nouveau le code

10 Travailler en mode fractionner Travailler en mode fractionner permet de visualiser à la fois le code et l aperçu Dès que vous insérez des éléments dans la partie création, ils apparaissent automatiquement dans le code. L inverse n est pas vrai. Si vous écrivez quelque chose dans le code il faudra actualiser avec le raccourci F5, ou la touche actualiser Par défaut le code est à gauche. Cela peut se modifier depuis le menu affichage en décochant fractionner verticalement

11 Travailler en mode fractionner Tous les fichiers liés sont visibles et accessibles dans le mode code accès direct au css accès direct au js

12 Travailler en mode fractionner : indicateur de code Travailler en mode fractionner permet de visualiser à la fois le code et l aperçu Lorsqu on laisse le curseur sur un élément, il apparaît l indicateur de code En cliquant sur celui-ci, la liste des css attachés à cet endroit, ainsi que de tous ceux dans lesquels il est imbriqué se déroule

13 Travailler en mode fractionner : indicateur de code En passant la main sur chaque élément, les css sont décrits et en cliquant dessus, cela vous emmène directement dans le code css à la ligne correspondante

14 Barre d outils Le code affiché en mode Code en direct est similaire à ce que vous verriez si vous consultiez la source de la page à partir d'un navigateur. Alors que de telles sources de pages sont statiques et ne fournissent que la source de la page à partir du navigateur, le mode Code en direct est dynamique et est mis à jour à mesure que vous interagissez avec la page en mode Affichage en direct. Sert aux aperçus dans les navigateurs Permet d'interagir avec le document comme dans un navigateur. par exemple: affiche les survols des liens Possibilité d insérer le titre (contenu de la balise <title>, importante pour le référencement et l accessibilité Sert au transfert de fichiers (http://help.adobe.com/fr_fr/dreamweaver/ cs/using/ws0459f349-e2dc-4d31-adcf- F954B79D9A77.html)

15 Barre d état à gauche Les balises dans leur ordre d imbrication. Vous pouvez sélectionner un élément de la page en cliquant dessus. Ici une balise <a> qui se trouve dans une liste imbriquée, elle-même dans un div menu... Possibilité de zoomer ou dezoomer sur la page avec la loupe ou le menu déroulant. Puis la main pour se déplacer et la flèche pour récupérer le curseur. à droite Affiche le poids de la page et le temps de chargement. Modifier la vitesse de chargement dans Editions>préférences> Barre d état

16 Inspecteur des propriétés html Ne donne accès qu aux éléments modifiables en html : transformer du texte en h1, à h6 ou en paragraphe mettre en gras, en italique créer des listes et des listes imbriquées créer des liens hypertexte appliquer des classes css personnalisées

17 Inspecteur des propriétés css Ne donne accès qu aux éléments modifiables en css : donne le nom de l objet sur lequel on est et lorsqu on clique à l intérieur indique les propriétés css appliquées à l objet

Dreamweaver CS6 pour PC/Mac

Dreamweaver CS6 pour PC/Mac ENVIRONNEMENT. Généralités 1 A- La page de démarrage 1 B- L écran principal 2 C- La barre d état 3 D- Utiliser les règles 4 E- Utiliser la grille 4 F- Utiliser les repères 5 G- Modifier le zoom 6 1.2 Les

Plus en détail

Faire un formulaire avec Dreamweaver cs5. MC Benveniste

Faire un formulaire avec Dreamweaver cs5. MC Benveniste Faire un formulaire avec Dreamweaver cs5 MC Benveniste 2013 Première partie : création du formulaire Vérifiez dans les préférences que les attributs d accessibilité sont bien cochés pour les objets de

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

Interface de Word. Règle. Volet office. Barre d outils de mise en forme Elle permet d exécuter rapidement des commandes de mise en forme du texte.

Interface de Word. Règle. Volet office. Barre d outils de mise en forme Elle permet d exécuter rapidement des commandes de mise en forme du texte. Interface de Word L écran de Word est constitué de différents éléments qui sont les suivants : Barre de titre Barre de menu Point d insertion Barre d outils de mise en forme Règle Marge Barre d outils

Plus en détail

Les Fiches pratiques Coin-Web

Les Fiches pratiques Coin-Web Créer / modifier son site web à l aide d un logiciel Open Source Pré-requis : Sommaire Avant de consulter cette fiche pratique, il est bon d avoir assimilé les notions d HTML et CSS. 1. Définitions...

Plus en détail

Sommaire. 1 Créer un premier site Élaborer un contenu...69

Sommaire. 1 Créer un premier site Élaborer un contenu...69 Partie 1 Votre site web personnel...25 1 Créer un premier site...27 1.1 Installer le serveur web personnel de Microsoft...29 1.2 Créer un nouveau site web...31 1.3 Découvrir et personnaliser l environnement

Plus en détail

Les widgets Spry CHAPITRE 15. Les widgets Spry

Les widgets Spry CHAPITRE 15. Les widgets Spry Les widgets Spry CHAPITRE 15 365 15 Les widgets Spry Grâce aux techniques de mise en page CSS utilisant des listes couplées à des styles, il est possible de créer des éléments de navigation très interactifs.

Plus en détail

1 - travail en pleine page du navigateur

1 - travail en pleine page du navigateur Utilisation du bandeau Fckeditor «TEXTE ENRICHI» dans les pages du site internet Version 1 du 7 avril 2009 Bandeau de l éditeur Fckeditor 1 - travail en pleine page du navigateur Pour faciliter le travail

Plus en détail

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Carrefour de l information Université de Sherbrooke Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Par : Josée Martin (hiver 2005) Édition revue et augmentée par : Marc-André Dulude

Plus en détail

Publication sur le site

Publication sur le site Site Web de l association des ingénieurs INSA de Lyon Publication sur le site Remarque : la suppression des contributions n est pas possible depuis le Front-Office. Publication, modification d un article

Plus en détail

CRÉER UN FORMULAIRE GOOGLE

CRÉER UN FORMULAIRE GOOGLE CRÉER UN FORMULAIRE GOOGLE AVEC LA NOUVELLE INTERFACE GOOGLE FORMS Source : http://jemeformeaunumerique.fr/2016/02/27/creer-unformulaire-google-avec-la-nouvelle-interface-google-forms/ Adaptation et mise

Plus en détail

1 Présentation de l'interface GaïaMundi

1 Présentation de l'interface GaïaMundi Manuel de gestion de la plateforme Attlas & sites filleuls 1 Présentation de l'interface GaïaMundi...1 1.1 Ergonomie des 3 volets... 1 1.2 La barre de menus... 3 2 Création d'un nouveau site... 3 3 Mise

Plus en détail

I. LES STYLES... 2 II. LES MODELES... 4 III. LES FORMULAIRES... 6 IV. LE PUBLIPOSTAGE (MAILING)... 6 V. OPTIONS AVANCEES DU PUBLIPOSTAGE...

I. LES STYLES... 2 II. LES MODELES... 4 III. LES FORMULAIRES... 6 IV. LE PUBLIPOSTAGE (MAILING)... 6 V. OPTIONS AVANCEES DU PUBLIPOSTAGE... I. LES STYLES... 2 II. LES MODELES... 4 III. LES FORMULAIRES... 6 IV. LE PUBLIPOSTAGE (MAILING)... 6 V. OPTIONS AVANCEES DU PUBLIPOSTAGE... 10 VI. TABLES ET INDEX... 11 VII. LES LONGS DOCUMENTS... 14 VIII.

Plus en détail

2.1. Mise en forme de caractères

2.1. Mise en forme de caractères Mettre en forme un document La mise en forme doit toujours être réalisée après la saisie. Vous venez de taper un document, vous avez effectué les modifications nécessaires, corrigé les fautes ; reste à

Plus en détail

4.- LES TABLEAUX OBJECTIFS PEDAGOGIQUES CREER UN TABLEAU

4.- LES TABLEAUX OBJECTIFS PEDAGOGIQUES CREER UN TABLEAU 4.- LES TABLEAUX 4.1.- OBJECTIFS PEDAGOGIQUES II est parfois utile d'améliorer la lisibilité de données en les présentant sous la forme d'un tableau. Il n'est pas question ici de réaliser des tableaux

Plus en détail

Starter Kit. KompoZer. Apprenez, pratiquez, créez

Starter Kit. KompoZer. Apprenez, pratiquez, créez Starter Kit KompoZer Apprenez, pratiquez, créez PARTIE 1 Découvrir Kompozer CHAPITRE 4 Mes premières pages web La publication sur le Web possède ses propres techniques. Une page d un site n est pas une

Plus en détail

Mettre en forme des caractères et des paragraphes. WORD Mettre en forme du texte

Mettre en forme des caractères et des paragraphes. WORD Mettre en forme du texte Mettre en forme des caractères et des paragraphes WORD Mettre en forme du texte Mettre en forme du texte SOMMAIRE : I METTRE EN FORME DES CARACTÈRES... 3 1.1 - Modifier la police de caractère... 3 1.2

Plus en détail

Les fonctions de base pour utiliser «Le pagicien»

Les fonctions de base pour utiliser «Le pagicien» Les fonctions de base pour utiliser «Le pagicien» Le Pagicien permet la création d hyperdocument diffusable sur cédérom ou sur Internet avec la version 3. Ce document se propose de vous proposer les fonctions

Plus en détail

Foire Aux Questions Ciel Multi Devis du Bâtiment

Foire Aux Questions Ciel Multi Devis du Bâtiment Foire Aux Questions Ciel Multi Devis du Bâtiment Comment insérer ses coordonnées et son logo dans ses devis et factures?...2 Comment sauvegarder restaurer un métré type?...2 Comment réaliser un publipostage

Plus en détail

Cyber-Centre Ville. Apprendre Découvrir Rechercher s'initier. Créer un diaporama avec Open Office

Cyber-Centre Ville. Apprendre Découvrir Rechercher s'initier. Créer un diaporama avec Open Office Créer un diaporama avec Open Office Introduction Une présentation est un travail destiné à être visionné sur un écran d'ordinateur ou projeté via un vidéo-projecteur. Elle peut être imprimée sur transparents

Plus en détail

Guide d utilisation 1TSIO HERZALLAH ISMAEL AINANE SAMI BENCHIKH IMAD

Guide d utilisation 1TSIO HERZALLAH ISMAEL AINANE SAMI BENCHIKH IMAD Guide d utilisation 1TSIO HERZALLAH ISMAEL AINANE SAMI BENCHIKH IMAD 1 SOMMAIRE Logiciel de présentation et diaporama Présentation du logiciel Découverte de l'interface du logiciel Structure d'un diaporama

Plus en détail

Table des matières. Introduction 1

Table des matières. Introduction 1 Table des matières Introduction 1 1 Les bases de JavaScript 5 Compréhension de JavaScript (et de son histoire) 5 Établissement d un système de test 8 Configuration de navigateurs Web 9 Inclusion du code

Plus en détail

Fiche technique. OpenOffice.org «WRITER»

Fiche technique. OpenOffice.org «WRITER» Fiche technique OpenOffice.org «WRITER» 1 SOMMAIRE I / Utiliser les fonctions de base du traitement de texte...3 1.1. Démarrer l'application «Writer»...3 1.2. Ouvrir et enregistrer des documents...3 1.2.1

Plus en détail

Initiation WORD. Module 8 : Mise en forme d un document (2).

Initiation WORD. Module 8 : Mise en forme d un document (2). Initiation WORD. Module 8 : Mise en forme d un document (2). 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 10

Plus en détail

Comment réaliser un diaporama avec IMPRESS? 1 - À la découverte de l'interface

Comment réaliser un diaporama avec IMPRESS? 1 - À la découverte de l'interface Comment réaliser un diaporama avec IMPRESS? IMPRESS est le module de présentation de la suite bureautique Open Office et peut donc servir à la production de diaporama. Un conseil avant de vous lancer dans

Plus en détail

GUIDE ANIMATEUR DE SITE

GUIDE ANIMATEUR DE SITE GUIDE ANIMATEUR DE SITE Sommaire Guide Animateur 1 Premier pas avec ASPresso... 3 1.1 Accéder à votre site web... 3 1.2 Terminologie liée au site... 3 1.3 Accéder à l'interface d'administration... 3 1.4

Plus en détail

Dreamweaver 2.0. GUIDE D UTILISATION POUR Dreamweaver 2.0. Logiciel de création de pages HTML. Page 1

Dreamweaver 2.0. GUIDE D UTILISATION POUR Dreamweaver 2.0. Logiciel de création de pages HTML. Page 1 1 GUIDE D UTILISATION POUR Dreamweaver 2.0 Logiciel de création de pages HTML SOMMAIRE Sommaire 1 Démarrer avec Dreamweaver 2.0 2 Le texte avec Dreamweaver 2.0 4 Insérer un lien hypertexte 4 Choisir les

Plus en détail

LE LOGICIEL WORD 2003

LE LOGICIEL WORD 2003 1 SOMMAIRE 1. Qu est ce que le logiciel de traitement de texte Word? 2. La fenêtre type 3. Créer un document 4. Enregistrer un document 5. Exporter eu format PDF 6. Saisir du texte 7. Mettre en page 8.

Plus en détail

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier Lycée Beaussier 2012 2013 Sommaire Le HTML «HyperText Markup Language» est un langage de balisage pour la création de site internet, il sert à structurer votre document. D autres langages peuvent s ajouter

Plus en détail

Tutoriel pour apprendre à créer son blog source : Aide de 1ère étape : quel hébergeur de blog?

Tutoriel pour apprendre à créer son blog source : Aide de  1ère étape : quel hébergeur de blog? 1ère étape : quel hébergeur de blog? La création de blog est tout à fait similaire d un d hébergeur à un autre. Si j ai choisi Canalblog, c est pour sa simplicité, mais il existe un grand nombre d autres

Plus en détail

Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Internet explorer. Sommaire

Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Internet explorer. Sommaire Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Internet explorer. Sommaire Effacer tout l historique de navigation... 2 Cliquer sur l item [Outils] de la

Plus en détail

Création d un site public avec Pages

Création d un site public avec Pages Création d un site public avec Pages 1 Présentation L'application Pages permet de créer des pages web pouvant être organisées grâce à un menu de navigation, ce qui offre une grande liberté de mise en page.

Plus en détail

Conception d'une carte heuristique pour l'élaboration des scénarios du projet ACCLIMAT f

Conception d'une carte heuristique pour l'élaboration des scénarios du projet ACCLIMAT f Conception d'une carte heuristique pour l'élaboration des scénarios du projet ACCLIMAT f Philippe Mallet et Anthony Thevenin CERFACS / Global Change and Climate Modelling Team Juin 2010 WN-CMGC-10-57 Introduction

Plus en détail

FONDAMENTAUX OFFICE 2007

FONDAMENTAUX OFFICE 2007 FONDAMENTAUX OFFICE 2007 Beaucoup de méthodes et d éléments sont communs aux logiciels Microsoft Office 2007. Soyez précis dans le vocabulaire. Distinguer pointeur (de la souris) et curseur, espacement

Plus en détail

Editeur HTML. Mozilla

Editeur HTML. Mozilla Editeur HTML Mozilla Présentation Mozilla est un navigateur Web, il permet également de gérer la messagerie (Email) et d'éditer des pages au format HTML (Hyper Text Markup Language). Mozilla est basé à

Plus en détail

Fiche Interface du tableur. Table des matières

Fiche Interface du tableur. Table des matières Fiche Interface du tableur Table des matières 1-Interface...1 2-Barres d'outils...1 3- Cellules...7 3.1-Onglet «Bordures»...7 3.2-Onglet «Alignement»...8 3.3-Onglet «Nombres»...8 3.4-Onglet «Arrière-plan»...9

Plus en détail

Formation Isabelle Wehbé ECRAN DU LOGICIEL

Formation Isabelle Wehbé ECRAN DU LOGICIEL ECRAN DU LOGICIEL LES BARRES D OUTILS A = Barre de MENUS (on peut réaliser toutes les opérations à partir des menus, sans passer par les boutons des barres d outils) B = Barre d outils STANDARD (ouvrir,

Plus en détail

Fiche Interface du tableur. Table des matières

Fiche Interface du tableur. Table des matières Fiche Interface du tableur Table des matières 1-Interface...1 2-Barres d'outils...2 3- Cellules...8 3.1-Onglet «Nombres»...8 3.2-Onglet «Police»...9 3.3-Onglet «Effets de caractère»...9 3.4-Onglet «Alignement»...10

Plus en détail

Leçon 5. Gérer l'administration du site

Leçon 5. Gérer l'administration du site 1 Leçon 5. Gérer l'administration du site Objectifs Préliminaire Au terme de cette leçon vous devrez être capable de configurer correctement le site gérer les langues Suivre la maintenance Vider le cache

Plus en détail

Premiers essais de mise en forme

Premiers essais de mise en forme OpenOffice.org Writer Premiers essais de mise en forme Conventions : "clic" sans plus de précision implique d'appuyer sur le bouton gauche de la souris. "clic-droit" implique d'appuyer sur le bouton droit

Plus en détail

Didacticiel pour tracés d itinéraires sur Internet

Didacticiel pour tracés d itinéraires sur Internet Didacticiel pour tracés d itinéraires sur Internet Création d une carte sur Gmap Préliminaires Créer un repère Tracer une ligne Dessiner une forme Import/export Création d un compte Google pour Gmap Par

Plus en détail

Atelier d initiation. Traitement de texte, la suite

Atelier d initiation. Traitement de texte, la suite Atelier d initiation Traitement de texte, la suite 1 Contenu de l atelier Les différents modes de sélection du texte... 1 Mise en forme... 2 Mise en forme du texte... 2 Mise en forme du texte avec le

Plus en détail

Rattachement d

Rattachement d D o c u m e n t a t i o n U t i l i s a t e u r Rattachement d email Complément Outlook Ce manuel décrit l ensemble des fonctionnalités disponibles concernant le complément Outlook de rattachement d emails.

Plus en détail

Mot. Ensemble de caractères, mots ou phrases balisé par un saut

Mot. Ensemble de caractères, mots ou phrases balisé par un saut 1 Présentation du logiciel Traitement de texte générant des fichiers avec extension.doc contenant des données : texte, tableau, graphiques, images Caractère Mot Elément unitaire saisi au clavier pouvant

Plus en détail

Le courrier électronique avec Outlook Express

Le courrier électronique avec Outlook Express Le courrier électronique avec Outlook Express 1) Accéder à Outlook Express 2) Présentation générale 3) Retirer un message 4) Récupérer un fichier joint 5) Ecrire un message 6) Répondre à un message 7)

Plus en détail

Créer ou modifier un lien hypertexte. Sommaire

Créer ou modifier un lien hypertexte. Sommaire MICROSOFT WORD Révision Octobre 2015 Créer ou modifier un lien hypertexte 1. Introduction... 2 2. Créer un lien hypertexte vers un document, un fichier, une page web... 2 1. Créer un lien vers une page

Plus en détail

PLANNING : FONCTIONNEMENT HEBDOMADAIRE POUR UN SSIAD

PLANNING : FONCTIONNEMENT HEBDOMADAIRE POUR UN SSIAD PLANNING : FONCTIONNEMENT HEBDOMADAIRE POUR UN SSIAD 45, Place de l Eglise 54 380 Bezaumont 03.83.23.69.00 PREAMBULE Ce guide va vous présenter les différentes étapes, de l écriture du roulement à l édition

Plus en détail

1.Créer sa présentation

1.Créer sa présentation Sommaire 1.Créer sa présentation 2. Titre et sous-titre 3. Ajouter une nouvelle diapositive 4. Disposition du texte et du contenu 5. Insérer un dessin 6. Modifier un dessin 7. Disposition du contenu de

Plus en détail

1. Premier démarrage d Outlook

1. Premier démarrage d Outlook 1. Premier démarrage d Outlook Lors de la première visualisation du logiciel, nous avons cet écran sur l icône Outlook Express en surbrillance. - La fenêtre principale où se situe en surbrillance le mot

Plus en détail

Migration vers Outlook 2010

Migration vers Outlook 2010 Dans ce guide Microsoft Outlook 2010 ne ressemble pas à Outlook 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 éléments

Plus en détail

Utiliser les options de l éditeur de texte

Utiliser les options de l éditeur de texte Utiliser les options de l éditeur de texte L éditeur de texte riche vous permet de personnaliser votre texte grâce à une barre d outils similaire à celle que l on retrouve dans un logiciel de traitement

Plus en détail

3.4 - Les formulaires de données

3.4 - Les formulaires de données 3.4 - Les formulaires de données Ce chapitre décrit les formulaires de données qui vous permettent de consulter, ajouter ou modifier les différentes données gérées dans moveon : établissements, contacts,

Plus en détail

QGIS 2.4 : Impression d un atlas cartographique et utilisation plugin mask dans un composeur d impression

QGIS 2.4 : Impression d un atlas cartographique et utilisation plugin mask dans un composeur d impression QGIS 2.4 : Impression d un atlas cartographique et utilisation plugin mask dans un composeur d impression Rédacteur Hamidou DIOP DDTM / Mission Connaissance des Territoire 2 Sommaire I. OUVERTURE DES COUCHES...

Plus en détail

BREF TUTORIEL EBAC A L USAGE DES PROFESSEURS

BREF TUTORIEL EBAC A L USAGE DES PROFESSEURS BREF TUTORIEL EBAC A L USAGE DES PROFESSEURS PRESENTATION La plateforme ebac est un outil de formation, de communication à distance. Cette plateforme a été conçue sur base de Claroline 1 qui est un logiciel

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

Plus en détail

CinéPack. Création et hébergement de site internet

CinéPack. Création et hébergement de site internet CinéPack Création et hébergement de site internet mise à jour du 24/12/2013 Sommaire Sommaire...2 Bienvenue sur votre espace d administration CinePack...3 Accueil de votre administration :...4 Gestion

Plus en détail

Sommaire [INFORMATIQUE 1]

Sommaire [INFORMATIQUE 1] [INFORMATIQUE ] Sommaire Informatique...2 Style...2 La gestion des longs documents...3 Mode d affichage...4 Mode «Brouillon»...4 Mode «Plan»...5 Titres numérotés...6 En tête et pied de page...7 Table des

Plus en détail

DISI - Département TICE. L éditeur de Moodle

DISI - Département TICE. L éditeur de Moodle DISI - Département TICE L éditeur de Moodle Janvier 2010 Présentation de l éditeur L éditeur WYSIWIG La plupart des champs de texte de Moodle (contenu des ressources, étiquette, résumé de section, message

Plus en détail

Mise en ligne des informations sur le site : mode d emploi

Mise en ligne des informations sur le site : mode d emploi Mise en ligne des informations sur le site : mode d emploi www.autogestion.org est un site participatif qui permet à ceux qui mettent en œuvre de pratiques autogérées et réfléchissent sur leur fonctionnement

Plus en détail

Faire sa BD. Vous obtiendrez alors cette fenêtre, choisissez alors partir de zéro. Fermez la fenêtre suivante ensuite en cliquant sur la croix

Faire sa BD. Vous obtiendrez alors cette fenêtre, choisissez alors partir de zéro. Fermez la fenêtre suivante ensuite en cliquant sur la croix Cet atelier a pour but de vous faire réaliser une BD à partir d éléments existants (personnages, décors). Il ne s agit pas de dessiner des personnages mais plus d inventer votre propre histoire. Etape

Plus en détail

Gestionnaire de contenu

Gestionnaire de contenu Gestionnaire de contenu C est dans le gestionnaire de contenu que vous pouvez éditer votre contenu Web personnel. Les sujets abordés dans cet aide mémoire sont : L interface du Gestionnaire de contenu

Plus en détail

Concevoir la page d accueil

Concevoir la page d accueil Concevoir la page d accueil Survol Lorsque vous sélectionnez un cours dans le portail, vous accédez à sa page d accueil. Vous pouvez également y accéder en tout temps lors de la navigation sur le site

Plus en détail

Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Mozilla Firefox. Sommaire

Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Mozilla Firefox. Sommaire Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Mozilla Firefox. Sommaire Effacer tout ou partie de l historique de navigation... 2 Cliquer sur l item [Outils]

Plus en détail

Rédacteurs - Typo3 v6.2

Rédacteurs - Typo3 v6.2 Rédacteurs - Typo3 v6.2 Créer un texte et le mettre en forme Objet et contexte Ce document présente la création et la mise en forme d un contenu texte dans l environnement typo3 6.2. Créer un contenu de

Plus en détail

Initiation à OpenOffice Texte

Initiation à OpenOffice Texte Initiation à OpenOffice Texte Saisir du texte : La première étape pour réaliser une lettre ou un document est d en taper le texte au clavier. Le texte tapé apparaît dans le document à l endroit du curseur

Plus en détail

WORD 2007 LES BASES DE WORD

WORD 2007 LES BASES DE WORD WORD 2007 LES BASES DE WORD Alain BIGOTTE 17/11/2010 TABLE DES MATIERES Les bases de Word... 1 1. La sélection d'un mot, d'une phrase, d'un paragraphe 2. La mise en forme des caractères 3. Le Copier /

Plus en détail

Débuter avec l agenda

Débuter avec l agenda Direction du Système d'information Débuter avec l agenda Version 1 du 21/01/2016 Documentation Découverte rapide de l interface de l agenda et ses fonctionnalités de base 1. Se repérer dans l agenda zone

Plus en détail

manuel d utilisateur procédure de codage interne CIM10 & CCAM

manuel d utilisateur procédure de codage interne CIM10 & CCAM manuel d utilisateur procédure de codage interne CIM10 & CCAM Codage Interne 3 page sommaire Thésaurus par Spécialité 4 Nomenclature 5 Aide au Codage (Principes de Base) 7 Coder la Fiche Patient 8 Variables

Plus en détail

Saisie des coordonnées d'un produit (Latitude / Longitude)

Saisie des coordonnées d'un produit (Latitude / Longitude) Généralités La géo localisation est un procédé permettant de positionner un objet (une personne, une information,...) sur un plan ou une carte à l'aide de ses coordonnées géographiques. (Cf : http://fr.wikipedia.org/wiki/g%c3%a9olocalisation

Plus en détail

Chapitre 1 : Prise en main d Excel

Chapitre 1 : Prise en main d Excel Chapitre 1 : Prise en main d Excel I. Qu'est-ce qu'un tableur? Un tableur permet de saisir des données, de faire des traitements sur ces données et de les afficher. Les originalités du tableur sont l'organisation

Plus en détail

8 Puces et indentations

8 Puces et indentations 8 Puces et indentations Une palette «liste» proposant des mises en forme est à disposition dans l espace privé, toutefois voilà le codage à faire si vous souhaitez indenter le texte différemment ou l indenter

Plus en détail

SOMMAIRE 1. Saisie du texte 2. Mise en forme

SOMMAIRE 1. Saisie du texte 2. Mise en forme SOMMAIRE 1. Saisie du texte 1.1 Options 1.2 Caractères spéciaux 1.3 Règle et tabulations 1.4 Création d une liste numérotée ou à puces 1.5 Application d un style 1.6 Insertion d image (ou de clipart) et

Plus en détail

GUIDE Word (version intermédiaire) Version 2010 Table des matières

GUIDE Word (version intermédiaire) Version 2010 Table des matières GUIDE Word (version intermédiaire) Version 2010 Table des matières 1. Les rubans... 2 2. Pagination... 4 3. En-tête et pied de page... 5 4. Note de bas de page ou des notes de fin de document... 7 5. Table

Plus en détail

Fonctions de base (1 ère partie) 1-2

Fonctions de base (1 ère partie) 1-2 A Enregistrer un document (pour la première fois) L enregistrement sert à conserver le travail en cours sur un support (disque dur, clé usb, ). On dit indistinctement Enregistrer ou sauvegarder un document

Plus en détail

Mise en marche du traitement de texte

Mise en marche du traitement de texte Les différentes fonctions du traitement texte OpenOffice.org Writer Mise en marche du traitement de texte Allumer l'écran et l'unité centrale Double clique sur l'icône Traitement texte ou Démarrer, programmes,

Plus en détail

Utilisation du Web. Sommaire. Notions de base 1

Utilisation du Web. Sommaire. Notions de base 1 Utilisation du Web Sommaire Notions de base 1 Navigation Saisie d une URL (adresse http) dans la barre d adresse 2 Cliquer sur un lien hypertexte (ou hyperlien) 2 Définition 2 Utilisation 2 Utilisation

Plus en détail

Formation courriel CHUM (Version Web de Lotus Notes)

Formation courriel CHUM (Version Web de Lotus Notes) (Version Web de Lotus Notes) Version pdf Préparée pour la Direction des technologies de l information et des télécommunications Avril 2016 Table des matières Courriel CHUM (version Web de Lotus Notes)...

Plus en détail

des modèles pré-établis par nos développeurs. Comme tous les objets créés sur Spiral, cet outil permet :

des modèles pré-établis par nos développeurs. Comme tous les objets créés sur Spiral, cet outil permet : 17. les sites web Wiki Le site web sur Spiral Manne Connect Un site web (ou site internet) est un ensemble de pages Web liées entre elles par des liens et mises en ligne à partir d'une adresse Web précise

Plus en détail

Concepts de base d Excel

Concepts de base d Excel Concepts de base d Excel Excel est une application performante de feuilles de calcul et d analyse de données. Pour en tirer le meilleur parti, il faut d abord en comprendre les concepts de base. Ce didacticiel

Plus en détail

Présentation Prise en main

Présentation Prise en main Présentation Prise en main Marc Hirschi Business Consultant, SolvAxis SA Agenda Présentation Navigation Espace personnel portail Favoris Application standard Recherches Tableaux Agenda Aperçus et impressions

Plus en détail

PowerPoint. Que permet PowerPoint?

PowerPoint. Que permet PowerPoint? Bruno Hoffmann PowerPoint Que permet PowerPoint? PowerPoint permet de présenter des informations à un auditoire, avec bien sur du texte, mais aussi des tableaux, des graphiques, des sons, des images (statiques

Plus en détail

Migration vers Access 2010

Migration vers Access 2010 Dans ce guide Microsoft Microsoft Access 2010 ne ressemble pas à Access 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

PSJDIAPORAMA DEFILEMENT D IMAGES POUR PRESTASHOP EDITÉ PAR ARETMIC S.A.

PSJDIAPORAMA DEFILEMENT D IMAGES POUR PRESTASHOP EDITÉ PAR ARETMIC S.A. PSJDIAPORAMA DEFILEMENT D IMAGES POUR PRESTASHOP EDITÉ PAR ARETMIC S.A. 1 PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables aux Produits Virtuels proposés

Plus en détail

Guide d usager Septembre 2014

Guide d usager Septembre 2014 L permet aux commissions scolaires, aux divers organismes et au public en général d'accéder aux cartes relatives aux indices de défavorisation du ministère de l'éducation, du Loisir et du Sport. Cet outil

Plus en détail

ETAPE 1 (40 minutes)

ETAPE 1 (40 minutes) ETAPE 1 (40 minutes) Paramétrer le référencement des cellules Saisir, sauvegarder, imprimer des données Savoir-faire développés dans cette étape - Charger, quitter Excel, paramétrer les en-têtes de lignes

Plus en détail

Date Version Auteur Notes 14/09/ Direction Informatique Création. Portail Zimbra. Aide utilisateur

Date Version Auteur Notes 14/09/ Direction Informatique Création. Portail Zimbra. Aide utilisateur Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création Portail Zimbra Aide utilisateur Ce document explique le fonctionnement du portail Zimbra, comment l utiliser et le personnaliser.

Plus en détail

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis Mathieu Nebra Réussir son site web avec XHTML et CSS 3e édition Préface de Laurent Denis Groupe Eyrolles, 2006, 2008, 2010, ISBN : 978-2-212-12485-9 Table des matières 1. UN SITE WEB, COMMENT ÇA MARCHE?...

Plus en détail

LE MODULE PHOTOTHÈQUE

LE MODULE PHOTOTHÈQUE LE MODULE PHOTOTHÈQUE Sommaire Contenu Page 1. INTRODUCTION... 2 2. PROCEDURE... 3 2.1. Accéder au module Photothèque... 3 2.2. Créer une galerie.....4 2.2.1 Ouvrir une galerie...4 2.2.2 Editer une galerie...5

Plus en détail

Un petit tutoriel pour utiliser Wordpress (LeRepaire)

Un petit tutoriel pour utiliser Wordpress (LeRepaire) Un petit tutoriel pour utiliser Wordpress (LeRepaire) I. Pour écrire un article : Il faut déjà avoir un compte qui permette de le faire (ce n est pas un compte par défaut, il faut demander un accès à l

Plus en détail

Centre régional du livre de Bourgogne 71, rue Chabot-Charny 21000 Dijon Tél. : 03 80 68 80 20 Contact : info@crl-bourgogne.org ou l.mauvais-goni@crl-bourgogne.org www.crl-bourgogne.org www.crl-bourgogne.org

Plus en détail

Foundation 6 Un framework CSS pour concevoir des sites web attractifs et adaptatifs

Foundation 6 Un framework CSS pour concevoir des sites web attractifs et adaptatifs Chapitre 1 : Introduction A. Le développement des sites web 9 B. Les fonctionnalités de Foundation 10 C. Télécharger les exemples 11 Chapitre 2 : Installer Foundation A. Les objectifs 15 B. Les différentes

Plus en détail

TD n 9 Word : Les styles pour travailler plus efficacement

TD n 9 Word : Les styles pour travailler plus efficacement TD n 9 Word : Les styles pour travailler plus efficacement 1. Introduction : pourquoi utiliser les styles? Définition : Un style définit un ensemble de caractéristiques de mise en forme complète (police

Plus en détail

27 octobre 2012 Version 1.3

27 octobre 2012 Version 1.3 27 octobre 2012 Version 1.3 1. Le ruban et ses menus contextuels 2. Enregistrer votre travail 3. Fenêtres dans Windows Word 2007 4. Les différents modes de sélection dans Word 2007 5. Les Modes d affichage

Plus en détail

MANUEL UTILISATEUR EXCEL 2010 Présentation Générale

MANUEL UTILISATEUR EXCEL 2010 Présentation Générale MANUEL UTILISATEUR EXCEL 2010 Présentation Générale OFADIS Organisme de formation Siège Social : 49 grande rue 91290 Arpajon 529 924 417 Tel : 01 83 64 25 11 Fax : 01 79 75 23 56 http://www.ofadis.fr Ce

Plus en détail

WEBNODE. I. Page d accueil :

WEBNODE. I. Page d accueil : WEBNODE I. Page d accueil : Au niveau de l en-tête, pour modifier un texte ou une image, il suffit simplement de faire un double clic sur la partie que l on souhaite modifier. Par défaut, le titre, le

Plus en détail

Un formulaire sert à transmettre, par l intermédiaire de champs de saisie, des données fournies par l'utilisateur sur une adresse .

Un formulaire sert à transmettre, par l intermédiaire de champs de saisie, des données fournies par l'utilisateur sur une adresse  . Comment créer et éditer un formulaire de contact? Généralités Un formulaire sert à transmettre, par l intermédiaire de champs de saisie, des données fournies par l'utilisateur sur une adresse e-mail. Cette

Plus en détail

COMMENT RÉALISER UN PORTFOLIO AVEC LE LOGICIEL WORDPRESS

COMMENT RÉALISER UN PORTFOLIO AVEC LE LOGICIEL WORDPRESS COMMENT RÉALISER UN PORTFOLIO AVEC LE LOGICIEL WORDPRESS Introduction... 1 1. Accédez à votre portfolio en mode «conception»... 2 2. Le «Tableau de Bord», l outil pour personnaliser votre portfolio...

Plus en détail

Word 2010 Débutant. Table des matières. 1) Changer le symbole de puce par une image : ) Déplacer un texte dans la flèche :...

Word 2010 Débutant. Table des matières. 1) Changer le symbole de puce par une image : ) Déplacer un texte dans la flèche :... Word 2010 Débutant Table des matières 1) Changer le symbole de puce par une image :... 2 2) Déplacer un texte dans la flèche :... 2 3) Insérer un tableau à la place d un texte... 2 4) Modifier le positionnement

Plus en détail

Procédurier Inspiration 7

Procédurier Inspiration 7 Procédurier Inspiration 7 1. a) Changer un symbole 1. Cliquer sur le symbole à changer 2. Sélectionner un nouveau symbole dans la palette des symboles. 1. b) Changer un symbole Le symbole est changé! Vous

Plus en détail

METTRE EN FORME. Modifier style, couleurs, taille et police d'un texte

METTRE EN FORME. Modifier style, couleurs, taille et police d'un texte METTRE EN FORME Modifier style, couleurs, taille et police d'un texte Style du texte On appelle style, les options de mises en forme suivantes : Italique Gras Souligné Ces options se trouvent dans la barre

Plus en détail