Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

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

Download "Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design"

Transcription

1 Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap A. L objectif 18 B. Télécharger Bootstrap Les deux possibilités Télécharger la distribution Télécharger les sources 19 C. Le dossier de distribution Le dossier dist Le dossier css Le fichier bootstrap.css Le fichier bootstrap-theme.css Le dossier fonts Le dossier js 23 D. La structure d un site simple Le dossier du site Les pages Web en HTML La structure des fichiers L en-tête <head> de la page 26 1/18

2 5. Le corps de la page et les règles CSS L affichage de la page Le code complet 28 E. La compatibilité avec Internet Explorer L objectif Télécharger la librairie html5shiv.js Télécharger la librairie respond.min.js La structure du site Web La liaison aux librairies Les liaisons vers les sites de dépôt 32 F. Les librairies JavaScript L objectif La structure du site Web La liaison au JavaScript de Bootstrap Télécharger jquery Lier la librairie jquery Le code complet La liaison au site de dépôt 37 G. Les outils de l intégrateur Web Les objectifs Mozilla Firefox Google Chrome Apple Safari Microsoft Internet Explorer 42 Chapitre 3 : Les CSS pour le texte A. L objectif 44 B. Les liaisons à Bootstrap et aux librairies 44 2/18

3 C. Le corps de la page 45 D. Les en-têtes 46 E. Les mises en évidence 48 F. L alignement du texte 48 G. Le texte coloré 49 H. Les abréviations 50 I. Les adresses 51 J. Les citations Une citation simple Une citation en paragraphe La source de la citation L alignement à droite 53 K. Les listes Les listes classiques Les listes sans décoration Les listes en ligne Les listes de définitions classiques Les listes de définitions spéciales 57 L. L'affichage du code L élément <code> L élément <pre> L élément <pre> avec un défilement 59 3/18

4 Chapitre 4 : Les CSS pour les tableaux A. L objectif 64 B. Les liaisons à Bootstrap et aux librairies 64 C. Les tableaux simples Les tableaux en pleine largeur Les tableaux à largeur fixe 67 D. Les lignes en alternance 68 E. Les tableaux encadrés 69 F. Le survol des lignes 69 G. Les tableaux étroitisés 70 H. Les mises en évidence colorées 71 I. Les tableaux adaptatifs 74 Chapitre 5 : Les CSS pour les formulaires A. L objectif 76 B. Les liaisons à Bootstrap et aux librairies 76 C. La structure de base Les classes.form-group et.form-control Les propriétés de.form-group et.form-control 78 4/18

5 3. Les autres sélecteurs CSS 79 D. Les formulaires en ligne 80 E. L alignement vertical dans les formulaires 81 F. Les éléments des formulaires Un champ de texte Une zone de saisie multiligne Les cases à cocher et les boutons radio Les cases à cocher et les boutons radio en ligne Les listes 86 G. Les mises en forme spéciales Les exemples de saisie Les champs actifs et inactifs Les champs colorés L aide textuelle La largeur des éléments 92 Chapitre 6 : Les CSS pour les boutons A. L objectif 96 B. Les liaisons à Bootstrap et aux librairies 96 C. Les boutons colorés 97 D. La largeur des boutons 100 E. Les boutons en bloc 101 5/18

6 F. Les boutons inactifs 102 G. Les boutons de formulaire 103 Chapitre 7 : Les CSS pour les images A. L objectif 106 B. Les liaisons à Bootstrap et aux librairies 106 C. Les images aux coins arrondis 107 D. Les images dans un ovale et un cercle 107 E. Les images avec un cadre 109 F. Les images adaptatives 110 G. Les carrousels d images 111 Chapitre 8 : Les CSS pour la mise en page A. L objectif 114 B. Les liaisons à Bootstrap et aux librairies 114 C. Le flottement des blocs 115 D. Interdire le flottement 116 6/18

7 1. La problématique La solution de Bootstrap 117 E. Masquer des éléments 118 Chapitre 9 : La grille adaptative A. L objectif 120 B. Les grilles de mise en page Les grilles des pages imprimées Les grilles des pages Web 121 C. Le Responsive Web Design Le design adaptatif Les requêtes de média Les critères 123 D. Les largeurs des écrans et des conteneurs La taille des écrans La largeur du conteneur La largeur des boîtes avec Bootstrap Le modèle du conteneur L utilisation des lignes et de la classe.row 128 E. La largeur des colonnes Les classes dédiées Les largeurs des colonnes 131 F. Un exemple simple de mise en page L objectif Les liaisons à Bootstrap et aux JavaScript La structure de la page 135 7/18

8 4. Les styles CSS personnels de la page L affichage sur les grands écrans L affichage sur les écrans moyens L affichage sur une tablette L affichage sur un smartphone 146 G. Un exemple évolué de mise en page L objectif Les liaisons à Bootstrap et aux JavaScript La structure de la page Le code de la page L'affichage sur les écrans d ordinateur L'affichage sur les tablettes L'affichage sur les smartphones 155 H. Les blocs décalés La syntaxe pour une boîte La syntaxe pour plusieurs boîtes 157 I. Afficher et masquer des éléments L objectif Les classes Un exemple Le code complet L affichage sur un écran large L affichage sur un smartphone 165 Chapitre 10 : Les composants des pages Web A. L objectif 168 B. Les liaisons à Bootstrap et aux librairies 168 8/18

9 C. Les lancements L objectif La structure Les règles CSS Jumbotron 170 D. Les en-têtes de page L objectif La structure Les règles CSS 171 E. Les miniatures L objectif La structure pour une miniature simple La structure pour une miniature plus élaborée 174 F. Les listes d images L objectif La liste des images La liste des images imbriquées 179 G. Les panneaux L objectif Les panneaux Un panneau simple Un panneau avec un en-tête et un pied de page Des panneaux colorés Les panneaux avec un tableau Les panneaux avec une liste 185 Chapitre 11 : Les composants pour les boutons A. L objectif 188 9/18

10 B. Les liaisons et la structure 188 C. Une barre de boutons simple 189 D. Une barre verticale de boutons 190 E. Une barre de groupe de boutons 191 F. La largeur des boutons sur la grille adaptative 192 G. Les boutons justifiés 193 H. Les boutons déroulants 194 I. Un bouton déroulant simple 196 J. La couleur des boutons 198 K. Les boutons avec triangle basculant Le déroulé vers le bas Le déroulé vers le haut La largeur des boutons 201 L. Les champs avec des boutons L objectif Des informations à gauche et à droite La taille des boutons inclus Les boutons radio et cases à cocher Insérer un bouton actif Un bouton déroulant Un bouton déroulant avec triangle actif /18

11 Chapitre 12 : Les composants de navigation et de pagination A. L objectif 210 B. Les liaisons et la structure 210 C. La navigation par onglets 211 D. La navigation par onglets-boutons 213 E. La navigation par onglets-boutons verticaux 213 F. La navigation par onglets justifiée 214 G. Les liens inactifs dans les onglets 215 H. Un bouton déroulant dans les onglets 216 I. La barre de navigation simple 217 J. La barre de navigation avec un en-tête 218 K. La barre de navigation avec un bouton déroulant 219 L. La barre de navigation avec un champ de recherche 220 M. La barre de navigation avec un lien à droite 221 N. La barre de navigation avec un lien actif 222 O. La barre de navigation avec des liens en bouton /18

12 P. La barre de navigation avec un texte fixe 223 Q. La barre de navigation noire 224 R. La barre de navigation fixée en haut de l écran 225 S. La barre de navigation pour smartphone L objectif La structure La barre de navigation classique La mise en forme du bouton pour les smartphones L affichage 230 T. Le fil d Ariane 231 U. La pagination L objectif La pagination par défaut Les liens actifs et inactifs La taille de la pagination 235 V. Les pages précédente et suivante L objectif Les pages précédente et suivante standard Les pages précédente et suivante alignées Les pages précédente et suivante inactives 238 Chapitre 13 : Les composants d interface d administration A. L objectif /18

13 B. Les liaisons et la structure 240 C. Les icônes en glyphe Des icônes en police de caractères Utiliser une icône Insertion dans un bouton 243 D. Les étiquettes 243 E. Les badges L objectif Un simple badge Une mise en forme évoluée 246 F. Les alertes L objectif Les alertes simples Les alertes avec un lien 250 G. Les barres de progression L objectif La barre de progression simple Les barres de progression colorées Les barres de progression hachurées Les barres de progression animées Les barres de progression empilées 254 H. Les listes ouvertes L objectif Afficher une liste ouverte L alignement à droite Les en-têtes de liste Les items inactifs /18

14 I. Les listes d éléments L objectif Une liste simple Une liste de liens interactifs 261 J. Les encadrés L objectif Les encadrés simples Les tailles des encadrés 264 Chapitre 14 : Les plugins JavaScript A. L objectif 266 B. Les prérequis techniques La liaison à Bootstrap Les plugins JavaScript 267 C. Les bulles d aide L objectif Les bulles d aide simples L orientation des bulles d aide 268 D. Les popovers L objectif Le code utilisé L affichage 271 E. Les fenêtres modales L objectif La fenêtre modale Le bouton de fermeture /18

15 4. Le bouton d affichage Le code complet L utilisation 274 F. Les accordéons L objectif L accordéon Le code complet L utilisation 278 G. Les carrousels d images L objectif Les conteneurs Le carrousel Le code complet du carrousel L affichage 284 H. Une barre de navigation fixe L objectif La structure La barre de navigation Le document Les styles CSS personnalisés L affichage 287 I. Une barre de navigation fixe avec les liens actifs L objectif La structure Le contenu La barre de navigation Le corps de la barre Les styles personnels L affichage /18

16 Chapitre 15 : Créer des sites avec Bootstrap A. Les objectifs 294 B. Créer un site avec un template Le site Start Bootstrap Les fichiers du template Le fichier HTML La structure générale La barre de navigation Le message d accueil Le titre central Les articles Le pied de page 306 C. Créer un site avec un thème Le site Bootswatch Installation du thème Des exemples de pages 310 D. Créer un site avec un constructeur L objectif Le site Layoutit! Le projet Utiliser l interface de construction Un modèle vierge La partie supérieure du site La partie centrale Le pied de page Terminer la maquette Télécharger les sources 329 Chapitre 16 : Des sites réalisés avec Bootstrap 16/18

17 A. Les objectifs 332 B. L étude d un site Bootstrap Le site differential.io Les affichages adaptatifs La structure générale La barre de navigation L image et le slogan d accueil La zone d activité La zone des entreprises et des produits La zone d information La zone du formulaire Le pied de page 344 C. WordPress et Bootstrap Les thèmes Les affichages adaptatifs La structure générale La barre des menus La zone centrale Le fil d Ariane et la liste des articles La sidebar Le pied de page 352 D. Joomla! et Bootstrap L administration de Joomla! Le template Protostar La structure générale L en-tête La barre des menus La partie centrale des articles Le fil d Ariane La colonne latérale /18

18 Index /18

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

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

Dreamweaver CC 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 Le Creative Cloud d Adobe 9 Interface de conception

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

Bootstrap - Developper un site web avec Bootstrap

Bootstrap - Developper un site web avec Bootstrap 2 Jours Bootstrap - Developper un site web avec Bootstrap dans CREATION WEB - SITE INTERNET Objectifs de la formation Bootstrap Comprendre les fondamentaux du responsive Design S'approprier le framework

Plus en détail

Dreamweaver - Créer son site internet avec Dreamweaver

Dreamweaver - Créer son site internet avec Dreamweaver 2 Jours Dreamweaver - Créer son site internet avec Dreamweaver dans CREATION WEB - SITE INTERNET Objectifs de la formation Création de site web avec Dreamweaver Concevoir un site Web en HTML avec les fonctions

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

Commandes de Word 2011 (menus, barres d outils, ruban) 1

Commandes de Word 2011 (menus, barres d outils, ruban) 1 Activer le mode plein Menu affichage > Activer le mode écran écran plein écran adresses de s (ignorer les adresses Internet et les adresses de s) orthographe> case à cocher ignorer les adresses Internet

Plus en détail

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22 SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

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

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

Firefox : un navigateur web libre

Firefox : un navigateur web libre Firefox : un navigateur web libre Niveau débutant Niveau intermédiaire Niveau confirmé Firefox est un navigateur Web libre et gratuit qui a connu un succès croissant. Créé par la fondation Mozilla Firefox,

Plus en détail

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition)

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition) Introduction A. La création de sites Web 20 B. Les langages 20 C. Le livre 20 1. Pour les designers Web 20 2. Le contenu 20 Chapitre 1 : L évolution de l HTML et des CSS A. Rapide historique de l Internet

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 Table des matières PREMIÈRE PARTIE

Plus en détail

Programme de Formation Open Office Base Fonctions avancées

Programme de Formation Open Office Base Fonctions avancées ENVIRONNEMENT GÉNÉRALITÉS Lancer Microsoft Excel 2010 Quitter Microsoft Excel 2010 Découvrir la fenêtre de l'application Excel 2010 Découvrir la fenêtre du classeur Utiliser le ruban Découvrir l'onglet

Plus en détail

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

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

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design A.F.L.I.M. Ateliers de Formations Linguistique Informatique Multimédia Formation HTML5 et CSS3 - Pour des sites Responsive Web Design Formation : Présentation du HTML5 Bref historique du HTML5 Lignes de

Plus en détail

Office 365 et SharePoint Configuration de l'espace de travail collaboratif et gestion du site d'équipe

Office 365 et SharePoint Configuration de l'espace de travail collaboratif et gestion du site d'équipe GÉNÉRALITÉS. Découverte 1 A- Présentation générale 1 B- Présentation des applications Office Web Apps 1 C- Les services dédiés au partage 1 1. Espace de travail 2 A- Description de la page d accueil Administrateur

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

Le tableur de la suite Open Office

Le tableur de la suite Open Office Le tableur de la suite Open Office Open Office est une suite bureautique qui comporte traitement de texte, tableur, Présentation Assistée par Ordinateur (PréAO), dessin et édition de pages Web au format

Plus en détail

Contenu Microsoft Access 2010

Contenu Microsoft Access 2010 Contenu Microsoft Access 2010 Module 1 Environnement Access 2010 Fichiers d apprentissage Logiciel Access 2010 Base de données Lancement d Access 2010 Ouverture d une base de données Fenêtre Access 2010

Plus en détail

GUIDE Word (version intermédiaire) Version 2013

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

Plus en détail

Leçon 1 Traitement de texte

Leçon 1 Traitement de texte Leçon Traitement de texte Objectifs Connaître les fonctions de base d un logiciel de traitement de texte ; Créer, enregistrer et charger un document texte ; Sélectionner, copier et déplacer un bloc de

Plus en détail

Modèle d administration élève

Modèle d administration élève Modèle d administration élève Stratégie Paramètre Commentaire Configuration utilisateur > Modèles d administration > Bureau Cacher l icône Emplacements réseau sur le Bureau Masquer toutes les icônes du

Plus en détail

jquery Mobile (HTML5, CSS3, JavaScript) Développez vos applications Web mobiles

jquery Mobile (HTML5, CSS3, JavaScript) Développez vos applications Web mobiles Caractéristiques du Web mobile 1. Définition du Web mobile 13 2. Un marché en expansion 15 2.1 Multiples fabricants de smartphones et tablettes 15 2.2 Multiples OS 15 2.3 Multiples navigateurs 17 2.4 Évolutions

Plus en détail

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin Créer son site web Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin 1 Personnaliser l'apparence du site Avec la distribution e-change 2 La version rapide 3 Choisir

Plus en détail

InDesign CS6 (édition enrichie de vidéos)

InDesign CS6 (édition enrichie de vidéos) L'interface Lancer InDesign 8 Interface de l application 8 Gérer le dock 13 Les groupes de panneaux 15 Les panneaux 16 Les docks 21 Personnaliser l environnement de travail 22 Les zones d édition 30 Créer

Plus en détail

Option du thème. Naxialis Thèmes wordpress Professionnels. Le panneau «thème option» 1. Onglet «générale»

Option du thème. Naxialis Thèmes wordpress Professionnels. Le panneau «thème option» 1. Onglet «générale» Option du thème Le panneau «thème option» 1. Onglet «générale» - Insertion Image ou logo avec aperçu. - Réglage de la hauteur de l entête. (header) - Réglage de la marge supérieur et de gauche du logo

Plus en détail

Réfléchir à l objectif de la base de données 26 Créer une nouvelle base de données 28 Créer une base de données à partir d un fichier existant 30

Réfléchir à l objectif de la base de données 26 Créer une nouvelle base de données 28 Créer une base de données à partir d un fichier existant 30 ENVIRONNEMENT Partie 1 GÉNÉRALITÉS Lancer OpenOffice.org Base 10 Quitter OpenOffice.org Base 10 La fenêtre de l'application OpenOffice.org Base 12 Utiliser les menus 14 Gérer l affichage des barres d'outils

Plus en détail

Créer un formulaire (une enquête) en ligne sur Google

Créer un formulaire (une enquête) en ligne sur Google Créer un formulaire (une enquête) en ligne sur Google Google vous permet de réaliser différents travaux en ligne, notamment des formulaires que vous pouvez ensuite envoyer via votre boîte Gmail et dont

Plus en détail

Recueil des Fiches Utilisateurs de «SharePoint»

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

Plus en détail

Démarrer avec Windows 8.1

Démarrer avec Windows 8.1 Généralités Windows 8 : une petite révolution? 5 Démarrer Windows 8 7 Ouvrir ou activer une nouvelle session 11 Utiliser les fonctionnalités tactiles 12 Utiliser l interface Windows 8 sur un écran tactile

Plus en détail

Contenu Windows 8 MODULE 1 AVANT-PROPOS MODULE 2 INTRODUCTION À WINDOWS 8 MODULE 4 APPLICATIONS WINDOWS 8 PARTIE 1 MODULE 3 PARAMÈTRES DE WINDOWS 8

Contenu Windows 8 MODULE 1 AVANT-PROPOS MODULE 2 INTRODUCTION À WINDOWS 8 MODULE 4 APPLICATIONS WINDOWS 8 PARTIE 1 MODULE 3 PARAMÈTRES DE WINDOWS 8 Contenu Windows 8 MODULE 1 AVANT-PROPOS CLAVIER SOURIS TERMINOLOGIE MODULE 2 INTRODUCTION À WINDOWS 8 SYSTÈME D EXPLOITATION WINDOWS 8 VERSIONS DE WINDOWS 8 ENVIRONNEMENT DE WINDOWS 8 ÉCRAN D ACCUEIL Démarrer

Plus en détail

Exploitation de logiciel

Exploitation de logiciel Exploitation de logiciel MICROSOFT WORD 2003 ENSEIGNANT /sassi med sami I- Introduction : Exploitation de logiciel Traitement de texte Un logiciel de traitement de texte nous permet de manipuler des textes

Plus en détail

Publier des données sur le Web

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

Plus en détail

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

Contenu Microsoft Windows 8.1

Contenu Microsoft Windows 8.1 Contenu Microsoft Windows 8.1 MODULE 1 AVANT-PROPOS CLAVIER SOURIS TERMINOLOGIE Modifier l apparence de l écran d accueil Modifier l avatar du compte FERMER UNE SESSION WINDOWS Redémarrer l ordinateur

Plus en détail

INTRODUCTION AU LOGICIEL SPHINX

INTRODUCTION AU LOGICIEL SPHINX INTRODUCTION AU LOGICIEL SPHINX Sphinx est un logiciel d'enquête et d'analyse des données. Il permet de vous assister dans chacune des quatre grandes étapes de réalisation d'une enquête : 1. L élaboration

Plus en détail

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE ETAPE 1 : CREATION DU QUESTIONNAIRE SIMPLE Nous allons concevoir un questionnaire sur les moyens de communications. Pour créer un formulaire, cliquez sur

Plus en détail

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/.

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/. Aide-mémoire Zotero est un logiciel de gestion bibliographique gratuit jusqu à 300 Mo et open source. Cet outil permet de collecter des références bibliographiques, de créer des bibliographies et d insérer

Plus en détail

Création du site dans Dreamweaver :

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

Plus en détail

Comment bloquer les cookies en fonction de votre navigateur? MOZILLA FIREFOX

Comment bloquer les cookies en fonction de votre navigateur? MOZILLA FIREFOX Comment bloquer les cookies en fonction de votre navigateur? MOZILLA FIREFOX Note : les cookies sont activés par défaut dans Firefox. Pour vérifier ou changer vos paramètres : 1. Sur la barre de menus,

Plus en détail

GetSimple 3 Le guide complet pour créer des sites web

GetSimple 3 Le guide complet pour créer des sites web Chapitre 1 : Installer GetSimple A. Les objectifs 12 B. Les prérequis pour les serveurs 12 C. Installer GetSimple en local sur Mac 12 1. Les serveurs 12 2. Installer MAMP 13 3. Les dossiers de MAMP 15

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

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Recueil des Fiches Utilisateurs de «SharePoint»

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

Plus en détail

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

Plus en détail

Présentation. Sommaire. février 2015

Présentation. Sommaire. février 2015 février 2015 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 Firefox ou dans une version

Plus en détail

F0RMAT I0N BUREAUTIQUE

F0RMAT I0N BUREAUTIQUE F0RMAT I0N BUREAUTIQUE Initiation & Perfectionnement wwwmegarunfr - info@megarunfr INIT IAT I0N INF0RMAT IQUE Pré requis : Aucun Objectif : Découvrir l'outil informatique Durée : 4 jours Présentation de

Plus en détail

Thèmes : Ateliers Bureautiques F2+ dans le cadre du DIF

Thèmes : Ateliers Bureautiques F2+ dans le cadre du DIF Thèmes : Ateliers Bureautiques F2+ dans le cadre du DIF Prise en main de l outil micro / Word / Excel / Internet : 20 h Perfectionnement de l outil micro : Word / Excel / Internet : 20 h Perfectionnement

Plus en détail

Utilisation des outils Easy Interactive Tools sous Mac OS

Utilisation des outils Easy Interactive Tools sous Mac OS Utilisation des outils Easy Interactive Tools sous Mac OS Après avoir téléchargé et installé les outils Easy Interactive Tools, vous pouvez utiliser les crayons inclus avec le projecteur BrightLinkMC pour

Plus en détail

Mon premier site. Avec l explorateur de Windows créer dans «Mes documents» un répertoire nommé WebMonPremierSite.

Mon premier site. Avec l explorateur de Windows créer dans «Mes documents» un répertoire nommé WebMonPremierSite. Mon premier site Avec Kompozer nous allons réaliser notre premier site composé, dans un premier temps, de 4 pages : Une page d accueil de présentation personnelle liée à 3 pages : Mes loisirs préférés,

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

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word.

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word. PRETASHOP LES OBJECTIFS : Vous verrez comment installer Joomla! localement puis sur un serveur distant, concevoir l organisation de votre site, rédiger vos premiers articles, maitriser les feuilles de

Plus en détail

La Licorne Formation Conseil, Formation Informatique

La Licorne Formation Conseil, Formation Informatique La Licorne Formation Conseil, Formation Informatique Formation FrontPage Création de page Web Durée standard préconisée : Public concerné : Objectif : Prérequis : 3 jours Tous Concevoir et réaliser des

Plus en détail

Word 2010 Expert Préparation à l'examen Microsoft Office Specialist (77-887)

Word 2010 Expert Préparation à l'examen Microsoft Office Specialist (77-887) Introduction Qu est-ce que la certification Microsoft Office Specialist? 11 Quels sont les intérêts de la certification? 11 Comment se passe un examen? 12 Comment réussir à l examen? 12 Et après? 12 Et

Plus en détail

Contenu Microsoft Office 2013

Contenu Microsoft Office 2013 Contenu Microsoft Office 2013 Avec Windows 8.1 MODULE 1 INTRODUCTION À WINDOWS 8.1 SYSTÈME D EXPLOITATION WINDOWS 8.1 ENVIRONNEMENT DE WINDOWS 8.1 ÉCRAN D ACCUEIL DÉMARRAGE D UNE APPLICATION Revenir à

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 3 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 3 pour WINDOWS Barre de titre Barre des menus Barre de commande (icônes

Plus en détail

Parcours FOAD Formation WINDOWS 7

Parcours FOAD Formation WINDOWS 7 Parcours FOAD Formation WINDOWS 7 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

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

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

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

ACCESS 2013 UTILISATEUR TABLE DES MATIERES

ACCESS 2013 UTILISATEUR TABLE DES MATIERES ENVIRONNEMENT...8 Lancer Access...9 Personnaliser l interface...9 L'écran...10 La barre d outils Accès rapide...12 Déplacer...13 Ajouter une commande à la barre...13 Supprimer un outil de la barre...13

Plus en détail

Introduction À Excel. Chapitre 1

Introduction À Excel. Chapitre 1 Chapitre 1 Introduction À Excel Qu est-ce qu un tableur? Démarrer Excel La fenêtre Excel Ouvrir et enregistrer un classeur Entrer des étiquettes et des valeurs Nommer et déplacer une feuille Mise en page

Plus en détail

Galerie de photo Sommaire du Manuel

Galerie de photo Sommaire du Manuel Galerie de photo Sommaire du Manuel 1 INTRODUCTION... 2 2 OU SE TROUVE LE MODULE GALERIE DE PHOTOS... 2 3 CREER UN NOUVEL ALBUM DE PHOTOS EN REALISANT UNE RUBRIQUE... 2 4 COMMENT VISUALISER LA GALERIE

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

Plus en détail

Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25

Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25 Page 1 /8 Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25 Section 1 Utilisation de l ordinateur Identification de l utilisateur o Ctrl+alt+suppr

Plus en détail

Safari, navigateur web intégré à Mac OS X

Safari, navigateur web intégré à Mac OS X Service informatique Enseignement Recherche Fiche n 50 13/11/2003 Safari, navigateur web intégré à Mac OS X Alternative à Internet Explorer et à Netscape, SAFARI est le navigateur web intégré à Mac OS

Plus en détail

LOUTRE - Notice d utilisation

LOUTRE - Notice d utilisation LOUTRE - Notice d utilisation Avant-propos Cette notice concerne l utilisation de l outil Loutre, disponible à l adresse : http://www.geo-hyd.com/loutre Pour toute question sur l outil ou la présente notice,

Plus en détail

Introduction à Dreamweaver CS4

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

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

Dossier d utilisation

Dossier d utilisation Dossier d utilisation Lancer le logiciel Microsoft WORD. Page 1 Ouvrir Un fichier existant Page 1 Créer (ou Ouvrir) un nouveau document Page 2 Sauvegarder un nouveau fichier Page 2 Enregistrer un document

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

Episciences Documentation Webmestre

Episciences Documentation Webmestre 1 Episciences Documentation Webmestre Prérequis: Pour pouvoir effectuer les actions décrites ci-dessous, vous devez posséder un compte dans Episciences avec les droits webmaster. Pour que votre compte

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge WINDOWS 10 Table des matières L environnement Windows 10 i Généralités Windows 10 : les nouveautés................................ 9 Intérêts d utiliser un compte Microsoft........................ 18 Démarrer

Plus en détail

Formation INTRA Ville de NARBONNE Migration Office 2013

Formation INTRA Ville de NARBONNE Migration Office 2013 Formation INTRA Ville de NARBONNE Migration Office 2013 www.cnfpt.fr WORD Généralités... 3 Accueil... 5 Insertions... 7 Création et Mise en page... 9 Publipostage... 11 Révisions... 13 OUTLOOK Généralités...

Plus en détail

InSite Prepress Portal

InSite Prepress Portal InSite Prepress Portal Système Version 6.0.1 Guide de démarrage rapide destiné au client SIB/IPP/CB/mars2010 2 Guide de démarrage rapide déstiné au client Insite 6.0 En quoi consiste InSite Prepress Portal?

Plus en détail

Remise à niveau Windows, Word, Excel, PowerPoint, Outlook

Remise à niveau Windows, Word, Excel, PowerPoint, Outlook Durée 7 jours (49 heures) Objectifs S approprier la nouvelle interface et les nouvelles fonctionnalités. Maîtriser les fonctions de base d Excel afin de créer, d'exploiter des tableaux simples et manipuler

Plus en détail

Édu-groupe - Version 4.3

Édu-groupe - Version 4.3 Édu-groupe - Version 4.3 Guide de l utilisateur Gestion des fichiers Société GRICS, Équipe Évaluation Août 2012 2 CONSIDÉRATIONS GÉNÉRALES A. Importante mise en garde concernant les types de fureteur Les

Plus en détail

Chapitre 1 Nouveautés de Word et Office XP... 11. Chapitre 2 Saisie, correction et gestion efficaces de document... 27

Chapitre 1 Nouveautés de Word et Office XP... 11. Chapitre 2 Saisie, correction et gestion efficaces de document... 27 Chapitre 1 Nouveautés de Word et Office XP... 11 1.1 Office XP : c est nouveau... 13 Compatibilité des formats de fichiers... 13 Zones de tâches du volet Office... 13 Des liens intelligents, les balises

Plus en détail

Référence : Emplacement des commandes Excel 2003 dans Excel 2007

Référence : Emplacement des commandes Excel 2003 dans Excel 2007 Référence : Emplacement des commandes Excel 2003 dans Excel 2007 Astuces d'utilisation de ce classeur 1. L'ordre des feuilles correspond à celui de l'interface utilisateur par défaut. Si vous le souhaitez,

Plus en détail

L accès à distance du serveur

L accès à distance du serveur Chapitre 11 L accès à distance du serveur Accéder à votre serveur et aux ordinateurs de votre réseau depuis Internet, permettre à vos amis ou à votre famille de regarder vos dernières photos, écouter vos

Plus en détail

Réalisation d une Interface Utilisateur

Réalisation d une Interface Utilisateur Réalisation d une Interface Utilisateur Pour manipuler facilement les données enregistrées dans une base de données, il est nécessaire de cacher leur implantation technique dans les tables et d offrir

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

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

Plus en détail

SFEA. Ce document peut être imprimé au format livret. Guide utilisateurs du site "Se Former en Alsace"

SFEA. Ce document peut être imprimé au format livret. Guide utilisateurs du site Se Former en Alsace SFEA Ce document peut être imprimé au format livret Guide utilisateurs du site "Se Former en Alsace" Version 1.2-28/11/2012 SOMMAIRE 1 INTRODUCTION... 9 2 FONCTIONNALITES...10 3 CONNEXION A L APPLICATION...11

Plus en détail

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION BV Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le disque

Plus en détail

Créer sa première présentation :

Créer sa première présentation : PowerPoint est une application dédiée à la conception de présentations de toutes sortes, utilisées en projection ou en affichage sur écran. Ces présentations peuvent intégrer aussi bien du texte, des diagrammes,

Plus en détail

Espace Client Aide au démarrage

Espace Client Aide au démarrage Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

FORMATION A LA RECHERCHE DOCUMENTAIRE BU SANTE. ZOTERO v.2.0 SOMMAIRE

FORMATION A LA RECHERCHE DOCUMENTAIRE BU SANTE. ZOTERO v.2.0 SOMMAIRE SOMMAIRE ZOTERO v.2.0 Introduction...2 1 Gérer ses références...2 1.1 Installation de l extension...2 1.2 Importer des notices à partir d un site web compatible...3 1.4 Nouvelle note indépendante...5 1.5

Plus en détail

Table des matières ENVIRONNEMENT

Table des matières ENVIRONNEMENT ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17

Plus en détail

Manuel d utilisation de V3D Events - Visiteurs

Manuel d utilisation de V3D Events - Visiteurs Manuel d utilisation de V3D Events - Visiteurs Sommaire Le but de ce manuel est de vous expliquer comment se rendre sur la plateforme et comment naviguer dans l évènement virtuel. Les différentes étapes

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

Tutoriel d utilisation

Tutoriel d utilisation Tutoriel d utilisation JCE est l éditeur le plus complet pour Joomla! JCE est capable de gérer les mise en page comme un éditeur de type Word ou Open Office. Il permet d insérer des images et médias de

Plus en détail

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x!

Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x! Tutoriel sur CK Forms 1 Adaptation FR Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x! Ce tutoriel vous présente les éléments principaux du composant et plugin CK Forms Installation/Désinstallation

Plus en détail

FICHE 9 : INSERER UNE IMAGE

FICHE 9 : INSERER UNE IMAGE FICHE 9 : INSERER UNE IMAGE Vous avez la possibilité dans Publisher tout comme dans Word d insérer une image clipart, une image personnelle à partir d un fichier ou une image à scanner. Vous pouvez également

Plus en détail

AVANT-PROPOS... 3 1. INTRODUCTION... 7 2. INSTALLATION... 8 2.1 INSTALLER LE PLUGIN ZOTERO... 8 2.2 INSTALLER LE MODULE DE CITATION...

AVANT-PROPOS... 3 1. INTRODUCTION... 7 2. INSTALLATION... 8 2.1 INSTALLER LE PLUGIN ZOTERO... 8 2.2 INSTALLER LE MODULE DE CITATION... AVANT-PROPOS... 3 1. INTRODUCTION... 7 2. INSTALLATION... 8 2.1 INSTALLER LE PLUGIN ZOTERO... 8 2.2 INSTALLER LE MODULE DE CITATION... 8 DANS MS WORD (SUR WINDOWS)... 8 DANS MS WORD (SUR MAC)... 8 DANS

Plus en détail