Mise en forme CSS3. Copyright Cédric Lefrancq - Tous droits réservés.

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

Download "Mise en forme CSS3. Copyright Cédric Lefrancq - Tous droits réservés."

Transcription

1 Mise en forme CSS3 Copyright Cédric Lefrancq - Tous droits réservés.

2 1

3 TABLE DES MATIERES Les bases de la feuille de style... 3 Les commentaires en CSS... 3 Intégrer la page CSS dans la page HTML... 3 Sélecteurs de parent, d'identifiant et de classe... 3 Sélecteurs de plusieurs éléments... 3 Sélecteurs d'hyperliens... 3 Sélecteur de première ligne et de première lettre... 3 Sélecteurs parent enfant direct... 3 Sélecteur d'élément adjacent... 4 Les principales propriétés de style... 4 L'arrière plan... 4 Les propriété pour les blogs de texte... 4 Les propriétés pour la police... 4 Les propriétés pour les textes... 5 Les propriétés pour les listes... 5 Les marqueurs pour les listes ordonnées... 5 Les propriétés pour les boites... 5 Propriétés des bordures... 5 Le positionnement flottant... 5 Les propriétés liées aux tableau... 6 Le positionnement relatif... 6 Le positionnement absolu... 6 Le positionnement fixe... 6 Les propriétés d'affichage... 7 Les couleurs en CSS... 7 Gérer la transparence des éléments... 7 Le centrage des éléments... 7 Memento CSS Textes... 8 Couleurs... 9 Tableaux... 9 Curseur souris boites Position Listes

4 LES BASES DE LA FEUILLE DE STYLE LES COMMENTAIRES EN CSS /*Commentaire CSS sur une ligne*/ INTÉGRER LA PAGE CSS DANS LA PAGE HTML <link rel="stylesheet" href="styles.css"> SÉLECTEURS DE PARENT, D'IDENTIFIANT ET DE CLASSE h2 {color: red; /*Sélecteur de balise*/ article h2 {color: red; /*Sélecteur d'enfant (h2 est enfant de article)*/ #identifiant {color: red; /*Sélecteur d'id*/.classe {color: red; /*Sélecteur de classe*/ Un identifiant est unique contrairement à la classe qui peut être positionnée sur plusieurs éléments. SÉLECTEURS DE PLUSIEURS ÉLÉMENTS h1, h2, p, {color: red; /*La virgule permet de séparer les éléments*/ *{color: red; /*Sélecteur universel*/ SÉLECTEURS D'HYPERLIENS a:link {color: #FF0000; /*Couleur du lien au repos*/ a:visited {color: #00FF00; /*Couleur du lien déjà cliqué*/ a:hover {color: #00FFFF; /*Couleur du lien lors du survol de la souris*/ a:active {color: black; /*Couleur du lien lors du clic*/ a:focus {color: #0000FF; /*Couleur lors d'une tabulation*/ SÉLECTEUR DE PREMIÈRE LIGNE ET DE PREMIÈ RE LETTRE p:first-letter{color: red; /*Sélecteur de la première lettre*/ p:first-line {color: red; /*Sélecteur de la première ligne*/ SÉLECTEURS PARENT ENFANT DIRECT section>h1{color:red; /*Sélectionne le h1 directement enfant de section*/ 3

5 SÉLECTEUR D'ÉLÉMENT ADJACENT Un élément adjacent est un élément qui suit un autre. h1+p{color:red; /*Sélectionne un élément p qui suit directement un h1*/ h1~p{color:red; /*Sélectionne tous les éléments p frères de h1*/ LES PRINCIPALES PROPRIÉTÉS DE STYLE L'ARRIÈRE PLAN #container {background-color: red; /*Couleur d'arrière-plan rouge*/ #container { background-image: url(province.jpg); /*Attention aux parenthèses*/ background-repeat: no-repeat ou repeat-x ou repeat-y ou repeat; body, html {height:100%; /*Les deux propriétés sont indispensables*/ #container { background-image: url(province.jpg); background-size: cover; /*Couvre 100% de l'écran quel que soit sa taille*/ background-position: center center; /*L'image se réduit % au centre*/ LES PROPRIÉTÉ POUR LES BLOGS DE TEXTE p {text-align=justify; /*Alignement du texte*/ p {word-spacing: 15px; /*Espace entre les mots*/ p {letter-spacing: 15px; /*Espace entre les lettres*/ p {line-height: 40px; /*Espace entre les paragraphes*/ p {text-indent: 40px; /*Indentation de la première ligne*/ img {vertical-align: middle; /*Aligne le texte qui suit l'image au centre et sur une seule ligne*/ LES PROPRIÉTÉS POUR LA POLICE p {color: red; /*Permet de changer la couleur du texte */ p {font-family: verdana, geneva, sans-serif; /*Permet de changer le style de police*/ p {font-size: 25px; /*Permet de changer la taille de la police*/ p {font-style: italic; /*Permet de changer le style en italique*/ p {font-weight: bold; /*Permet de changer le style en gras*/ p {font-variant: small-caps; /*Permet de réaliser de petites capitales*/ 4

6 LES PROPRIÉTÉS POUR LES TEXTES p {text-transform: uppercase; /*Uppercase: texte en majuscule, lowercase: texte en minuscule */ p {text-decoration: underline; /*Underline: souligné, line-through: texte barré, none: aucun*/ LES PROPRIÉTÉS POUR LES LISTES ul {list-style-type: none; /*Supprime l'affichage des puces*/ ul {padding-left: 0px; margin-left: 0px; /*Supprime la marge des puces ou le padding selon les navigateurs*/ ul {list-style-position: inside; /*Ajoute les puces dans le <ul> si outside ou dans le <li> si inside*/ LES MARQUEURS POUR LES LISTES ORDONNÉES ul {list-style-type: square; /*Puces carrées: square, cercles: circle, lettres majuscules: upper-alpha, lettres minuscules: lower-alpha*/ LES PROPRIÉTÉS POUR LES BOITES.essai { background: lightgrey; width: 500px; /*Largeur: haut, droite, gauche, bas*/ margin: px 0; padding: 10px 0 10px 0; border: solid 4px black; PROPRIÉTÉS DES BORDURES.essai {border: dotted 4px black; /*Petits points*/.essai {border: dashed 4px black; /*Tirets*/.essai {border: double 4px black; /*Double bordure*/.essai {border: groove 4px black; /*Aspect ombré (pas sur tous les navigateurs*/.essai {border: ridge 4px black; /*L'inverse (pas sur tous les navigateurs)*/ LE POSITIONNEMENT FLOTTANT img{float: left; /*Image flotte sur la gauche et ne contribue plus à son élément parent */ #annulefloat {clear: both; /*Annule le flottement à partir de l'id annulefloat */ 5

7 LES PROPRIÉTÉS LIÉES AUX TABLEAU table { border-spacing: 15px; /*Espace entre les cellules*/ table { border-collapse: collapse; /*Fusionner les bordures*/ caption-side: bottom; /*Position du titre du tableau*/ LE POSITIONNEMENT RELATIF #image { position: relative; left:60px; top:0px; /*Le positionnement relatif déplace un élément par rapport à sa position initiale*/ LE POSITIONNEMENT ABSOLU #elementparent{ position: relative; /*Pas besoin de coordonnées dans ce cas*/ #image1{ #image2{ position: absolute; /*La position absolue permet de positionner un élément par rapport à son élément parent si cet élément est positionné. Dans le cas contraire, l'élément se positionne par rapport à la page*/ left: 145px; right: 10px; z-index: 2; /*Permet de définir quelle image est en avant-plan dans le cas d'une superposition*/ #image3{ position: absolute; /*Positionné pour permettre l'utilisation de z-index*/ z-index: 4; /*Le chiffre le plus élevé est devant*/ LE POSITIONNEMENT FIXE #menu { position: fixed; /*Permet de fixer un élément sur la page*/ z-index: 2; #p { position: relative; top: 120px; z-index:1; /*Permet d'éviter la superposition des éléments*/ 6

8 LES PROPRIÉTÉS D'AFFICHAGE #invisible { visibility: hidden; /*Masque mais conserve la place*/ #nonaffiche { display: none; /*Masque et ne conserve pas la place*/ #inline { display: inline; /*Transforme les balises blocs pour les afficher comme des balises inline(utile dans les menus*/ #inlinebloc { display: inline-block; /*Permet d'aligner et de conserver les propriétés des blocs*/ LES COULEURS EN CSS p {color: #ffffff; /*Hexadécimal*/ p {color: white; /*Mot*/ p {color: rgb(255,255,255); /*Couleur RGB*/ p {color: rgba (255,255,255,0.5); /*Permet de définir une opacité*/ GÉRER LA TRANSPARENCE DES ÉLÉMENTS img {opacity: 0.5; LE CENTRAGE DES ÉLÉMENTS #bloc {margin: 0 auto; /*Pour centrer un bloc*/ #bloc{padding:5px; /*Pour centrer le contenu d'un élément*/ p{text-align: center; /*Pour centrer un texte*/ 7

9 MEMENTO CSS3 TEXTES Propriété Valeurs (exemples) Description font-family police1, police2, police3, serif, sansserif, monospace Nom de Nom et source de la police Police personnalisée font-size font-weight font-style text-decoration 1.3em, 16px, 120%... bold, normal italic, oblique, normal underline, overline, line-through, blink, none Taille du texte Gras Italique Soulignement, ligne au-dessus, barré ou clignotant font-variant text-transform small-caps, normal capitalize, lowercase, uppercase Petites capitales Capitales font - Super propriété de police. Combine : font-weight,fontstyle, font-size, fontvariant, font-family. text-align left, center, right, justify Alignement horizontal vertical-align baseline, middle, sub, super, top, bottom Alignement vertical (cellules de tableau ou éléments inline-block uniquement) line-height text-indent white-space word-wrap 18px, 120%, normal... 25px pre, nowrap, normal break-word, normal Hauteur de ligne Alinéa Césure Césure forcée 8

10 text-shadow 5px 5px 2px blue (horizontale, verticale, fondu, couleur) Ombre de texte COULEURS color nom, rgb(rouge,vert,bleu), rgba(rouge,vert,bleu,tr ansparence), #CF1A20... Couleur du texte background-color background-image Identique à color url('image.png') Couleur de fond Image de fond backgroundattachment fixed, scroll Fond fixe background-repeat repeat-x, repeat-y, norepeat, repeat Répétition du fond background-position (x y), top, center, bottom, left, right Position du fond background - Super propriété du fond. Combine :backgroundimage, backgroundrepeat,background-attachment, background-position opacity 0.5 Transparence TABLEAUX cursor crosshair, default, help, move, pointer, progress, text, wait, e-resize, ne-resize, auto... Curseur de souris border-collapse empty-cells caption-side collapse, separate hide, show bottom, top Fusion des bordures Affichage des cellules vides Position du titre du tableau 9

11 CURSEUR SOURIS BOITES width height min-width max-width min-height max-height margin-top margin-left margin-right margin-bottom margin 150px, 80% px, 80% px, 80% px, 80% px, 80% px, 80%... 5px 5px (haut, droite, bas, gauche) Largeur Hauteur Largeur minimale Largeur maximale Hauteur minimale Hauteur maximale Marge en haut Marge à gauche Marge à droite Marge en bas Super-propriété de marge. Combine : margin-top, margin-right,marginbottom, marginleft. padding-left padding-right Marge intérieure à gauche Marge intérieure à droite paddingbottom Marge intérieure en bas padding-top padding 5px 5px (haut, droite, bas, gauche) Marge intérieure en haut Super-propriété de marge intérieure. Combine : padding-top, padding-right,paddingbottom, paddingleft. border-width border-color 3px nom, rgb(rouge,vert,bleu), rgba(rouge,vert,bleu,transparen ce), #CF1A20... Épaisseur de bordure Couleur de bordure border-style solid, dotted, dashed, double, groove, ridge, inset, outset Type de bordure 10

12 border 3px solid black Super-propriété de bordure. Combineborderwidth, bordercolor, border-style. Existe aussi en version border-top, border-right, borderbottom, border-left. border-radius box-shadow 5px 6px 6px 0px black (horizontale, verticale, fondu, couleur) Bordure arrondie Ombre de boîte POSITION display block, inline, inline-block, table, table-cell, none... Type d'élément (block, inline, inlineblock, none ) visibility clip visible, hidden rect (0px, 60px, 30px, 0px) rect (haut, droite, bas, gauche) Visibilité Affichage d'une partie de l'élément overflow float clear position top bottom left right auto, scroll, visible, hidden left, right, none left, right, both, none relative, absolute, static 20px 20px 20px 20px Comportement en cas de dépassement Flottant Arrêt d'un flottant Positionnement Position par rapport au haut Position par rapport au bas Position par rapport à la gauche Position par rapport à la droite z-index 10 Ordre d'affichage en cas de superposition. La plus grande valeur est affichée par-dessus les autres. 11

13 LISTES list-style-type disc, circle, square, decimal, lower-roman, upper-roman, loweralpha, upper-alpha, none Type de liste list-style-position list-style-image inside, outside url('puce.png') Position en retrait Puce personnalisée list-style - Super-propriété de liste. Combine list-style-type, liststyle-position,liststyle-image. 12

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

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

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, CSS, JS et CGI. Elanore Elessar Dimar HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML

Plus en détail

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

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

Plus en détail

1. La notion de cascade

1. La notion de cascade HTML 5 et CSS 3 (partie 2) Objectifs Connaître quelques notions avancées de CSS 3, Appréhender l affichage, Introduction au Responsive Web Design. 1. La notion de cascade On constate que l on peut avoir

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

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

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

Plus en détail

RESPONSIVE WEB DESIGN

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

Plus en détail

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

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

Plus en détail

UN SITE WEB RESPONSIVE EN UNE HEURE?

UN SITE WEB RESPONSIVE EN UNE HEURE? UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N

Plus en détail

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014

Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014 Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire

Plus en détail

Utilisation de l éditeur.

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

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Travaux dirigés n 10

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

Plus en détail

{less} Guide de démarrage

{less} Guide de démarrage {less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site

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

Grille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design

Grille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design Grilles Fluides CSS CREATION D UNE GRILLE FLUIDE Grille fluide Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design WWW.SUTTERLITY.FR

Plus en détail

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs Sommaire 1/ Grille 2/ Specs globales 3/ Specs HP 4/ Specs Questions 5/ Specs Offre 6/ Specs Faq 7/ Comportements interactifs 1/ Grille et breakpoints Desktop :

Plus en détail

Intégrateur Web HTML5 CSS3

Intégrateur Web HTML5 CSS3 Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou

Plus en détail

Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS:

Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS: 1 La taille et la résolution de l'écran des ordinateurs portables, des ordinateurs de bureau, des tablettes et des smartphones peuvent considérablement varier. C'est pour cette raison, que les sites Web

Plus en détail

Débuter avec Excel. Excel 2007-2010

Débuter avec Excel. Excel 2007-2010 Débuter avec Excel Excel 2007-2010 Fabienne ROUX Conseils & Formation 10/04/2010 TABLE DES MATIÈRES LE RUBAN 4 LE CLASSEUR 4 RENOMMER LES FEUILLES DU CLASSEUR 4 SUPPRIMER DES FEUILLES D UN CLASSEUR 4 AJOUTER

Plus en détail

Responsive Design. Technologies du web. Stéphane Bouvry, 2014

Responsive Design. Technologies du web. Stéphane Bouvry, 2014 Responsive Design Technologies du web Stéphane Bouvry, 2014 1. Objectif Utilisation de CSS pour la mise en page 2. Diapos Le responsive design : http://goo.gl/dmh8is 3. Grille fluide Dans cette partie,

Plus en détail

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information TP Numéro 2 CRÉER ET MANIPULER DES TABLEAUX (Mise en forme, insertion, suppression, tri...) 1 CRÉER UN TABLEAU 1.1 Présentation Pour organiser et présenter des données sous forme d un tableau, Word propose

Plus en détail

101 Réaliser et publier un site WEB

101 Réaliser et publier un site WEB 101 Réaliser et publier un site WEB Rapport personnel de module EMF - Section informatique John Baudin Module du.2008 au.2008 Table des matières 1 Introduction... 1 2 Le XHTML... 1 2.1 Les balises... 1

Plus en détail

Freeway 7. Nouvelles fonctionnalités

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

Plus en détail

BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel

BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel BUREAUTIQUE Maîtriser les fonctions de base du logiciel Premiers pas dans Word - Présentation de l interface - Mode affichage écran - Méthode de Sélection, de Déplacement - La gestion crante des documents

Plus en détail

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net

Plus en détail

STID 2ème année : TP Web/PHP

STID 2ème année : TP Web/PHP STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction

Plus en détail

Alain DI MAGGIO Mise à jour sur le site 11/01/10 http://www.admexcel.com

Alain DI MAGGIO Mise à jour sur le site 11/01/10 http://www.admexcel.com Alain DI MAGGIO Mise à jour sur le site 11/01/10 http://www.admexcel.com TABLE DES MATIERES L UTILISATION DES RUBANS... 3 LE CLASSEUR... 3 RENOMMER LES FEUILLES DU CLASSEUR... 3 SUPPRIMER DES FEUILLES

Plus en détail

TIC INFORMATIQUE Ce que je dois retenir

TIC INFORMATIQUE Ce que je dois retenir TIC INFORMATIQUE Ce que je dois retenir 6 ème Synthèse N 1 Rappel : - L informatique est un outil utilisé dans toutes les matières, et est présente, de plus en plus, dans les foyers. - Les compétences

Plus en détail

à l édition de textes

à l édition de textes Introduction à l édition de textes Introduction Le traitement de texte consiste en la création et la modification de textes (appelés aussi documents) à l'aide d'un ordinateur. Les premiers logiciels de

Plus en détail

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises

Plus en détail

qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz mqwertyuiopasdfghjklzxcvbnmqwert

qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz mqwertyuiopasdfghjklzxcvbnmqwert qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz INITIATION à Word 2007 xcvbnmqwertyuiopasdfghjklzxcvbn Cours informatiques Année 2009/2010 mqwertyuiopasdfghjklzxcvbnmqwert

Plus en détail

Media queries : gérer différentes zones de visualisation

Media queries : gérer différentes zones de visualisation 2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d

Plus en détail

Manuel utilisateur du CMS Anan6

Manuel utilisateur du CMS Anan6 Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants

Plus en détail

Carta Genius Guide utilisateur

Carta Genius Guide utilisateur Guide utilisateur Version 5.2.0 20 juin 2006 Amaury Bouchard Association Pandocréon Statut de ce document Ce document décrit le logiciel et explique pas-à-pas l'ensemble des fonctionnalités qu'il propose.

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

Plus en détail

Mon aide mémoire traitement de texte (Microsoft Word)

Mon aide mémoire traitement de texte (Microsoft Word) . Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux

Plus en détail

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

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

Plus en détail

Utilisation de l'outil «Open Office TEXTE»

Utilisation de l'outil «Open Office TEXTE» PRESENTATION / FORMATION Utilisation de l'outil «Open Office TEXTE» Présentation générale : OpenOffice Texte est un traitement de texte assez similaire à celui proposé par Microsoft ; il est d'ailleurs

Plus en détail

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,

Plus en détail

Comment insérer une image de fond?

Comment insérer une image de fond? COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document

Plus en détail

Alors "Web" c'est le service Internet permettant de naviguer à travers des pages Web.

Alors Web c'est le service Internet permettant de naviguer à travers des pages Web. 1. Langage HTML Cette chapitre explique ce qu'est un site Web et ainsi contient les information de base sur le langage HTML, langage qui permet la réalisation de pages Web. Quand on utilise le mot Internet,

Plus en détail

Comment sélectionner des sommets, des arêtes et des faces avec Blender?

Comment sélectionner des sommets, des arêtes et des faces avec Blender? Comment sélectionner des sommets, des arêtes et des faces avec Blender? VVPix v 1.00 Table des matières 1 Introduction 1 2 Préparation d une scène test 2 2.1 Ajout d objets dans la scène.........................................

Plus en détail

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

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

Plus en détail

HTML5 et CSS3 pour des sites Responsive Web Design

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

Plus en détail

Mise en forme d'un document écrit sous Word - quelques rappels pour consolider ses connaissances -

Mise en forme d'un document écrit sous Word - quelques rappels pour consolider ses connaissances - Mise en forme d'un document écrit sous Word - quelques rappels pour consolider ses connaissances - Le Brevet Informatique et Internet (B2i) a pour objectif de faire acquérir un ensemble de compétences

Plus en détail

Le piratage informatique. Rapport de projet. Spécialité Informatique 1 re année. DEJOUR Kévin SOUVILLE Jean-François. Suivi : Mokhtari-Brun Myriam

Le piratage informatique. Rapport de projet. Spécialité Informatique 1 re année. DEJOUR Kévin SOUVILLE Jean-François. Suivi : Mokhtari-Brun Myriam 6, bd maréchal Juin F-14050 Caen cedex 4 Spécialité Informatique 1 re année Rapport de projet Le piratage informatique DEJOUR Kévin SOUVILLE Jean-François Suivi : Mokhtari-Brun Myriam 2 e semestre 2005-2006

Plus en détail

Notes de Cours. Geneviève Berck

Notes de Cours. Geneviève Berck Notes de Cours Geneviève Berck MISE EN MARCHE Cliquez deux fois sur l'icône du OpenOffice dans le bureau. Attendez l'apparition de l'écran du traitement de texte expliqué à la page suivante. Cours d'openoffice

Plus en détail

L informatique et la formation en direction des élus

L informatique et la formation en direction des élus L informatique et la formation en direction des élus ICE version 2.30 Edité le 30 juillet 2011 Référence Client :............ Votre Contact :............... INOVA3 Sarl au capital de 9200 Euros Siret 441761798

Plus en détail

// HTML, Javascript XHTML & CSS

// HTML, Javascript XHTML & CSS design graphique / web design // HTML, Javascript XHTML & CSS version 1.0 date 28 / 04 / 2010 auteur Loïc Swiny contact mr@sweeen.com // sommaire HTML 01. Introduction au langage HTML 02. Introduction

Plus en détail

Note de cours. Introduction à Excel 2007

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

Plus en détail

Celui qui vous parle. Yann Vigara

Celui qui vous parle. Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle [Spa m] Yann Vigara Fondateur et directeur technique d'atomes Dans l'administration système depuis 1999 Tombé dans

Plus en détail

REPUBLIQUE ALGERIENNE DEMOCRATIQUE ET POPULAIRE MINISTERE DE LA FORMATION PROFESSIONNELLE. Microsoft. Excel XP

REPUBLIQUE ALGERIENNE DEMOCRATIQUE ET POPULAIRE MINISTERE DE LA FORMATION PROFESSIONNELLE. Microsoft. Excel XP IFP Birkhadem Alger Rue des trois frères Djillali 1 REPUBLIQUE ALGERIENNE DEMOCRATIQUE ET POPULAIRE MINISTERE DE LA FORMATION PROFESSIONNELLE INSTITUT DE LA FORMATION PROFESSIONNELLE DE BIRKHADEM Initiation

Plus en détail

ENVOI EN NOMBRE DE Mails PERSONNALISES

ENVOI EN NOMBRE DE Mails PERSONNALISES MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel

Plus en détail

Mémento sommaire. pour l utilisation de. Microsoft WORD

Mémento sommaire. pour l utilisation de. Microsoft WORD Département de sociologie Université de Caen Mémento sommaire pour l utilisation de Microsoft WORD Alain LÉGER Sommaire PRESENTATION GENERALE...2 AVERTISSEMENT...2 OUVERTURE ET ENREGISTREMENT...2 ORGANISATION

Plus en détail

Edition de sites Jahia 6.6

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

Plus en détail

Parcours FOAD Formation EXCEL 2010

Parcours FOAD Formation EXCEL 2010 Parcours FOAD Formation EXCEL 2010 PLATE-FORME E-LEARNING DELTA ANNEE SCOLAIRE 2013/2014 Pôle national de compétences FOAD Formation Ouverte et A Distance https://foad.orion.education.fr Livret de formation

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

Soyez accessible. Manuel d utilisation du CMS

Soyez accessible. Manuel d utilisation du CMS Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise

Plus en détail

BML Informatique Tableur OpenOffice.org Calc Mercredi 8 avril 2015

BML Informatique Tableur OpenOffice.org Calc Mercredi 8 avril 2015 BML Informatique Tableur OpenOffice.org Calc Mercredi 8 avril 2015 Un tableur est un logiciel qui permet de créer et d'utiliser des feuilles de calcul électronique afin de réaliser des tableaux et des

Plus en détail

Atelier Formation Pages sur ipad Pages sur ipad

Atelier Formation Pages sur ipad Pages sur ipad Pages sur ipad 1/43 Table des matières Atelier Formation Pages sur ipad Introduction à Pages 3 Créer ou ouvrir un document 3 Créer ou ouvrir un document 3 Textes et images du modèle 4 Remplacer du texte

Plus en détail

Normes techniques 2011

Normes techniques 2011 Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique

Plus en détail

Les sites web avec NVU

Les sites web avec NVU Les sites web avec NVU Table Des Matières Les sites web avec NVU Les bases du web Les protocoles réseaux Le Web Uniform Resource Locator Recherche d'informations Création et gestion d un site Web Utiliser

Plus en détail

Stage «Créer et animer un site Web en équipe»

Stage «Créer et animer un site Web en équipe» Stage «Créer et animer un site Web en équipe» EREA Jean Isoard - Montgeron Jour 1 21/12/2012 Réaliser un site web Pour quoi faire? Publier sur le Web réaliser un journal en ligne (blog) écrire une ou plusieurs

Plus en détail

NOTICE TELESERVICES : Créer mon compte personnel

NOTICE TELESERVICES : Créer mon compte personnel NOTICE TELESERVICES : Créer mon compte personnel Sommaire Sommaire... 1 Objet de la notice... 1 A qui s adresse cette notice?... 1 Pré-requis... 1 Le guide pas à pas pour créer votre compte personnel...

Plus en détail

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

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

Plus en détail

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles

Plus en détail

Traitement de texte : Quelques rappels de quelques notions de base

Traitement de texte : Quelques rappels de quelques notions de base Traitement de texte : Quelques rappels de quelques notions de base 1 Quelques rappels sur le fonctionnement du clavier Voici quelques rappels, ou quelques appels (selon un de mes profs, quelque chose qui

Plus en détail

MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA

MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA OBJECTIFS : manipuler les fenêtres et l environnement Windows, gérer ses fichiers et dossiers, lancer les applications bureautiques présentes sur son poste. PUBLIC

Plus en détail

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site

Plus en détail

INITIATION A EXCEL 2007. Année 2009 2010

INITIATION A EXCEL 2007. Année 2009 2010 Qwertyuiopasdfghjklzxcvbnmqwertyu iopavbnmqwertyuiopasdfghjklzxcvbn mqwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfghjklzxc vbnmqwertyuiopasdfghjklzxcvbnmqw

Plus en détail

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes Créer son site Internet avec un outil gratuit Mardi 4 novembre 2014 Cédric ARNAULT OT Lourdes Présentation de la journée - Créer un site Internet : Pourquoi? Pour qui? Comment? - - Aller plus loin avec

Plus en détail

Luc Brun. Création de pages Web Dynamiques p.1/75

Luc Brun. Création de pages Web Dynamiques p.1/75 Création de pages Web Dynamiques Luc Brun Création de pages Web Dynamiques p.1/75 Place du HTML GET http://www. monssite.com HTTP 1.0 Content type: text/html ... Création de pages Web Dynamiques

Plus en détail

Manuel de mise en page de l intérieur de votre ouvrage

Manuel de mise en page de l intérieur de votre ouvrage Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est

Plus en détail

1. Démarrage de l ordinateur

1. Démarrage de l ordinateur Atelier réalisé par Patricia Wasko Netsteward Administration Communale de Seneffe Service Informatique 1. Démarrage de l ordinateur Au démarrage de votre ordinateur, vous devez tout d abord ouvrir une

Plus en détail

Rédigez efficacement vos rapports et thèses avec Word (2ième édition)

Rédigez efficacement vos rapports et thèses avec Word (2ième édition) Introduction A. Introduction 11 B. Structure de l ouvrage 12 C. Le vocabulaire indispensable 13 1. La fenêtre de travail 13 2. Les boîtes de dialogue 15 3. Le mode connecté et le cloud computing 17 4.

Plus en détail

Présentation du Framework BootstrapTwitter

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

Plus en détail

Les différentes étapes à suivre pour la création d un feuillet

Les différentes étapes à suivre pour la création d un feuillet Les différentes étapes à suivre pour la création d un feuillet Bonjour, L outil de gestion des feuillets permet de manière simple et rapide de gérer à moindre coût votre communication et vos impressions

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

Date M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B

Date M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B Excel : Réalisation d un classeur Compta Saisir les étiquettes Renommer la première feuille Compta Laisser la première ligne vide et sur la deuxième ligne saisir les étiquettes Se placer sur A2 et saisir

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

Plus en détail

GUIDE Excel (version débutante) Version 2013

GUIDE Excel (version débutante) Version 2013 Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte

Plus en détail

1 INTRODUCTION. PowerBuilder - Introduction. Pascal Buguet Imprimé le 19 août 2004 Page 1

1 INTRODUCTION. PowerBuilder - Introduction. Pascal Buguet Imprimé le 19 août 2004 Page 1 1 INTRODUCTION 1 INTRODUCTION... 1 1.1 A quoi sert Power Builder?... 2 1.2 Principaux Concepts... 4 1.3 Une première application... 6 1.3.1 Création du Workspace... 7 1.3.2 Création de l application...

Plus en détail

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado - RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et

Plus en détail

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

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

Plus en détail

Zen, SASS, responsive design

Zen, SASS, responsive design , SASS, responsive design Felip Manyer i Ballester Res Telæ 21 mai 2013 Felip Manyer i Ballester, SASS, responsive design 1/36 Plan 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie

Plus en détail

Tout savoir sur le clavier

Tout savoir sur le clavier Tout savoir sur le clavier Niveau débutant Niveau intermédiaire Niveau confirmé Le clavier est un périphérique d entrée (interface homme / machine), composé de touches envoyant des instructions à la machine.

Plus en détail

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off

Plus en détail

CREER ET ANIMER SON ESPACE DE TRAVAIL COLLABORATIF

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

Plus en détail

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

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

Plus en détail

Université Bordeaux 1. Formation Excel 2007. Initiation. Hanquiez Vincent, UMR 5805-EPOC

Université Bordeaux 1. Formation Excel 2007. Initiation. Hanquiez Vincent, UMR 5805-EPOC Université Bordeaux 1 Formation Excel 2007 Initiation Hanquiez Vincent, UMR 5805-EPOC PREAMBULE Ce fascicule de formation a été élaboré à partir des cours Bardon : Bardon. Accueil, Word, Excel, Powerpoint,

Plus en détail