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

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

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

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

1 2015/08/20 YH/GP Création du document Version Date Etabli par Approuvé par Observations

1 2015/08/20 YH/GP Création du document Version Date Etabli par Approuvé par Observations 1 2015/08/20 YH/GP Création du document Version Date Etabli par Approuvé par Observations 1 Le module Editeur de rapport permet de rédiger un document texte de manière simple ou collaborative si vous êtes

Plus en détail

WORD Présentation de la nouvelle interface

WORD Présentation de la nouvelle interface WORD 2007 Présentation de la nouvelle interface Romane Martel WORD 2007 Présentation de la nouvelle interface Word fait partie de la suite Microsoft Office. C est un logiciel de traitement de texte. TABLE

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 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

Guide pratique de Zotero

Guide pratique de Zotero Octobre 2017 Guide pratique de Zotero Présentation Zotero est un outil de gestion de références bibliographiques. Zotero est libre et gratuit. Il se présente sous la forme d une application à installer.

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

Tutoriel d utilisation

Tutoriel d utilisation Centre Social Bordeaux Nord Tutoriel d utilisation Traitement de texte Word NOM : SOMMAIRE INTRODUCTION 2 CREATION DE PAGE / MISE EN PAGE 3 Taille, orientation et marge du document 3 Coupure de mots 4

Plus en détail

Guide Report Designer. Guide d initiation et de prise en main

Guide Report Designer. Guide d initiation et de prise en main Guide Report Designer Guide d initiation et de prise en main Edité par EBP Informatique, Rue de Cutesson, BP 95 78513 Rambouillet Cedex Tél : 01 34 94 80 00, Fax : 01 34 85 62 07, site Web http://www.ebp.com

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

INFO/RV/ Tutoriel Freemind

INFO/RV/ Tutoriel Freemind INFO/RV/10-2015 Tutoriel Freemind Table des matières 1) Lancement du logiciel... 1 2) Ajouter / supprimer une cellule / une branche... 2 3) Ajouter / supprimer des icones... 3 4) Modifier l aspect d un

Plus en détail

Guide pratique de Zotero

Guide pratique de Zotero Février 2017 Guide pratique de Zotero Présentation Zotero est un outil de gestion de références bibliographiques. Zotero est libre et gratuit. Il se présente sous la forme d une extension du navigateur

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

Guide d utilisation. de la plateforme Web 4

Guide d utilisation. de la plateforme Web 4 Guide d utilisation de la plateforme Web 4 Table des matières Interactivité dans ce document... 03 1. Connexion... 04 2.1 Connexion à la console d administration... 04 2. Tableau de bord... 05 2.1 Vue

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

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

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

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

Plateforme web de diffusion de données géographiques. Notice utilisateur

Plateforme web de diffusion de données géographiques. Notice utilisateur Plateforme web de diffusion de données géographiques Notice utilisateur ACATUS Informatique 55, boulevard de Châteaudun 45 000 ORLEANS 58, rue Danton 92 300 LEVALLOIS-PERRET Table des matières 1 DIFFERENCES

Plus en détail

PHP/MySQL avec Dreamweaver 8

PHP/MySQL avec Dreamweaver 8 142 Figure 3-10 Après avoir changé le titre de l écran, enregistrez la nouvelle page dans le répertoire correspondant à son espace. Tableau 3-2 Nomenclature de toutes les pages du site Score Dossier Nom

Plus en détail

Traitement de texte (word2007) Document synthétique permettant une utilisation rapide de word Sophie Rapetti 2OO9

Traitement de texte (word2007) Document synthétique permettant une utilisation rapide de word Sophie Rapetti 2OO9 Traitement de texte (word2007) Document synthétique permettant une utilisation rapide de word 2007 Sophie Rapetti 2OO9 Table des matières Mise en forme des caractères...3 Mise en forme des paragraphes

Plus en détail

2- Double-cliquez sur l icône du logiciel. 3- La fenêtre de l assistant de présentation s ouvre.

2- Double-cliquez sur l icône du logiciel. 3- La fenêtre de l assistant de présentation s ouvre. Comment créer un diaporama avec le logiciel de présentation de Open office? s 1- Préparez vos diapositives : sur des demi feuilles A4, 5- Créez les diapositives et choisissez la mise en page faites la

Plus en détail

VIRTUO RH GUICHET WEB GESTIONNAIRE PAS À PAS

VIRTUO RH GUICHET WEB GESTIONNAIRE PAS À PAS VIRTUO RH GUICHET WEB GESTIONNAIRE PAS À PAS Direction des ressources financières Direction des ressources humaines, des communications et des affaires juridiques Mai 2017 Table des matières 1 Guichet

Plus en détail

Fiche Styles et Index. Table des matières

Fiche Styles et Index. Table des matières Fiche Styles et Index Table des matières 1-Paramétrage des différents titres...1 1.1-Numérotation...2 1.2-Mise en forme des titres...3 1.3-Utilisation des styles...4 2-Navigateur de fichier...5 3-Conception

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

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

Guide d'utilisation. OpenOffice Writer

Guide d'utilisation. OpenOffice Writer Guide d'utilisation OpenOffice Writer CRÉER UN NOUVEAU DOCUMENT Fiche Guide N 1 cliquer sur l outil sur la flèche de l'outil Nouveau OUVRIR UN DOCUMENT EXISTANT Fiche Guide N 2 Cliquer sur l'outil Ouvrir

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

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

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

1. Généralités. 2. Config

1. Généralités. 2. Config https://github.com/boiteasite/cmsuno 1. Généralités Pour accéder à l'administration du site, ajouter /uno.php au nom de domaine : Pour récupérer le mot de passe et/ou le login, il faut accéder au site

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

COURS A TELECHARGER MICROSOFT WORD 2007

COURS A TELECHARGER MICROSOFT WORD 2007 COURS A TELECHARGER MICROSOFT WORD 2007 Document 12 : TABLE DES MATIERES ET TABLE DES ILLUSTRATIONS. (7pages) Sommaire du document : Table des matières - NOTATION DES ÉLÉMENTS DE LA TABLE DES MATIÈRES.

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

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

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

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

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

Documentation Online Editor Kaliop 19/07/11. Comment utiliser l'éditeur WYSIWYG* (Online Editor)

Documentation Online Editor Kaliop 19/07/11. Comment utiliser l'éditeur WYSIWYG* (Online Editor) Page1 Kaliop Documentation Online Editor Comment utiliser l'éditeur WYSIWYG* (Online Editor) Mise en forme des paragraphes, titres, liste à puce, médias, tableaux, etc. * WYSIWYG : "What you see is what

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

Listing J-> Z des Astuces Microsoft Word.

Listing J-> Z des Astuces Microsoft Word. Listing J-> Z des Astuces Microsoft Word. 1. Ne pas numéroter la première page - Word 2 2. Numéroter les éléments identiques d'un document - Word 2 3. Supprimez un paragraphe à l'impression - Word 4 4.

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

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

PAGE 1. L écran du logiciel NVU. Barre de menu: Les commandes du logiciel

PAGE 1. L écran du logiciel NVU. Barre de menu: Les commandes du logiciel PAGE L écran du logiciel NVU Nom du document : Nom d enregistrement Barre de mise forme: Texte, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de commande Gestionnaire

Plus en détail

1. Styles. Sommaire. prédéfinis à l aide du bouton.

1. Styles. Sommaire. prédéfinis à l aide du bouton. 1. Styles Sommaire 1. Styles... 2 1.1. Définir style et feuille de style... 2 1.2. Accéder au Menu des styles... 2 1.3. Créer un style... 2 1.4. Appliquer un style... 3 1.5. Connaître des différents types

Plus en détail

STYL'CLICK SOMMAIRE. Retour Sommaire 1/24

STYL'CLICK SOMMAIRE. Retour Sommaire 1/24 STYL'CLICK SOMMAIRE GÉNÉRALITÉS LES MENUS Le Menu Styl Click Nouveau Paragraphe Nouvelle page Insérer des rubriques Voir les Valeurs Cacher/Montrer la Palette Glossaire des Expressions Iconographie Voir/Masquer

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

Panneau Ensemble de mots-clés (avec utilisation de la touche Alt/Option pour l attribution à l aide du pavé numérique)

Panneau Ensemble de mots-clés (avec utilisation de la touche Alt/Option pour l attribution à l aide du pavé numérique) Information L attribution de mots-clés suggérés ne se fait qu à la souris et individuellement. Il n y a pas de raccourci clavier ou de manipulation permettant d attribuer plusieurs mots-clés simultanément.

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

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

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

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

Guide de. L utilisateur. LYcée ampère. Lycée des métiers AndrÉ AmpÈre. LYcée ampère. Nicolas Hanzel

Guide de. L utilisateur. LYcée ampère. Lycée des métiers AndrÉ AmpÈre. LYcée ampère.  Nicolas Hanzel LYcée ampère LYcée ampère Lycée des métiers AndrÉ AmpÈre 41100 VENDÔME www.lycee-ampere41.com Nicolas Hanzel Sommaire 1. Présentation du site........................................ p. 3 2. Wordpress?.............................................

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

les devoirs dans l ENT

les devoirs dans l ENT Ecrire les devoirs dans l ENT Il faut d abord que je m identifie. Pour cela, je dois utiliser le code de la maîtresse : Identifiant : cecileg2886 Mot de passe : burundi972871 Etape 1 Je clique ici pour

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

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

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

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

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

Menu. Contenu. Version Date Auteurs Description /11/14 F. DUMONT Document initial

Menu. Contenu. Version Date Auteurs Description /11/14 F. DUMONT Document initial Menu Contenu Principe... 2 Objectif : insérer un MENU dans un parcours... 2 1. Créer un MENU... 2 2. Ajouter des liens dans un MENU... 3 3. Afficher le MENU dans le parcours... 4 4. Gérer la position du

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

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

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

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

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

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

12. L'éditeur WYSIWYG

12. L'éditeur WYSIWYG 12. L'éditeur WYSIWYG L'éditeur WYSIWYG (What You See Is What You Get -> Ce Que Vous Voyez Est Ce Que Vous Obtenez) est un élément central de Spiral Connect qui permet de rédiger et mettre en page 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

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

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

Mozilla Firefox. 2) L interface de Mozilla Firefox. 1) Présentation

Mozilla Firefox. 2) L interface de Mozilla Firefox. 1) Présentation 1) Présentation Mozilla Firefox est un navigateur alternatif à Microsoft Internet Explorer, sorti en version 1.0 le 09 novembre 2004, il est actuellement en version 3.0, il dispose des caractéristiques

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

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

Présenter une carte et un territoire

Présenter une carte et un territoire Word 2007 Présenter une carte et un territoire Bien souvent, dans un rapport de stage ou une étude, il est utile de présenter une carte du territoire d observation et d annoter cette carte. Dans un premier

Plus en détail

Leçon 6. Gérer l administration du site

Leçon 6. Gérer l administration du site Leçon 6. Gérer l administration du site Objectifs : Au terme de cette leçon, vous devrez être capable de : 1. configurer correctement le site 2. gérer les langues 3. suivre la maintenance 4. vider le cache

Plus en détail

Utiliser la souris et le Clavier

Utiliser la souris et le Clavier Utiliser la souris et le Clavier La souris 1 Le clic gauche : a) Un seul clic gauche permet de : - sélectionner une icône sur le Bureau ou dans une fenêtre de Windows (l'icône apparaît en bleu) - dérouler

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

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

VIRTUO RH GUICHET WEB EMPLOYÉ PAS À PAS

VIRTUO RH GUICHET WEB EMPLOYÉ PAS À PAS VIRTUO RH GUICHET WEB EMPLOYÉ PAS À PAS Direction des ressources financières Direction des ressources humaines, des communications et des affaires juridiques Mai 2017 Table des matières 1 Guichet Web...

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

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

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

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

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

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

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

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

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

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

Créer un cours rapidement dans Moodle afin de proposer des ressources aux élèves

Créer un cours rapidement dans Moodle afin de proposer des ressources aux élèves Créer un cours rapidement dans Moodle afin de proposer des ressources aux élèves Création et configuration du cours Après avoir cliqué sur Moodle dans ENTEA, vous arrivez sur le tableau de bord de Moodle.

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

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

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

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

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

Dreamweaver Image survolée

Dreamweaver Image survolée Dreamweaver Image survolée Image retournée (rollover) Un lien peut également être une surprise! Par exemple, vous passez votre souris et l image s illumine, la couleur change, l image se transforme. Comment

Plus en détail

Microsoft PowerPoint 2007 (suite) INF0326 Outils bureautiques, logiciels et Internet

Microsoft PowerPoint 2007 (suite) INF0326 Outils bureautiques, logiciels et Internet Microsoft PowerPoint 2007 (suite) INF0326 Outils bureautiques, logiciels et Internet Plan Insertion d objets Animations Jouer un diaporama Masques personnalisés Insertion d objets Partie 4 Utiliser des

Plus en détail