Introduction

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Introduction http:// www.mediaforma.com/formation-html5-et-css3"

Transcription

1 Introduction Ce livre est un concentré de code HTML5 et CSS3 prêt à l emploi 1. Il se divise en seize chapitres thématiques. Vous êtes un dévelop peur de niveau intermédiaire ou avancé? Vous y trouverez de nombreux codes à copier-coller dans les pages web que vous développez. Pour accéder au code dont vous avez besoin, vous pouvez : parcourir le sommaire, choisir un chapitre et une section ; rechercher un nom de balise ou d attribut HTML ou un nom de propriété CSS dans l index, à la fin de l ouvrage. Lorsque vous aurez trouvé la section convoitée, rendez-vous à la page correspondante. Les premières lignes de la section indiquent les balises et/ou les propriétés principales ou les caractéristiques utilisées. Le code apparaît en grisé. Il vous suffit en général de le copier dans votre propre code pour qu il soit immédiatement opérationnel. Vous avez une question ou une remarque sur cet ouvrage? Vous voulez contacter l auteur, accéder aux codes sources ou aux vidéos complémentaires? Connectez-vous au site Par facilité d écriture, nous emploierons le terme CSS dans tout cet ouvrage pour faire référence au langage et aux instructions CSS3.

2 2 Introduction Ce lieu d échange privilégié permet d accéder aux codes sources de l ouvrage (Le livre Pearson), de visionner des vidéos complémentaires pour progresser encore plus vite dans l apprentissage des langages HTML5 et CSS3 (Les vidéos), d accéder à un générateur de bordures et à un générateur de gradients (Bonus) et de dialoguer avec l auteur (Contact). Vous pouvez librement tester ces codes en cliquant sur les liens Tester le code correspondants. N hésitez pas à copier-coller ce qui vous intéresse pour en faire la base du développement de vos propres pages Info Les codes sources de cet ouvrage sont également disponibles sur le site de l éditeur, Pearson ( à la page consacrée à cet ouvrage.

3 Pourquoi HTML5 et CSS3? 3 Pourquoi HTML5 et CSS3? Le World Wide Web Consortium (W3C) est un organisme de standardisation chargé de promouvoir la compatibilité des technologies du Web, telles que HTML, XHTML, CSS, PNG, SVG, SOAP, etc. La dernière spécification du langage HTML 4.01 date de 1999 ( REC-html40/). Quatorze ans plus tard, bien que le langage HTML 4.01 soit toujours utilisé sur de nombreux sites Web, il faut bien avouer que beaucoup de choses ont changé. Il était temps qu une nouvelle version du langage voie le jour. Le groupe de travail HTML5 du W3C (HTML5 Working Group) est chargé de la standardisation du HTML5. Vous en saurez plus sur les spécifications de ce tout nouveau langage en accédant aux pages TR/html5/ et HTML est en mesure d afficher des éléments textuels, graphiques et vidéo dans un navigateur web et d assurer leur mise en page. Cette seconde fonction est cependant assez limitée. C est la raison d être du langage CSS, qui se charge de la mise en forme et de la mise en page des éléments HTML. La version 3 du langage apporte son lot de nouveautés, toutes plus impressionnantes les unes que les autres. La standardisation de ce langage est assurée par la section CSS3 Working Group du W3C. Pour suivre l état d avancement des différents modules qui la composent, rendez-vous à Vous vous demandez peut-être si le couple HTML5/CSS3 est nécessaire, ou si vous pouvez utiliser du code CSS 2 dans HTML5, ou encore du code CSS3 dans HTML 4.0x/ XHTML 1.x. HTML5 et CSS3 procurent, chacun dans leur domaine, de réelles avancées dans la programmation sur le Web. Il serait vraiment dommage de passer à côté des

4 4 Introduction possibilités offertes par l utilisation conjointe de ces deux langages. Je suggère donc de vous mettre au goût du jour en les apprenant. Votre investissement sera largement récompensé par la qualité, l universalité et la propreté du code produit À travers ce livre, vous verrez à quel point HTML5 et CSS3 vont simplifier la vie du développeur web et lui offrir de nouvelles possibilités très intéressantes pour concevoir des pages et applications fondées sur des fonctionnalités implémentées de façon native dans les navigateurs. Et ce, indépendamment de la plateforme (PC, Mac, Linux, tablette, smartphone, etc.). Les perspectives offertes sont vraiment très alléchantes. Alors, tournez vite les pages! Compatibilité avec les navigateurs Alors que nous écrivons ces lignes, les nouveaux éléments propres au langage HTML5 ne sont pas encore entièrement implémentés sur les principaux navigateurs. Pour connaître le taux de compatibilité de votre navigateur, rendez-vous à la page Un compte rendu clair et succinct y sera présenté et une note lui sera attribuée (voir Figure 0.2). Les éléments inconnus du navigateur sont généralement ignorés. Mais il est possible de leur affecter un style en utilisant une feuille de styles CSS. Notez cependant qu un traitement particulier doit être réservé à Internet Explorer 8 et inférieur. En effet, celui-ci doit intégrer les éléments inconnus à son DOM via la méthode createelement, sans quoi, il ne sera pas en mesure de leur affecter un style. D autre part, il est nécessaire d attribuer un rendu block à ces éléments en initialisant leur propriété CSS display. Nous y reviendrons en détail par la suite.

5 Compatibilité avec les navigateurs 5 Figure 0.2 : Google Chrome 23 est le navigateur le plus compatible avec HTML5. Les principaux navigateurs utilisent un préfixe pour (pré) implémenter les nouvelles propriétés CSS3 : -moz pour les navigateurs Mozilla (Firefox) ; -webkit pour les navigateurs Webkit (Safari, OmniWeb, Midori, etc.) ; -khtml pour les navigateurs Konqueror ; -o pour les navigateurs Opera ; -ms pour le navigateur Internet Explorer 9. Tant que la spécification du langage n aura pas atteint au moins le statut de recommandation candidate, vous devrez utiliser plusieurs préfixes dans les propriétés CSS3 pour assurer la plus grande compatibilité possible. À terme, ces préfixes ne devraient plus avoir cours et une seule instruction devrait être interprétée à l identique dans tous les navigateurs. Si tout se passe comme prévu par le W3C,

6 6 Introduction HTML5.0 devrait passer en version RC courant 2015 ( Si vous utilisez encore des fonctions CSS spécifiques d Internet Explorer (DropShadow(), filter() ou gradient() par exemple), mieux vaut les inclure dans une feuille de styles particulière, appelée dans un commentaire conditionnel, dans l en-tête du document : <head> <!--[if IE]> <link rel= stylesheet href= style-pour-ie.css > <![endif]--> </head> Si, par la suite, vous décidez de remplacer ces fonctions par du code CSS3, il vous suffira de supprimer l élément link correspondant. Principales différences entre HTML5 et ses prédécesseurs Avant tout, je tiens à rassurer tous les développeurs web qui se sentiraient frileux devant l apprentissage d un nouveau langage : HTML5 est rétrocompatible avec ses prédécesseurs HTML 4.x et XHTML 1.x. Les codes fonctionnels dans un de ces langages le seront donc également en HTML5. La déclaration de type de document (DTD) est simplifiée à son extrême. En fait, elle ne sert qu à éviter l ouverture du document en mode de compatibilité (Quircks Mode). Le jeu de balises propre à HTML5 introduit une nouvelle logique de formulation, plus sémantique et plus intuitive. Nous y reviendrons en détail au cours de plusieurs sec-

7 À propos de l auteur 7 tions de cet ouvrage. Ici encore, vous pouvez continuer à utiliser les éléments auxquels vous étiez habitué jusque-là. Jetez cependant un coup d œil aux sections Structure d un document HTML5 du Chapitre 1 et Nouvelle organisation des documents du Chapitre 2. Vous serez certainement convaincu du bien-fondé de cette nouvelle syntaxe. Les formats XML, tels que MathML, SVG (en HTML5, il est possible d utiliser les formats MathML et SVG en text/html : ce n est plus un domaine réservé de application/xml+xhtml), SMIL, RDF, WML, etc., peuvent être utilisés dans le code HTML5 codé en XML (XHTML5), ce qui offre de nouvelles perspectives fort intéressantes. Vous aurez tout loisir d en juger à travers plusieurs exemples au long de ce livre. Enfin, les développeurs web peuvent désormais utiliser des API JavaScript gérées nativement par les navigateurs. Le but est d obtenir des niveaux de performances comparables à ceux des applications Desktop, mais aussi de tirer parti des possibilités offertes par les périphériques mobiles, qui prennent une part de plus en plus importante dans le paysage Internet. Bonne lecture et bon encodage À propos de l auteur Après avoir passé cinq ans dans de grandes sociétés françaises (Aérospatiale, EDF, Dassault), Michel Martin se consacre à l écriture de livres techniques et à la réalisation de CD-ROM d autoformation vidéo. Il compte aujourd hui plus de 300 livres et CD-ROM à son actif et est reconnu MVP (Most Valuable Professional) depuis neuf ans par Microsoft pour l ensemble de ses travaux sur les produits Microsoft.

Introduction http://www.mediaforma.com/

Introduction http://www.mediaforma.com/ Ce livre est un concentré de code HTML5 et CSS3 prêt à l emploi 1. Il se divise en seize chapitres thématiques. Vous êtes un développeur de niveau intermédiaire ou avancé? Vous y trouverez de nombreux

Plus en détail

Dom, XML, Lecture de fichiers

Dom, XML, Lecture de fichiers Projet de développement web : Développement côté client Chapitre 4 Dom, XML, Lecture de fichiers Page 1 / 11 Table des matières Table des matières Introduction DOM : Document Object Model Structure habituelle

Plus en détail

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a Plateforme Systempay v1.24 Personnalisation avancée de la page paiement Version 1.2a Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa Lyra-Network

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Créer des documents XML

Créer des documents XML 1 Créer des documents XML La spécification XML définit comment écrire un document au format XML. XML n est pas un langage en lui-même mais, en revanche, un document XML est écrit dans un langage à balises

Plus en détail

Cahier des charges PS1 SITE E SUPINFO

Cahier des charges PS1 SITE E SUPINFO Cahier des charges PS1 SITE E SUPINFO Auteur : Labo Techno Internet Ecole Supérieure d Informatique de Paris 23. rue Château Landon 75010 PARIS www.supinfo.com 1. Présentation SUPINFO propose cette année

Plus en détail

WEB SITE DEVELOPMENT CONCEPTION DE SITES WEB SECONDARY NIVEAU SECONDAIRE

WEB SITE DEVELOPMENT CONCEPTION DE SITES WEB SECONDARY NIVEAU SECONDAIRE CONTEST DESCRIPTION DESCRIPTION DE CONCOURS WEB SITE DEVELOPMENT CONCEPTION DE SITES WEB SECONDARY NIVEAU SECONDAIRE 1. L'importance des compétences essentielles dans les métiers et les technologies Skills/Compétences

Plus en détail

4 personnes maximum seront autorisées à utiliser le court, dont obligatoirement le détenteur de la carte ou la

4 personnes maximum seront autorisées à utiliser le court, dont obligatoirement le détenteur de la carte ou la Cette note concerne la location des courts n 1, 2 et 3 du complexe sporti impressionnistes et vient en complément du règlement intérieur affiché sur place et disponible sur le site de réservation en ligne.

Plus en détail

Introduction à XML. 1. Notions de base. Introduction à XML

Introduction à XML. 1. Notions de base. Introduction à XML Introduction à XML INTRODUCTION À XML 1. NOTIONS DE BASE 2. EXEMPLE SIMPLE 3. SYNTAXE XML 3.1. LES CARACTÈRES SPÉCIAUX 4. DTD 5. DOCUMENT XML AVEC FEUILLE DE STYLE CSS 6. XLS ET XSLT 6.1. EXEMPLE DE DOCUMENT

Plus en détail

Mise à jour de navigateur web

Mise à jour de navigateur web Mise à jour de navigateur web Version du document 1.0 Sommaire 1. SUIVI, HISTORIQUE...3 2. CONTEXTE...4 3. MISE À JOUR INTERNET EXPLORER... 5 3.1. Téléchargement...5 3.2. Installation...6 4. INSTALLER

Plus en détail

Se connecter au système. www.racb-rebirth.com

Se connecter au système. www.racb-rebirth.com Se connecter au système Ouvrez un navigateur internet sur n importe quel support (PC, Mac, tablette, smartphone, etc.) et allez à l adresse : www.racb-rebirth.com 1. DASHBOARD Le Dashboard est une sorte

Plus en détail

Mode d emploi de l espace UTILISATEUR

Mode d emploi de l espace UTILISATEUR Référence contrôleur RXC E.CONNECT1 Mode d emploi de l espace UTILISATEUR GUIDE D UTILISATION EC1U32 02 01 2016 Sommaire Introduction 3 Mode d emploi de l espace Utilisateur 4 Rubrique «PIECES & EQUIPEMENTS»

Plus en détail

Olympiades québécoises 2014. Projet : 17 Conception de sites Web / Secondaire et post-secondaire

Olympiades québécoises 2014. Projet : 17 Conception de sites Web / Secondaire et post-secondaire Olympiades québécoises 2014 Projet : 17 Conception de sites Web / Secondaire et post-secondaire Le concours provincial de développement de site Web 2014 de Compétences Québec comporte trois modules. Le

Plus en détail

Rapport individuel Génie logiciel

Rapport individuel Génie logiciel 2012 Rapport individuel Génie logiciel Dans ce rapport sera présenté l ensemble des activités effectuées au cours du projet de création de site de covoiturage «Etucovoiturage» (http://etucovoiturage.free.fr)

Plus en détail

Manuel Utilisateur Signets

Manuel Utilisateur Signets Conception, mise en œuvre, hébergement, exploitation et support d une solution open source d ENT Manuel Utilisateur Signets Auteur Version : 2.5 : Logica et la Région Ile-de-France Page 1 de 28 Gestion

Plus en détail

Composant pour Microsoft Outlook. Collaborez en utilisant Outlook et MDaemon

Composant pour Microsoft Outlook. Collaborez en utilisant Outlook et MDaemon MDaemon GroupWare Composant pour Microsoft Outlook Collaborez en utilisant Outlook et MDaemon Version 1 Manuel Utilisateur 2003 Alt-N Technologies. Tous droits réservés. MDaemon, WorldClient, et RelayFax

Plus en détail

Organiser et rédiger sa bibliographie avec Zotero

Organiser et rédiger sa bibliographie avec Zotero ATELIER DE FORMATION Organiser et rédiger sa bibliographie avec Zotero 2015-2016 CC BY-NC-ND V e t A g r o S u p B i b l i o t h è q u e v é t é r i n a i r e Table des matières Présentation de Zotero...

Plus en détail

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE Etape 1. Ouvrir FrontPage et créer un site Web vide...2 Etape 2 ajouter des pages...3 Etape 3 : donner un titre et renommer les 2 pages...5

Plus en détail

Guide d utilisation. Configurateur d échafaudage

Guide d utilisation. Configurateur d échafaudage Guide d utilisation «www.mefranvision.fr» Configurateur d échafaudage Edition du 15/06/2015 www.mefranvision.fr Page 1 sur 29 Table des matières 1. Avant propos... 4 2. Introduction... 4 3. Réglages à

Plus en détail

Tutoriel Le Web et la conception de sites

Tutoriel Le Web et la conception de sites Tutoriel Le Web et la conception de sites Éléments du Web Internet Internet est un réseau de plusieurs réseaux informatiques. L information stockée sur les ordinateurs devient accessible par les autres

Plus en détail

" extensible Markup Language " XML

 extensible Markup Language  XML " extensible Markup Language " XML Sylvie Vignes, Département Informatique et Réseaux École Nationale Supérieure des Télécommunications 46, rue Barrault 75634 Paris cedex 13 Département Informatique et

Plus en détail

Médiathèque Numérique, mode d emploi

Médiathèque Numérique, mode d emploi Médiathèque Numérique, mode d emploi 1) Inscription Sur la page d accueil du site, cliquez sur «Inscrivez-vous» Remplissez le formulaire d inscription, et validez-le. 1 Votre inscription est alors bien

Plus en détail

Manuel d utilisation de l Illustrateur de PPC

Manuel d utilisation de l Illustrateur de PPC Table des matières Configuration requise... 2 Langues prises en charge... 2 Compatibilité des navigateurs... 2 Pour commencer dans l Illustrateur... 2 Comment accéder à l Illustrateur... 2 L Illustrateur

Plus en détail

Médiathèque Numérique, mode d emploi

Médiathèque Numérique, mode d emploi Médiathèque Numérique, mode d emploi 1) Se connecter au service Il vous suffit de vous rendre sur le site Internet de votre médiathèque, de vous connecter avec votre identifiant (numéro de carte abonné)

Plus en détail

Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page

Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page Créer une page web Observons un site... Une entête Le corps de la page Un à-côté Un pied de page Un logo Un menu Un autre menu Une entête La fenêtre de gauche La partie principale de la page Plusieurs

Plus en détail

STRUCTURE D UNE PAGE HTML/CSS

STRUCTURE D UNE PAGE HTML/CSS STRUCTURE D UNE PAGE HTML/CSS C01 1. STRUCTURE Le langage Html est composé de balises ou (tags) qui permettent de structurer le texte, de le mettre en forme et d insérer des images. Ces instructions sont

Plus en détail

Procédurier Demande d admission en ligne

Procédurier Demande d admission en ligne Procédurier Demande d admission en ligne * À LIRE ATTENTIVEMENT AVANT DE DÉBUTER SA DEMANDE D ADMISSION EN LIGNE - 3 pièges à éviter : 1) Le formulaire d admission en ligne fonctionne avec les navigateurs

Plus en détail

CHAPITRE 1 : ENVIRONNEMENT GRAPHIQUE KDE

CHAPITRE 1 : ENVIRONNEMENT GRAPHIQUE KDE CHAPITRE 1 : ENVIRONNEMENT GRAPHIQUE KDE 1. Découvrir l environnement KDE (K Desktop Environment) Ce chapitre se veut une introduction à l environnement KDE et à son tableau de bord. Il traitera également

Plus en détail

Félicitations! Vous disposez désormais de votre armoire numérique en ligne.

Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Cette armoire va vous permettre : De mieux classer vos documents De mieux les retrouver De mieux les partager Ce petit guide

Plus en détail

Manuel UTILISATEUR site web Inscription.

Manuel UTILISATEUR site web Inscription. Manuel UTILISATEUR site web Inscription. 1/97 Fédération Française de Karaté Porte d'orléans 39 rue Barbès 92120 Montrouge Septime HOUNKPATIN Carla PIEDADE Téléphone : 01 41 17 44 40 hseptime@ffkarate.fr

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Manuel d utilisation - Exposants S P O T

Manuel d utilisation - Exposants S P O T Manuel d utilisation - Exposants S P O T EXPOSANTS En tant qu exposant, vous êtes partie prenante de l évènement virtuel. Ce manuel a été conçu pour vous. Il vous guidera à travers les différentes démarches

Plus en détail

Table des matières. 2013 Pearson France HTML5 & CSS3, 2e éd. Michel Martin

Table des matières. 2013 Pearson France HTML5 & CSS3, 2e éd. Michel Martin Table des matières Introduction 1 Pourquoi HTML5 et CSS3? 3 Compatibilité avec les navigateurs 4 Principales différences entre HTML5 et ses prédécesseurs 6 À propos de l auteur 7 1 Les bases du HTML5/CSS3

Plus en détail

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle Création de page Web Microsoft Publisher 1. Ouvrez Microsoft Publisher 2. Cliquez sur Sites Web 3. Choisissez un modèle 4. Personnalisez votre jeu de couleurs et les options 5. Cliquez sur «créer», lorsque

Plus en détail

Plan de cours TIC LICENCE PROFESSIONNELLE DEVELOPPEMENT INTERNATIONAL DE LA PME PMI PROMO 2015-2016

Plan de cours TIC LICENCE PROFESSIONNELLE DEVELOPPEMENT INTERNATIONAL DE LA PME PMI PROMO 2015-2016 Plan de cours TIC LICENCE PROFESSIONNELLE DEVELOPPEMENT INTERNATIONAL DE LA PME PMI PROMO 2015-2016 1. SITES INTERNET ET REFERENCEMENT 1.1. ELEMENTS D UN SITE INTERNET Nom de domaine Hébergement Site internet

Plus en détail

ReadMe_fr Le but La boîte contient La mise en place Les règles

ReadMe_fr Le but La boîte contient La mise en place Les règles ReadMe_fr Le but Le but du jeu est simple: créer avec les autres joueurs LA page HTML... mais surtout la page HTML qui soit le plus proche des standards du Web: respectant la sémantique HTML et sans erreur

Plus en détail

TD 3 : Intégration HTML

TD 3 : Intégration HTML Programmation Web IMAC 2015-2016 TD 3 : Intégration HTML 14 octobre 2015 Objectif: Ce TD a pour but de se servir des concepts appris dans les TDs précédents pour intégrer entièrement une maquette de site

Plus en détail

GAIA Appréciation des ITA

GAIA Appréciation des ITA Département des ressources humaines Bureau des ITA GAIA Appréciation des ITA QUESTIONS/RÉPONSES TOUT SAVOIR SUR : Le site GAIA Vos codes d accès Vos droits à promotion Votre dossier d appréciation, votre

Plus en détail

420-PK9-SL Programmation WEB JavaScript DOM

420-PK9-SL Programmation WEB JavaScript DOM 420-PK9-SL Programmation WEB JavaScript DOM Introduction Le lien entre JavaScript et le HTML/CSS est une hiérarchie d instances d objets appelé DOM (Document Object Model). À chaque balise HTML correspond

Plus en détail

SERVICES EN LIGNE DES SUBVENTIONS ET GUIDE DE L UTILISATEUR POUR LA GESTION CONTRIBUTIONS (SELSC) DE COMPTE DU SYSTEME SELSC

SERVICES EN LIGNE DES SUBVENTIONS ET GUIDE DE L UTILISATEUR POUR LA GESTION CONTRIBUTIONS (SELSC) DE COMPTE DU SYSTEME SELSC SERVICES EN LIGNE DES SUBVENTIONS ET CONTRIBUTIONS (SELSC) GUIDE DE L UTILISATEUR POUR LA GESTION DE COMPTE DU SYSTEME SELSC FEVRIER 2016 TABLE DES MATIÈRES INTRODUCTION... 1 1. MODIFIER LE PROFIL PROFESSIONNEL...

Plus en détail

Guide de référence Concessionnaires

Guide de référence Concessionnaires Desjardins User Guide for dealers April, 2015 Guide de référence Concessionnaires septembre 2015 Confidentielle - RouteOne Canada, tous droits réservés Page 1 Bienvenue dans le monde de la vitesse, de

Plus en détail

Installation du logiciel Windows Suivant Démarrer Tous les programmes Démarrer Tous les programmes Manager Pub Manager Publicité Linux ici Mac

Installation du logiciel Windows Suivant Démarrer Tous les programmes Démarrer Tous les programmes Manager Pub Manager Publicité Linux ici Mac Avec le Manager Publicité de bluevizia toutes vos activités de publicité seront facilement planifiées et implémentées. Installation du logiciel Windows Double cliquez avec le bouton gauche de la souris

Plus en détail

Présentation des flux RSS

Présentation des flux RSS TITRE DU DOCUMENT Présentation des flux RSS AUTEUR(S) M. LOTFI 30/10/08 DATE VERIFICATEUR(S) G. Le Roy DATE DIFFUSION 2 sur 28 HISTORIQUE DES S DU DOCUMENT Version Date Auteur Commentaires 1.1 30/10/08

Plus en détail

Scouts Canada. Système de gestion de l apprentissage (LMS) Guide de l utilisateur

Scouts Canada. Système de gestion de l apprentissage (LMS) Guide de l utilisateur (LMS) Guide de l utilisateur Bienvenue au système de gestion de l apprentissage Le système de gestion de l apprentissage offre les outils nécessaires pour atteindre les objectifs d apprentissage et de

Plus en détail

PREMIERS PAS SUR GOOGLE DOCUMENTS

PREMIERS PAS SUR GOOGLE DOCUMENTS PREMIERS PAS SUR GOOGLE DOCUMENTS L outil Google Documents vous permet : - De stocker des documents auxquels vous aurez accès où que ce soit depuis une connexion internet - De partager des documents, de

Plus en détail

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

TUTORIAL : Créer le setup d un programme VB 6

TUTORIAL : Créer le setup d un programme VB 6 TUTORIAL : Créer le setup d un programme VB 6 NIVEAU : INITIES Pré requis pour comprendre ce tutorial : - Connaître les fichiers nécessaires à l installation d un programme VB - Connaître le système de

Plus en détail

Plateforme SACADO Aide à la navigation. Bonjour, je suis votre accompagnant pour la formation à distance SACADO.

Plateforme SACADO Aide à la navigation. Bonjour, je suis votre accompagnant pour la formation à distance SACADO. Plateforme SACADO Aide à la navigation Bonjour, je suis votre accompagnant pour la formation à distance SACADO. Configuration minimale Type de poste de travail PC compatible x86 ou Apple PC nomade ou de

Plus en détail

www.diffuseurs-groupenr.com Mode d emploi

www.diffuseurs-groupenr.com Mode d emploi www.diffuseurs-groupenr.com Mode d emploi 1 Utilisez un navigateur compatible* comme: - Mozilla Firefox - Internet Explorer (version 9 minimum) - Google Chrome * avec le format HTML 5 2 S O M M A I RE

Plus en détail

ODOMOBILE 2.0 Juin 2013

ODOMOBILE 2.0 Juin 2013 2.0 Juin 2013 2.0 La gestion évoluée de vos déplacements est au bout de vos doigts. 2.0 propose une nouvelle interface conviviale, parfaitement adaptée aux dernières générations de téléphones mobiles et

Plus en détail

XML (extensible Markup Language)

XML (extensible Markup Language) XML (extensible Markup Language) Références : XML, Micro Application e-poche http://giles.chagnon.free.fr/cours/xml/base.html http://www.cgmatane.qc.ca/forgetj/formation/int4/xml.php 1. Qu est-ce que XML?

Plus en détail

Je ne peux lancer le cours, ou lorsque je clique sur «Lancer» rien ne se passe. Cela peut généralement être résolu par une des manières suivantes :

Je ne peux lancer le cours, ou lorsque je clique sur «Lancer» rien ne se passe. Cela peut généralement être résolu par une des manières suivantes : FAQ relative aux problèmes techniques Quelles sont les exigences systèmes? Nous recommandons fortement, mais n exigeons pas, les caractéristiques suivantes pour un affichage optimal de vos cours : Windows

Plus en détail

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4 10 avril 2008 SOMMAIRE 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4 2. Présentation générale de l interface Zimbra 6 3. Courrier 7 3.1. Présentation de

Plus en détail

Passer de PowerPoint 2007 à Office 365 pour les entreprises

Passer de PowerPoint 2007 à Office 365 pour les entreprises Passer de PowerPoint 2007 à Office 365 pour les entreprises Découverte L apparence de la version de bureau de Microsoft PowerPoint 2013 a changé par rapport à celle des versions précédentes. Voici une

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Arbres Expressions Mathématiques Structure arborescente de l expression

Plus en détail

Formation etwinning : INSCRIPTION ET RECHERCHE DE PARTENAIRES. Préambule à l'inscription : pourquoi s'inscrire? Qu'est-ce qu'etwinning?

Formation etwinning : INSCRIPTION ET RECHERCHE DE PARTENAIRES. Préambule à l'inscription : pourquoi s'inscrire? Qu'est-ce qu'etwinning? Formation etwinning : INSCRIPTION ET RECHERCHE DE PARTENAIRES Préambule à l'inscription : pourquoi s'inscrire? Qu'est-ce qu'etwinning? etwinning est tout d'abord à considérer comme un réseau social européen

Plus en détail

Utiliser un modèle d état prédéfini

Utiliser un modèle d état prédéfini Chapitre 8 Etats rapides Certains boutons sont désactivés, en fonction du type de cellule sélectionné. 4 Répétez les étapes 2 et 3 pour chaque bordure à paramétrer. 5 Cliquez sur le bouton OK pour valider

Plus en détail

Mode d emploi Dashboard Madagascar 2009

Mode d emploi Dashboard Madagascar 2009 Mode d emploi Dashboard Madagascar 2009 SOMMAIRE 1 Conditions d utilisation... 2 2 Pré- réglages d Excel 3 Utilisation du programme a Les onglets du fichier Excel b Lancement c Navigation. 3 4 Mise à jour

Plus en détail

Chapitre 5. Premiers pas dans Delphi 5.0. Lancer Delphi 5.0. Au sommaire de ce chapitre

Chapitre 5. Premiers pas dans Delphi 5.0. Lancer Delphi 5.0. Au sommaire de ce chapitre Premiers pas dans Delphi 5.0 Chapitre 5 Au sommaire de ce chapitre Lancer Delphi 5.0 L environnement de développement Un petit lexique Quitter Delphi 5.0 Lancer Delphi 5.0 Pour lancer Delphi, cliquez sur

Plus en détail

Visite guidée de www.modappi.com

Visite guidée de www.modappi.com Visite guidée de www.modappi.com 1- Tout d abord, faites la mise à jour de votre navigateur Firefox, Google Chrome, Internet Explorer ou Safari (modappi fonctionne sur PC et Mac uniquement) afin d éviter

Plus en détail

1. Présentation du projet... Page 2. 2. Navigateur... Page 3. 3. Comment utiliser son navigateur. Page 4. 4. Page d accueil...

1. Présentation du projet... Page 2. 2. Navigateur... Page 3. 3. Comment utiliser son navigateur. Page 4. 4. Page d accueil... Table des matie res 1. Présentation du projet... Page 2 2. Navigateur... Page 3 2.1. Qu est-ce qu un navigateur? 2.2. Ouvrir son navigateur? 2.2.1. Dans Windows 7, 8, 8.1 et 10 3. Comment utiliser son

Plus en détail

Gestionnaire de Sauvegarde

Gestionnaire de Sauvegarde d Utilisation Version 2.0 du 01/10/2012 d utilisation de l application de sauvegarde Actu-pc Sommaire Sommaire... 2 Introduction... 3 Présentation... 3 Auteurs... 3 Installation et mise en place du logiciel...

Plus en détail

Mode d emploi pour l utilisation du logiciel Magiesta. www.magiesta.com

Mode d emploi pour l utilisation du logiciel Magiesta. www.magiesta.com Mode d emploi pour l utilisation du logiciel Magiesta www.magiesta.com www.magiesta.com Magiesta est un logiciel simple et puissant, dont la fonction est de contrôler les divers équipements au sein d une

Plus en détail

1. Introduction. 2. Objectifs de la réalisation. 3. Analyse de besoins

1. Introduction. 2. Objectifs de la réalisation. 3. Analyse de besoins 1. Introduction Le travail consiste à concevoir et à élaborer un dispositif de formation à distance, qui va au-delà de simples pages web statiques. On a choisi de faire appel à tout un module d apprentissage

Plus en détail

Projet de Génie Logiciel et Système : Un modèle de scénarios

Projet de Génie Logiciel et Système : Un modèle de scénarios Projet de Génie Logiciel et Système : Un modèle de scénarios Mathieu MONTIN 2015-2016 Résumé Ce document décrit le travail demandé aux étudiants du département IMA de l ENSEEIHT inscrits pour la session

Plus en détail

Indice suisse des prix de la construction Enquête Online

Indice suisse des prix de la construction Enquête Online Département fédéral de l'intérieur DFI Office fédéral de la statistique OFS Division Enquêtes auprès des entreprises 05 - Prix 22 novembre 2011 Indice suisse des prix de la construction Enquête Online

Plus en détail

..::..ForetStatBenin..::.. ETUDE POUR LA MISE EN PLACE DU SYSTÈME NATIONAL D INFORMATION ET DE GESTION DES STATISTIQUES FORESTIÈRES AU BÉNIN

..::..ForetStatBenin..::.. ETUDE POUR LA MISE EN PLACE DU SYSTÈME NATIONAL D INFORMATION ET DE GESTION DES STATISTIQUES FORESTIÈRES AU BÉNIN ..::..ForetStatBenin..::.. ETUDE POUR LA MISE EN PLACE DU SYSTÈME NATIONAL D INFORMATION ET DE GESTION DES STATISTIQUES FORESTIÈRES AU BÉNIN Manuel d Utilisation GUIDE D UTILISATION DU SYSTEME D INFORMATION

Plus en détail

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet Sommaire [page 4] Lancement Identification Multi Comptes [page 5] Créer un nouveau projet [page6] Editer un projet [page 7] Supprimer un projet Prévisualiser un projet Mettre un projet par défaut [page

Plus en détail

PROCEDURE D INSTALLATION DES LOGICIELS EBP EN ENVIRONNEMENT SOLSTICE

PROCEDURE D INSTALLATION DES LOGICIELS EBP EN ENVIRONNEMENT SOLSTICE EBP SOLUTIONS EDUCATION 2010 PROCEDURE D INSTALLATION DES LOGICIELS EBP EN ENVIRONNEMENT SOLSTICE EBP Informatique SA ZA Bel Air BP 95 78513 Rambouillet Cedex www.ebp.com Tel : 01 34 94 83 82 Fax : 01

Plus en détail

Microsoft Office Word 2010 TP 1

Microsoft Office Word 2010 TP 1 Quelques mots sur le créateur de cette présentation: Yves Roger Cornil. Président de l association Communautés Numériques Microsoft MVP Macintosh. Co-fondateur de Microcam en 1981 - Vice président de Microcam

Plus en détail

Initiation au Web et à l HTML

Initiation au Web et à l HTML Initiation au Web et à l HTML Thibault MARZAIS, Mathieu LACROIX, Antoine VACAVANT marzais@llaic3.u-clermont1.fr mathieu.lacroix@isima.fr antoine.vacavant@liris.cnrs.fr 24 et 25 Avril 2006 /39 Thibault

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Format XML Jean-Michel FOLLIN jmfollin@univ-lr.fr Limitations HTML Limitations

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

MANUEL de réservation des courts par internet et par borne interactive

MANUEL de réservation des courts par internet et par borne interactive MANUEL de réservation des courts par internet et par borne interactive Sommaire Préambule... 2 Règles... 2 Navigateurs... 2 Utilisation... 3 Demande d'envoi des codes d accès... 4 Identification... 5 Modification

Plus en détail

Calligra. Une vue d ensemble. Raphael Langerhorst Jost Schenck Traduction française : Gérard Delafond Traduction française : Gregory Marfjan

Calligra. Une vue d ensemble. Raphael Langerhorst Jost Schenck Traduction française : Gérard Delafond Traduction française : Gregory Marfjan Une vue d ensemble Raphael Langerhorst Jost Schenck Traduction française : Gérard Delafond Traduction française : Gregory Marfjan 2 Table des matières 1 Introduction 5 1.1 Composants Calligra....................................

Plus en détail

Eclipse et quelques notions de Jquerry

Eclipse et quelques notions de Jquerry Eclipse et quelques notions de Jquerry Tout d abord, une petite présentation s impose. Eclipse est un outil de développement qui permet d éditer du code et de visualiser le résultat grâce à des émulateurs

Plus en détail

Créer un menu adaptable à toutes les résolutions

Créer un menu adaptable à toutes les résolutions Créé par : feektif Ce guide est reproductible en : 30 à 40 min et est d'un niveau : Intermédiaire Pour de tutoriel, nous allons réaliser un menu composé de cinq liens, chacun divisé en 3 éléments. Un curseur

Plus en détail

Installation et Introduction. Par : Patrick Kenny

Installation et Introduction. Par : Patrick Kenny Installation et Introduction Par : Patrick Kenny 24 Janvier 2007 Table des matières Installation d Internet Explorer 7.0 :...3-6 Première utilisation d'internet Explorer 7 :...7 Paramètres facultatifs:...8

Plus en détail

INTRODUCTION. À propos de ce manuel. Contexte d utilisation. Installation d Adobe Illustrator

INTRODUCTION. À propos de ce manuel. Contexte d utilisation. Installation d Adobe Illustrator INTRODUCTION Adobe Illustrator CC est le logiciel d illustration standard pour l impression, le multimédia et les graphismes en ligne. Que vous soyez concepteur technique de documents destinés à l impression,

Plus en détail

Prise en main d Access 2007

Prise en main d Access 2007 Introduction Microsoft Office Access 2007 ne représente qu une partie de la stratégie globale des produits de gestion des données de Microsoft. Comme toutes les bonnes bases de données relationnelles,

Plus en détail

Guide d'utilisation de base. Services offerts par la bibliothèque de médecine du CHUV

Guide d'utilisation de base. Services offerts par la bibliothèque de médecine du CHUV Guide d'utilisation de base Contenu 1. Introduction aux logiciels de gestion de références bibliographiques (LGRB)... 2 2. Installer le plug-in Zotero... 3 3. Présentation de l'interface... 3 4. Importer

Plus en détail

Séances 4a/4b Technologies du Web

Séances 4a/4b Technologies du Web Formations en Informatique de Lille 2012/2013 Séances 4a/4b Technologies du Web février 2013 Javascript Exercice 1 : Préalable : mise en place des outils Pour ce premier exercice, nous allons utiliser

Plus en détail

Personnalisation des templates pour LogiVert 6

Personnalisation des templates pour LogiVert 6 Manuel Personnalisation des templates pour LogiVert 6 Copyrights (c)2013 + LogiVert BV Site web : www.logivert.com PRESENTATION... 3 INTRODUCTION... 3 LES 4 NIVEAUX... 3 NIVEAU1 CONFIGURATION DE TEMPLATE...

Plus en détail

Premières macros. Au sommaire de ce chapitre. Créer une macro GrasItalique. Différentes méthodes d enregistrement. Écrire la macro

Premières macros. Au sommaire de ce chapitre. Créer une macro GrasItalique. Différentes méthodes d enregistrement. Écrire la macro 2 Premières macros Au sommaire de ce chapitre Créer une macro GrasItalique Écrire la macro Stocker des macros Différentes méthodes d enregistrement Créer une macro Titre_WordArt 22 Excel 2013 et VBA L

Plus en détail

Rapport D activité. Mini Jeu Friends Plus. https://apps.facebook.com/friendsplus. Daguès Alexis. Alexis Aurélie Fabrice Kaarthic 2011 2012

Rapport D activité. Mini Jeu Friends Plus. https://apps.facebook.com/friendsplus. Daguès Alexis. Alexis Aurélie Fabrice Kaarthic 2011 2012 WEB Agency Rapport D activité Mini Jeu Friends Plus https://apps.facebook.com/friendsplus Daguès Alexis Alexis Aurélie Fabrice Kaarthic 2011 2012 1 P age Tables des Matières : 1 ENTÊTE DU DOCUMENT... 3

Plus en détail

Accès aux ressources en ligne

Accès aux ressources en ligne Accès aux ressources en ligne Guide d utilisation Version 2013.1 Description du service VSnet met à disposition de ses membres des ressources en ligne constituées de sites et bases de données commerciales

Plus en détail

Notice d utilisation de la saisie des licences loisirs par les Clubs via l Intranet Fédéral

Notice d utilisation de la saisie des licences loisirs par les Clubs via l Intranet Fédéral Notice d utilisation de la saisie des licences loisirs par les Clubs via l Intranet Fédéral SOMMAIRE Introduction : Page 1 - Qu est-ce que l Intranet? - Comment créer son compte club pour accéder à l ensemble

Plus en détail

ConfigFree : la connectivité simplifiée

ConfigFree : la connectivité simplifiée ConfigFree : la connectivité simplifiée La connectivité sans fil est devenue indispensable à la communication à tout moment et en tous lieux. Elle permet aux utilisateurs d ordinateurs portables de rester

Plus en détail

Guide de prise en main rapide Solutions IR/FP

Guide de prise en main rapide Solutions IR/FP Guide de prise en main rapide Solutions IR/FP Solutions IR/FP est un logiciel de gestion des déclarations fiscales de patrimoine. Il contient un module administrateur, responsable de l affectation des

Plus en détail

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Site réalisé d Avril à Juin 2010, avec SPIP. Etienne Herencia Sommaire : Qu est ce que SPIP?... 3 Organisation d un site SPIP...

Plus en détail

Les outils de Chamilo

Les outils de Chamilo Boutons permanents sur la plateforme l outil «crayon» sert à modifier. l outil «croix» sert à supprimer. Page d accueil de votre cours outil. l outil «œil» sert à rendre visible ou invisible pour les étudiants

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

NBB.Stat Manuel d utilisation

NBB.Stat Manuel d utilisation NBB.Stat Manuel d utilisation Table des matières 1. INTRODUCTION... 3 1.1. QU EST-CE QUE NBB.STAT?... 3 1.2. DEMARRAGE... 3 1.3. AIDE... 3 1.4. CONCEPTS DE BASE... 3 2. TROUVER UN ENSEMBLE DE DONNEES...

Plus en détail

10 points clés pour faire de Lamyline votre collaborateur préféré! GUIDE SIMPLIFIÉ D UTILISATION. www.lamyline.fr. Code d accès.

10 points clés pour faire de Lamyline votre collaborateur préféré! GUIDE SIMPLIFIÉ D UTILISATION. www.lamyline.fr. Code d accès. GUIDE SIMPLIFIÉ D UTILISATION www.lamyline.fr Notez ici vos identifiants et gardez les toujours à portée de main. Code d accès Mot de passe 10 points clés pour faire de Lamyline votre collaborateur préféré!

Plus en détail

MANUEL D UTILISATION DE L INTRANET F.F.H. GOAL CLUBS REGLANT PAR PRELEVEMENT

MANUEL D UTILISATION DE L INTRANET F.F.H. GOAL CLUBS REGLANT PAR PRELEVEMENT MANUEL D UTILISATION DE L INTRANET F.F.H. GOAL CLUBS REGLANT PAR PRELEVEMENT SOMMAIRE 1. Eléments techniques 3 2. Connexion/Compte 3 2.1 Mot de passe oublié. 4 2.2 Accès à la page d accueil 5 2.3 Mon compte/modification

Plus en détail

CONTEXTE DSI - Pôle Infrastructures/ Multimédia

CONTEXTE DSI - Pôle Infrastructures/ Multimédia Département du Système d Information CONTEXTE DSI - Pôle Infrastructures/ Multimédia SUJET Manuel de bonnes pratiques de la Plate-forme WebConferencing. référence MLTD000112V03T version statut créé le

Plus en détail

Sommaire PIQ S 3 - TRAITEMENTS DE FIN D ANNEE

Sommaire PIQ S 3 - TRAITEMENTS DE FIN D ANNEE Sommaire - Changement de classe dans Elèves... - Mise à jour des classes prochaines et options... - Affectation d une date et d un motif de sortie aux élèves sortants...3 - Archivage des NOTES...4 3 -

Plus en détail

LES TABLEAUX. Créer un tableau élémentaire

LES TABLEAUX. Créer un tableau élémentaire LES TABLEAUX Il y a deux façons de créer dans un article : directement dans SPIP pour des tableaux élémentaires avec un éditeur html pour des tableaux complexes. Créer un tableau élémentaire Les colonnes

Plus en détail

MANUEL de réservation des courts par internet et par PC en self-service

MANUEL de réservation des courts par internet et par PC en self-service MANUEL de réservation des courts par internet et par PC en self-service Sommaire Préambule... 2 Règles... 2 Navigateurs... 2 Utilisation... 3 Demande d'envoi des codes d accès... 4 Identification... 5

Plus en détail