TECHNIQUE DE CONSTRUCTION D UN MODULE
|
|
|
- Jacques Drapeau
- il y a 7 ans
- Total affichages :
Transcription
1 TECHNIQUE DE CONSTRUCTION D UN MODULE Pilotage Infographie Description générale Romuald LORTHIOIR Stéphane RIO Aurélie PASSILLY Date de création du document 20 nov Version 1.1 Validation pour le groupe technique UVED Hassan Qamar
2 UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 2/58
3 TABLE DES MATIERES I DESCRIPTION GENERALES... 4 I.1 GENERALITE... 4 I.2 LES RUBRIQUES D UNE RESSOURCE EN LIGNE UVED... 4 I.2.1 LES RUBRIQUES PRINCIPALES :...4 I.2.2 LES RUBRIQUES SECONDAIRES ET LES OUTILS...5 I.2.3 LA RUBRIQUE «AUTRES SOURCES»...5 I.2.4 LA RUBRIQUE «COURS»...5 I.3 SYSTEME DE NAVIGATION ET BARRES DE NAVIGATION... 6 I.3.1 LA BARRE DE NAVIGATION PRINCIPALE...7 I.3.2 LE CHEMIN DE NAVIGATION (RECOMMANDE)...7 I.4 LES ASPECTS GRAPHIQUES... 8 I.4.1 LES PICTOGRAMMES...8 II III IV V PAGE DE PRESENTATION...12 PAGE DE COURS...22 PAGE DE RESSOURCES...38 PAGE DE RESSOURCES - BIBLIOGRAPHIE GLOSSAIRE...46 UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 3/58
4 I DESCRIPTION GENERALES I.1 GENERALITE Le texte du premier écran Il doit présenter les différentes rubriques et outils mis à la disposition de l apprenant. Un lien hypertexte est prévu pour accéder directement à la rubrique ou l outil présenté. Ce texte s intègre dans l espace principal de l interface. Chaque écran doit comporter les mentions légales, c est à dire le copyright et la date de la dernière actualisation de la ressource. La résolution de l écran Elle peut être basée sur une résolution totale d un écran de 1024x768, de façon à pouvoir intégrer un contenu dense. La longueur des écrans La longueur des écrans ne doit pas dépasser 2 fois et demi l écran initial. Il vaut mieux créer des écrans supplémentaires que de proposer une page dense. I.2 LES RUBRIQUES D UNE RESSOURCE EN LIGNE UVED Par ressource on entend ici un ensemble pédagogiquement cohérent de données numériques, permettant l acquisition de connaissances clairement identifiées. Nous distinguerons : I.2.1 LES RUBRIQUES PRINCIPALES : Présentation Cours UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 4/58
5 Autres sources I.2.2 LES RUBRIQUES SECONDAIRES ET LES OUTILS Plan Crédits Aide Imprimer («Imprimer» permet d imprimer la page courante) Tout imprimer («Tout imprimer» permet d imprimer le cours en pdf) I.2.3 LA RUBRIQUE «AUTRES SOURCES» La rubrique «Autres sources» présente au minimum 3 sous-rubriques : «Glossaire», «Bibliographie», «Webographie». Une liberté est donnée quant à l ajout de sous-rubriques supplémentaires. I.2.4 LA RUBRIQUE «COURS» La rubrique «Cours» peut comporter un nombre de niveaux important. Afin de simplifier la navigation et de se représenter facilement la structure du cours, il est proposé 3 niveaux : «Chapitre» «Partie» UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 5/58
6 «Sous-partie». Les intitulés des chapitres, parties et sous-parties ont un nombre limité de caractères pour éviter une surcharge cognitive. Nous pouvons faire le choix d utiliser des titres courts pour le menu, ceux-ci apparaissant en intégralité dans la fenêtre principale. Les couleurs du menu de la rubrique «cours» Afin d accentuer la lisibilité, 3 couleurs permettent de distinguer les chapitres, les parties et les sous-parties. I.3 SYSTEME DE NAVIGATION ET BARRES DE NAVIGATION Le système de navigation doit permettre à l utilisateur : de savoir immédiatement ce qui est proposé de savoir où il se situe de savoir ce qu il a déjà vu Le système de navigation doit être autonome par rapport aux outils de l explorateur : «Page précédente» et «Page suivante». Le chemin emprunté doit être indiqué pour permettre à l utilisateur de se situer et grâce à son interactivité de naviguer facilement. On distingue : les rubriques principales : «Présentation», «Cours», «Autres sources», les rubriques secondaires : «Plan», «Aide», «Crédits», «Imprimer». UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 6/58
7 L arborescence est complexe et comporte plusieurs niveaux dans les rubriques : «Cours» et «Autres sources» Les rubriques «Présentation», «Plan», «Crédits» et «Aide» n intègrent pas de niveaux. L information est présente sur un seul écran. I.3.1 LA BARRE DE NAVIGATION PRINCIPALE Elle est constituée des rubriques : «Présentation», «Cours», «Autres sources». Ces rubriques sont présentes en haut à droite de l écran. I.3.2 LE CHEMIN DE NAVIGATION (RECOMMANDE) Nous pouvons recommander l intégration d un chemin de navigation dans l interface. Si vous faites le choix de l intégrer, ce chemin de navigation est présent dans la partie centrale de l écran et à gauche. D un seul clic, l apprenant peut revenir aux écrans consultés précédemment. La page active n est pas cliquable, le texte n est pas souligné. Exemple : «Introduction / radars / spot» UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 7/58
8 I.4 LES ASPECTS GRAPHIQUES I.4.1 LES PICTOGRAMMES Les pictogrammes utilisés dans la scénarisation du cours sont les suivants : Exemple Animation En savoir plus Internet Référence Confère Dans la charte de l interface générale, les pictogrammes doivent être utilisés avec parcimonie et représenter l action ou le concept que l on souhaite représenter. Il est suggéré qu ils soient utilisés pour les rubriques et outils suivants : Plan Aide Crédits Imprimer Tout imprimer Il est préférable de ne pas utiliser des pictogrammes pour les rubriques principales. L interface doit être simple à utiliser. UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 8/58
9 UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 9/58
10 UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 10/58
11 Modèle de page HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" lang="fr"> <head> <title>[titre de l axe]</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> [importation du style] [importation du javascript] </head> <body> [insérer le contenu de la page] </body> </html> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 11/58
![org/1999/xhtml" lang="fr"> <head> <title>[titre de l axe]</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta](/docs-images/49/19379887/images/page_11.jpg "http-equiv=\"content-style-type\" content=\"text/css\" /> <meta http-equiv=\"content-script-type\" content=\"text/javascript\" /> [importation du style] [importation")
12 II PAGE DE PRESENTATION UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 12/58
13 Importation du style <link rel="stylesheet" type="text/css" title="normal" href="../medias/styles/style.css" media="screen" /> Importation du Javascript <script type="text/javascript" src="../medias/scripts/yahoo.js"></script> <script type="text/javascript" src="../medias/scripts/event.js"></script> <script type="text/javascript" src="../medias/scripts/cirm.js"></script> <script type="text/javascript" src="../medias/scripts/viewport.js"></script> <script type="text/javascript" src="../medias/scripts/frame.js"></script> <script type="text/javascript" src="../medias/scripts/course.js"></script> <script type="text/javascript" src="../medias/scripts/popup.js"></script> Construction de la page : UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 13/58
14 Haut de page Appellation Statut Localisation style CSS Application du style Haut de page obligatoire header.css <div id="header"> Titre de l axe obligatoire header.css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> Titre du module obligatoire header.css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> Menu obligatoire header.css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 14/58
![css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> Menu obligatoire header.](/docs-images/49/19379887/images/page_14.jpg "css <div id=\"header\"> <div id=\"titre-axe\"> <h1>[titre de l axe]</h1> <div id=\"titre-module\"> <h2>[titre du module]</h2> <div id=\"menu-haut\"> UVED - TECHNIQUE DE")
15 Rubrique du menu obligatoire header.css Chemin de fer obligatoire header.css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <li> <a href="#" accesskey="a" id="rubrique1" class="current" title="présentation"><span>présentation</span></a> <li><a href="javascript:getcurrentcourse();" accesskey="z" id="rubrique2" title="cours"><span>cours</span></a> <li><a href="activites.html" accesskey="e" id="rubrique3" title="activités"><span>activités</span></a> <li><a href="ressources.html" accesskey="r" id="rubrique4" title="ressources"><span>ressources</span></a> <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 15/58
16 <li> <a href="#" accesskey="a" id="rubrique1" class="current" title="présentation"><span>présentation</span></a> <li><a href="javascript:getcurrentcourse();" accesskey="z" id="rubrique2" title="cours"><span>cours</span></a> <li><a href="activites.html" accesskey="e" id="rubrique3" title="activités"><span>activités</span></a> <li><a href="ressources.html" accesskey="r" id="rubrique4" title="ressources"><span>ressources</span></a> <div id="breadcrumb"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 16/58
17 Corps de page Appellation Statut Localisation style CSS Application du style Corps de page obligatoire content-presentation.css Titre de la section obligatoire content-presentation.css Sous-titre de la section optionnel content-presentation.css Barre de navigation optionnel content-presentation.css Rubrique de navigation Si présence d une barre de navigation content-presentation.css <div id="content" class="presentation"> <a name="top"></a> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="navigation"> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 17/58
18 paragraphe obligatoire content-presentation.css Titre de paragraphe obligatoire content-presentation.css Contenu de paragraphe obligatoire content-presentation.css <div class="navigation"> <li><a href="#a">[titre de paragraphe]</a> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="navigation"> <li><a href="#a">[titre de paragraphe]</a> <div class="bloc-standard"> <a name="a"></a> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="navigation"> <li><a href="#a">[titre de paragraphe]</a> <div class="bloc-standard"> <a name="a"></a> <h5>[titre de paragraphe]</h5> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 18/58
![<h4>[sous-titre de la section]</h4> <div class="navigation"> <li><a href="#a">[titre de paragraphe]</a> <div class="bloc-standard"> <a name="a"></a> <div id="content" class="presentation"> <a](/docs-images/49/19379887/images/page_18.jpg "name=\"top\"></a> <div class=\"titre-section\"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class=\"navigation\"> <li><a href=\"#a\">[titre de paragraphe]</a> <div")
19 Retour en haut de page optionnel content-presentation.css <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="navigation"> <li><a href="#a">[titre de paragraphe]</a> <div class="bloc-standard"> <a name="a"></a> <h5>[titre de paragraphe]</h5> <p>[contenu de paragraphe]</p> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="navigation"> <li><a href="#a">[titre de paragraphe]</a> <div class="bloc-standard"> <a name="a"></a> <h5>[titre de paragraphe]</h5> <p>[contenu de paragraphe]</p> <div class="haut-page"> <a href="#top"><span>haut de page</span></a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 19/58
![de paragraphe]</h5> <p>[contenu de paragraphe]</p> <div id="content" class="presentation"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la](/docs-images/49/19379887/images/page_19.jpg "section]</h4> <div class=\"navigation\"> <li><a href=\"#a\">[titre de paragraphe]</a> <div class=\"bloc-standard\"> <a name=\"a\"></a> <h5>[titre de paragraphe]</h5> <p>[contenu de paragraphe]</p> <div")
20 Pied de page Appellation Statut Localisation style CSS Application du style Pied de page obligatoire footer.css Menu obligatoire footer.css Rubrique du menu obligatoire footer.css Copyright optionnel footer.css <div id="footer"> <div id="footer"> <div id="menu-bas"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 20/58 <div id="footer"> <div id="menu-bas"> <li><a href="#" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="#" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <div id="footer"> <div id="menu-bas"> <li><a href="#" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span
21 class="credits"><span>crédits</span></span></a> <li><a href="#" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <div class="copyright"> <span>[copyright]</span> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 21/58
22 III PAGE DE COURS UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 22/58
23 UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 23/58
24 Importation du style <link rel="stylesheet" type="text/css" title="normal" href="../medias/styles/style.css" media="screen" /> <link rel="stylesheet" type="text/css" title="normal" href="../medias/styles/plan.css" media="screen" /> Importation du Javascript <script type="text/javascript" src="../medias/scripts/yahoo.js"></script> <script type="text/javascript" src="../medias/scripts/event.js"></script> <script type="text/javascript" src="../medias/scripts/cirm.js"></script> <script type="text/javascript" src="../medias/scripts/viewport.js"></script> <script type="text/javascript" src="../medias/scripts/frame.js"></script> <script type="text/javascript" src="../medias/scripts/course.js"></script> <script type="text/javascript" src="../medias/scripts/popup.js"></script> <script type="text/javascript" src="../medias/scripts/tree.js"></script> <script type="text/javascript" src="../medias/scripts/tooltip.js"></script> Construction de la page <body onload="setcurrenttreeitem('[1.1.1]');"> Haut de page Appellation Statut Localisation style CSS Application du style Haut de page obligatoire header.css <div id="header"> <div id="header"> Titre de l axe <div id="titre-axe"> obligatoire header.css <h1>[titre de l axe]</h1> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 24/58
25 Titre du module obligatoire header.css Menu obligatoire header.css Rubrique du menu obligatoire header.css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <li> <a href="presentation.html" accesskey="a" UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 25/58
26 Chemin de fer obligatoire header.css id="rubrique1"title="présentation"><span>présentation</span></a> <li><a href="#" accesskey="z" id="rubrique2" class="current" title="cours"><span>cours</span></a> <li><a href="activites.html" accesskey="e" id="rubrique3" title="activités"><span>activités</span></a> <li><a href="ressources.html" accesskey="r" id="rubrique4" title="ressources"><span>ressources</span></a> <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <li> <a href="presentation.html" accesskey="a" id="rubrique1" title="présentation"><span>présentation</span></a> <li><a href="#" accesskey="z" id="rubrique2" class="current"title="cours"><span>cours</span></a> <li><a href="activites.html" accesskey="e" id="rubrique3" title="activités"><span>activités</span></a> <li><a href="ressources.html" accesskey="r" id="rubrique4" title="ressources"><span>ressources</span></a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 26/58
27 <div id="breadcrumb"> <div>[titre de chapitre > Titre de sous-chapitre > Titre de partie] Appellation Statut Localisation style CSS Application du style Plan obligatoire plan.css Chapitre obligatoire plan.css Sous-chapitre obligatoire plan.css UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 27/58 Plan <div id="plan"> <ul id="menu" class="tree"> <div id="plan"> <ul id="menu" class="tree"> <li id="1"> <span id="1"><a href="#">[1. Titre du chapitre]</a></span> <div id="plan"> <ul id="menu" class="tree"> <li id="1"> <span id="1"><a href="#">[1. Titre du chapitre]</a></span> <li id="1.1"> <span id="1.1"><a href="#">[1.1. Titre de souschapitre]</a></span>
28 Partie obligatoire plan.css <div id="plan"> <ul id="menu" class="tree"> <li id="1"> <span id="1"><a href="#">[1. Titre du chapitre]</a></span> <li id="1.1"> <span id="1.1"><a href="#">[1.1. Titre de souschapitre]</a></span> <li id="1.1.1"> <span id="1.1.1"><a href="#">[ Titre de partie]</a></span> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 28/58
29 Corps de page Appellation Statut Localisation style CSS Application du style Corps de page obligatoire content-cours.css <div id="content" class="cours"> Titre de la section obligatoire content-cours.css <div id="content" class="cours"> <div class="titre-section"> <h3>[titre de la section]</h3> Sous-titre de la section Titre de chapitre optionnel content-cours.css <div id="content" class="cours"> <div class="titre-section"> <h3>[titre de la section]</h3> <h2 class="titre-chapitre">[1. Titre de chapitre]</h2> Sous-titre de la section Titre de sous-chapitre optionnel content-cours.css <div id="content" class="cours"> <div class="titre-section"> <h3>[titre de la section]</h3> <h2 class="titre-sschapitre">[1. Titre de souschapitre]</h2> Sous-titre de la section Titre de partie optionnel content-cours.css <div id="content" class="cours"> <div class="titre-section"> <h3>[titre de la section]</h3> <h2 class="titre-partie">[1.1.1 Titre de partie]</h2> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 29/58
30 Plan du chapitre optionnel content-cours.css <div class="plan-chapitre"> Titre du chapitre optionnel content-cours.css <div class="plan-chapitre"> <h4>[1. Titre du chapitre]</h4> Titre du sous-chapitre optionnel content-cours.css <div class="plan-chapitre"> <h4>[1. Titre du chapitre]</h4> <p class="titre-sschapitre"><a href="[#]">[1.1. Titre du sous-chapitre]</a></p> Titre de la partie optionnel content-cours.css <div class="plan-chapitre"> <h4>[1. Titre du chapitre]</h4> <p class="titre-sschapitre"><a href="[#]">[1.1. Titre du sous-chapitre]</a></p> <p class="titre-partie"><a href="[#]">[1.1.1 Titre de la partie]</a></p> exercice optionnel content-cours.css <div class="plan-chapitre"> <h4>[1. Titre du chapitre]</h4> <p class="titre-sschapitre"><a href="[#]">[1.1. Titre du sous-chapitre]</a></p> <p class="titre-partie"><a href="[#]">[1.1.1 Titre de la partie]</a></p> <p><a href="#" class="exo-partie" title="exercice">[titre de l exercice]</a></p> Bloc standard optionnel content-cours.css UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 30/58
31 <div class="bloc-standard"> <p>[contenu]<p> Bloc introduction optionnel content-cours-blocs.css <div class="bloc-introduction"> <h6>introduction</h6> <div class="content">[contenu] Bloc conclusion optionnel content-cours-blocs.css <div class="bloc-conclusion"> <h6>conclusion</h6> <div class="content">[contenu] Bloc définition optionnel content-cours-blocs.css <div class="bloc-definition"> <h6>définition</h6> <div class="content">[contenu] Bloc exemple optionnel content-cours-blocs.css <div class="bloc-exemple"> <h6>exemple</h6> <div class="content">[contenu] Bloc remarque optionnel content-cours-blocs.css <div class="bloc-remarque"> <h6>remarque</h6> <div class="content">[contenu] Bloc methode optionnel content-cours-blocs.css <div class="bloc-methode"> <h6>méthode</h6> <div class="content">[contenu] UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 31/58
32 Bloc rappel optionnel content-cours-blocs.css <div class="bloc-rappel"> <h6>rappel</h6> <div class="content">[contenu] Bloc complément optionnel content-cours-blocs.css <div class="bloc-complement"> <h6>compleément</h6> <div class="content">[contenu] Bloc en savoir plus optionnel content-cours-blocs.css <div class="bloc-ensavoirplus"> <h6>en savoir plus</h6> <div class="content">[contenu] Bloc attention optionnel content-cours-blocs.css <div class="bloc-attention"> <h6>attention</h6> <div class="content">[contenu] Bloc syntaxe optionnel content-cours-blocs.css <div class="bloc-syntaxe"> <h6>syntaxe</h6> <div class="content">[contenu] Bloc explication optionnel content-cours-blocs.css <div class="bloc-explication"> <h6>explication</h6> <div class="content">[contenu] Bloc conseil optionnel content-cours-blocs.css <div class="bloc-conseil"> <h6>conseil</h6> <div class="content">[contenu] UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 32/58
33 Bloc confère optionnel content-cours-blocs.css <div class="bloc-confere"> <h6>confère</h6> <div class="content">[contenu] Bloc citation optionnel content-cours-blocs.css <div class="bloc-citation"> <h6>citation</h6> <div class="content">[contenu] Bloc activité optionnel content-cours-blocs.css <div class="bloc-activite"> <h6>activité</h6> <div class="content">[contenu] Bloc bibliographie optionnel content-cours-blocs.css <div class="bloc-bibliographie"> <h6>bibliographie</h6> <div class="content">[contenu] Bloc webographie optionnel content-cours-blocs.css <div class="bloc-webographie"> <h6>webographie</h6> <div class="content">[contenu] Bloc commentaire optionnel content-cours-blocs.css <div class="bloc-commentaire"> <h6>commentaire</h6> <div class="content">[contenu] Pictogramme «exemple» optionnel <a href="#" title="exemple"><img UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 33/58
34 src="../medias/navigation/cours/exemple.png" alt="exemple" /></a> Pictogramme «animation» optionnel <a href="#" title="animation"><img src="../medias/navigation/cours/animation.png" alt="animation" /></a> Pictogramme «en savoir plus» optionnel <a href="#" title="en savoir plus"><img src="../medias/navigation/cours/ensavoirplus.png" alt="en savoir plus" /></a> Pictogramme «lien internet» optionnel <a href="#" title="lien Internet"><img src="../medias/navigation/cours/internet.png" alt="internet" /></a> Pictogramme «référence» optionnel <a href="#" title="référence"><img src="../medias/navigation/cours/reference.png" alt="référence" /></a> Pictogramme «confère» optionnel <a href="#" title="confère"><img src="../medias/navigation/cours/cf.png" alt="confère" /></a> Etiquette dans le contenu d un bloc optionnel content-cours.css <a href="#" onclick="return false" onmouseover="cirm.ui.tooltip.show('[idetiquette]', event)" onmouseout="cirm.ui.tooltip.hide()">[titre de l étiquette]</a> En bas page à l intérieur du <div id="content" class="cours"> <div id="[idetiquette]" class="tooltip"> <h6>[titre de l étiquette]</h6> <p>[contenu]p> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 34/58
35 Pied de page Appellation Statut Localisation style CSS Application du style Pied de page obligatoire footer.css Menu obligatoire footer.css Rubrique du menu obligatoire footer.css Navigation obligatoire footer.css <div id="footer"> <div id="footer"> <div id="menu-bas"> <div id="footer"> <div id="menu-bas"> <li><a href="[#]" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="[#]" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <li><a href="[#]" title="enregister le cours en entier (pdf)"><span class="cours"><span>enregister le cours</span></span></a> <div id="footer"> <div id="menu-bas"> <li><a href="[#]" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 35/58
36 Rubrique de navigation obligatoire footer.css 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="[#]" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <li><a href="[#]" title="enregister le cours en entier (pdf)"><span class="cours"><span>enregister le cours</span></span></a> <div id="menu-bas-centre"> <div id="footer"> <div id="menu-bas"> <li><a href="[#]" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="[#]" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <li><a href="[#]" title="enregister le cours en entier (pdf)"><span class="cours"><span>enregister le cours</span></span></a> <div id="menu-bas-centre"> <li><a href="[#]" title="page précédente" class="disabled"><span class="previous"><span>page précédente</span></span></a> <li><a href="[#]" title="page suivante"><span class="next"><span>page suivante</span></span></a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 36/58
37 Copyright optionnel footer.css <div id="footer"> <div id="menu-bas"> <li><a href="[#]" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="[#]" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <li><a href="[#]" title="enregister le cours en entier (pdf)"><span class="cours"><span>enregister le cours</span></span></a> <div id="menu-bas-centre"> <li><a href="[#]" title="page précédente" class="disabled"><span class="previous"><span>page précédente</span></span></a> <li><a href="[#]" title="page suivante"><span class="next"><span>page suivante</span></span></a> <div class="copyright"> <span>[copyright]</span> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 37/58
38 IV PAGE DE RESSOURCES UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 38/58
39 Importation du style <link rel="stylesheet" type="text/css" title="normal" href="../medias/styles/style.css" media="screen" /> Importation du Javascript <script type="text/javascript" src="../medias/scripts/yahoo.js"></script> <script type="text/javascript" src="../medias/scripts/event.js"></script> <script type="text/javascript" src="../medias/scripts/cirm.js"></script> <script type="text/javascript" src="../medias/scripts/viewport.js"></script> <script type="text/javascript" src="../medias/scripts/frame.js"></script> <script type="text/javascript" src="../medias/scripts/course.js"></script> <script type="text/javascript" src="../medias/scripts/popup.js"></script> Construction de la page Haut de page Appellation Statut Localisation style CSS Application du style Haut de page obligatoire header.css Titre de l axe obligatoire header.css Titre du module obligatoire header.css Menu obligatoire header.css <div id="header"> <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="header"> <div id="titre-axe"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 39/58
40 <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> Rubrique du menu obligatoire header.css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <li> <a href="presentation.html" accesskey="a" id="rubrique1"title="présentation"><span>présentation</span ></a> <li><a href=" javascript:getcurrentcourse();" accesskey="z" id="rubrique2" title="cours"><span>cours</span></a> <li><a href="activites.html" accesskey="e" id="rubrique3" title="activités"><span>activités</span></a> <li><a href="#" accesskey="r" id="rubrique4" class="current" title="ressources"><span>ressources</span></a> Chemin de fer obligatoire header.css <div id="header"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 40/58
41 <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <li> <a href="presentation.html" accesskey="a" id="rubrique1" title="présentation"><span>présentation</span></a> <li><a href="javascript :getcurrentcourse();" accesskey="z" id="rubrique2" title="cours"><span>cours</span></a> <li><a href="activites.html" accesskey="e" id="rubrique3" title="activités"><span>activités</span></a> <li><a href="#" accesskey="r" id="rubrique4" class="current" title="ressources"><span>ressources</span></a> <div id="breadcrumb"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 41/58
42 Corps de page Appellation Statut Localisation style CSS Application du style Corps de page obligatoire content-ressources.css <div id="content" class="ressources"> Titre de la section obligatoire content-ressources.css <div id="content" class="ressources"> <div class="titre-section"> <h3>[titre de la section]</h3> Sous-titre de la section optionnel content-ressources.css <div id="content" class="ressources"> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 42/58
43 Plan de la page principale Appellation Statut Localisation style CSS Application du style Plan optionnel content-ressources.css <div class="plan-chapitre"> Titre du plan obligatoire content-ressources.css <div class="plan-chapitre"> <h4>[titre du plan]</h4> Liste du plan obligatoire content-ressources.css <div class="plan-chapitre"> <h4>[titre du plan]</h4> <ol> <li><a href="[#]">[enumeration 1]</a> <li><a href="[#]">[enumeration 2]</a> <li><a href="[#]">[ ]</a> </ol> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 43/58
44 Pied de page Appelation Status Localisation style CSS Application du style Pied de page obligatoire footer.css <div id="footer"> Menu obligatoire footer.css <div id="footer"> <div id="menu-bas"> Rubrique du menu obligatoire footer.css Copyright optionel footer.css <div id="footer"> <div id="menu-bas"> <li><a href="[#]" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="[#]" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <div id="footer"> <div id="menu-bas"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 44/58
45 <li><a href="[#]" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="[#]" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <div class="copyright"> <span>[copyright]</span> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 45/58
46 V PAGE DE RESSOURCES - BIBLIOGRAPHIE GLOSSAIRE UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 46/58
47 Importation du style <link rel="stylesheet" type="text/css" title="normal" href="../medias/styles/style.css" media="screen" /> Importation du Javascript <script type="text/javascript" src="../medias/scripts/yahoo.js"></script> <script type="text/javascript" src="../medias/scripts/event.js"></script> <script type="text/javascript" src="../medias/scripts/cirm.js"></script> <script type="text/javascript" src="../medias/scripts/viewport.js"></script> <script type="text/javascript" src="../medias/scripts/frame.js"></script> <script type="text/javascript" src="../medias/scripts/course.js"></script> <script type="text/javascript" src="../medias/scripts/popup.js"></script> Construction de la page Haut de page Appellation Statut Localisation style CSS Application du style Haut de page obligatoire header.css <div id="header"> <div id="header"> Titre de l axe <div id="titre-axe"> obligatoire header.css <h1>[titre de l axe]</h1> Titre du module obligatoire header.css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> Menu obligatoire header.css <div id="header"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 47/58
48 Rubrique du menu obligatoire header.css <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <li> <a href="presentation.html" accesskey="a" id="rubrique1"title="présentation"><span>présentation</span> </a> <li><a href=" javascript:getcurrentcourse();" accesskey="z" id="rubrique2" title="cours"><span>cours</span></a> <li><a href="activites.html" accesskey="e" id="rubrique3" title="activités"><span>activités</span></a> <li><a href="#" accesskey="r" id="rubrique4" class="current" title="ressources"><span>ressources</span></a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 48/58
49 Chemin de fer obligatoire header.css <div id="header"> <div id="titre-axe"> <h1>[titre de l axe]</h1> <div id="titre-module"> <h2>[titre du module]</h2> <div id="menu-haut"> <li> <a href="presentation.html" accesskey="a" id="rubrique1" title="présentation"><span>présentation</span></a> <li><a href="javascript :getcurrentcourse();" accesskey="z" id="rubrique2" title="cours"><span>cours</span></a> <li><a href="activites.html" accesskey="e" id="rubrique3" title="activités"><span>activités</span></a> <li><a href="#" accesskey="r" id="rubrique4" class="current" title="ressources"><span>ressources</span></a> <div id="breadcrumb"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 49/58
50 Corps de page Appellation Statut Localisation style CSS Application du style Corps de page obligatoire content-ressources.css <div id="content" class="ressources"> <a name="top"></a> Titre de la section obligatoire content-ressources.css <div id="content" class="ressources"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> Sous-titre de la section optionnel content-ressources.css <div id="content" class="ressources"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> Sélection d une autre ressource obligatoire content-ressources.css <div id="content" class="ressources"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="selection"> <fieldset> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 50/58
51 <form action=""> <select onchange="location=this.options[this.selectedindex].value;"> <option>sélectionner autre une ressource...</option> <option value="[#]">[- Titre de la ressource]</option> <option value="[#]">[- Titre de la ressource]</option> </select> </form> </fieldset> Navigation obligatoire content-ressources.css <div id="content" class="ressources"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="selection"> <fieldset> <form action=""> <select onchange="location=this.options[this.selectedindex].value;"> <option>sélectionner autre une ressource...</option> <option value="[#]">[- Titre de la ressource]</option> <option value="[#]">[- Titre de la ressource]</option> </select> </form> </fieldset> <div class="navigation"> <a href="#a">a</a> <a href="#b">b</a> <a href="#c">c</a> <a href="#d">d</a> <a href="#e">e</a> <a href="#f">f</a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 51/58
52 <a href="#g">g</a> <a href="#h">h</a> <a href="#i">i</a> <a href="#j">j</a> <a href="#k">k</a> <a href="#l">l</a> <a href="#m">m</a> <a href="#n">n</a> <a href="#o">o</a> <a href="#p">p</a> <a href="#q">q</a> <a href="#r">r</a> <a href="#s">s</a> <a href="#t">t</a> <a href="#u">u</a> <a href="#v">v</a> <a href="#w">w</a> <a href="#x">x</a> <a href="#y">y</a> <a href="#z">z</a> Lettre obligatoire content-ressources.css <div id="content" class="ressources"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="selection"> <fieldset> <form action=""> <select onchange="location=this.options[this.selectedindex].value;"> <option>sélectionner autre une ressource...</option> <option value="[#]">[- Titre de la ressource]</option> <option value="[#]">[- Titre de la ressource]</option> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 52/58
53 </select> </form> </fieldset> <div class="navigation"> <a href="#a">a</a> <a href="#b">b</a> <a href="#c">c</a> <a href="#d">d</a> <a href="#e">e</a> <a href="#f">f</a> <a href="#g">g</a> <a href="#h">h</a> <a href="#i">i</a> <a href="#j">j</a> <a href="#k">k</a> <a href="#l">l</a> <a href="#m">m</a> <a href="#n">n</a> <a href="#o">o</a> <a href="#p">p</a> <a href="#q">q</a> <a href="#r">r</a> <a href="#s">s</a> <a href="#t">t</a> <a href="#u">u</a> <a href="#v">v</a> <a href="#w">w</a> <a href="#x">x</a> <a href="#y">y</a> <a href="#z">z</a> <h4 class="lettre"><a name="[a]">[a]</a></h4> <div id="content" class="ressources"> <a name="top"></a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 53/58
54 <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="selection"> <fieldset> <form action=""> <select onchange="location=this.options[this.selectedindex].value;"> <option>sélectionner autre une ressource...</option> <option value="[#]">[- Titre de la ressource]</option> <option value="[#]">[- Titre de la ressource]</option> </select> </form> </fieldset> <div class="navigation"> <a href="#a">a</a> <a href="#b">b</a> <a href="#c">c</a> <a href="#d">d</a> <a href="#e">e</a> <a href="#f">f</a> <a href="#g">g</a> <a href="#h">h</a> <a href="#i">i</a> <a href="#j">j</a> <a href="#k">k</a> <a href="#l">l</a> <a href="#m">m</a> <a href="#n">n</a> <a href="#o">o</a> <a href="#p">p</a> <a href="#q">q</a> <a href="#r">r</a> <a href="#s">s</a> <a href="#t">t</a> <a href="#u">u</a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 54/58
55 <a href="#v">v</a> <a href="#w">w</a> <a href="#x">x</a> <a href="#y">y</a> <a href="#z">z</a> <h4 class="lettre"><a name="[a]">[a]</a></h4> <div class="bloc-definition"> <h5>[titre]</h5> <p>[description]</p> Retour en haut de page obligatoire content-ressources.css <div id="content" class="ressources"> <a name="top"></a> <div class="titre-section"> <h3>[titre de la section]</h3> <h4>[sous-titre de la section]</h4> <div class="selection"> <fieldset> <form action=""> <select onchange="location=this.options[this.selectedindex].value;"> <option>sélectionner autre une ressource...</option> <option value="[#]">[- Titre de la ressource]</option> <option value="[#]">[- Titre de la ressource]</option> </select> </form> </fieldset> <div class="navigation"> <a href="#a">a</a> <a href="#b">b</a> <a href="#c">c</a> <a href="#d">d</a> <a href="#e">e</a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 55/58
56 <a href="#f">f</a> <a href="#g">g</a> <a href="#h">h</a> <a href="#i">i</a> <a href="#j">j</a> <a href="#k">k</a> <a href="#l">l</a> <a href="#m">m</a> <a href="#n">n</a> <a href="#o">o</a> <a href="#p">p</a> <a href="#q">q</a> <a href="#r">r</a> <a href="#s">s</a> <a href="#t">t</a> <a href="#u">u</a> <a href="#v">v</a> <a href="#w">w</a> <a href="#x">x</a> <a href="#y">y</a> <a href="#z">z</a> <h4 class="lettre"><a name="[a]">[a]</a></h4> <div class="bloc-definition"> <h5>[titre]</h5> <p>[description]</p> <div class="haut-page"><a href="#top"><span>haut de page</span></a> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 56/58
57 Pied de page Appellation Statut Localisation style CSS Application du style Pied de page obligatoire footer.css <div id="footer"> Menu obligatoire footer.css <div id="footer"> <div id="menu-bas"> Rubrique du menu obligatoire footer.css <div id="footer"> <div id="menu-bas"> <li><a href="[#]" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="[#]" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> Copyright optionel footer.css <div id="footer"> <div id="menu-bas"> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 57/58
58 <li><a href="[#]" title="plan"><span class="map"><span>plan</span></span></a> <li><a href="aide.html" title="aide"><span class="help"><span>aide</span></span></a> <li><a href="javascript:openpopup('credits.html', 'Crédits', 600, 400);" title="crédits"><span class="credits"><span>crédits</span></span></a> <li><a href="[#]" title="imprimer la page"><span class="print"><span>imprimer</span></span></a> <div class="copyright"> <span>[copyright]</span> UVED - TECHNIQUE DE CONSTRUCTION D UN MODULE 20 nov Pilotage Romuald LORTHIOIR 58/58
INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
et de la feuille de styles.
Feuilles de style / mars 2007 Manuel d'utilisation du modèle enssib et de la feuille de styles. Writer Open Office Service des produits documentaires Contact : Richard Grenier 2e étage enssib Tél : 04
Application de Gestion des Notes de Frais sous Lotus Notes via un navigateur avec WorkFlow 1
Gestion des Notes de Frais avec Workflow pour Lotus Notes R5 et R6 Application de type Navigateur CVM sas 8 rue Paul Cézanne 93360 Neuilly-Plaisance - Tél : 33 (0)1.43.67.09.03 - Fax : 33 (0)1 43.67.35.40
Styler un document sous OpenOffice 4.0
Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière
Les outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
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...
Nous vous proposons des formations à la carte et vous accompagnons dans leur mise en oeuvre au quotidien.
Nous vous proposons des formations à la carte et vous accompagnons dans leur mise en oeuvre au quotidien. Netchallenge met à votre disposition ses salles de formation, toutefois afin de correspondre au
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
Créer des documents interactifs
Créer des documents interactifs 14 Au cours de cette leçon, vous apprendrez à : créer un document en ligne de base ; ajouter des boutons, des transitions de page et des hyperliens ; exporter au format
INTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
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
Notes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
SITE I NTERNET. Conception d un site Web
SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.
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
Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.
Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel
Publication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB"
MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB" Quelques conseils pour bien contribuer 1 Paramétrer votre navigateur web 2 Accéder au module de gestion des pages web 2
!" #$%&'(&)'*'+,--./&0'1&23,+2.)$4$%52'&%'6.%&2'
Évaluer un site web, cours de descriptions de controverses i Dans le cadre du cours Description des controverses, le repérage des acteurs et la connaissance de leurs positions passent largement par l identification
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
Table des matières & Index Partie première : Table des matières Jean-Yves Lucca
& Index Partie première : Jean-Yves Lucca Première édition du 14 novembre 2005 Version du 10 mai 2012 réalisée avec AOO 3.4.0 Le site du Forum francophone OpenOffice.org http://user.services.openoffice.org/fr/forum/
Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
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é
Silfid : Agence de création de site internet, formations et Conseils Retour sommaire
Sommaire ILFID vous accueille dans sa salle de formation équipée d ordinateurs en réseau et connectés internet, d'un vidéo- Sprojecteur et tableau blanc. Nos solutions sont éligibles aux critères de financement
M@gistère Glossaire des outils
DSDEN du Rhône M@gistère Glossaire des outils Les blocs : bandeau gris Nous vous présentons les items que nous avons testés qui nous paraissent fonctionner. L astérisque devant le nom d un bloc indique
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
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
AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 :
CONSIGNE N 1 : Rédiger puis envoyer un nouveau message La fenêtre de la boîte de messagerie s affiche Cliquer sur «Ecrire» ou «Nouveau message» pour ouvrir cette nouvelle fenêtre. Ensuite, suivre cette
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
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
LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
Partie publique / Partie privée. Site statique site dynamique. Base de données.
Partie publique / Partie privée. Partie publique - Front office / Partie privée - Back office. Utiliser l analogie avec une émission de télévision. Un journal télévisé = 1 journaliste + des reportages.
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
Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013
Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326
Programmation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
LISTE DES FONCTIONNALITES - TINY v1.5 -
LISTE DES FONCTIONNALITES - TINY v1.5 - INTRODUCTION L'intranet / l'internet permet la mutualisation des développements. L'impératif de réutilisabilité des modules est que certains développements créés
TIC 12 ATELIER INTEGRATION CAHIER DES CHARGES. Page 1/5
TIC 12 ATELIER INTEGRATION CAHIER DES CHARGES Page 1/5 ATELIER INTEGRATION A mi-parcours de votre formation, l'atelier (dont la note est coefficient 2) permet d'évaluer vos connaissances acquises lors
INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09
INFORMATIQUE & WEB Code du diplôme : CP09 Passionné par l informatique et le web, vous souhaitez obtenir une certification dans un domaine porteur et enrichir votre CV? PARCOURS CERTIFICAT PROFESSIONNEL
Création d un site web avec le kit labo CNRS. Expérience au LMV - Ch. Postadjian (Laboratoire de Mathématiques de Versailles - UMR 8100)
Création d un site web avec le kit labo CNRS Expérience au LMV - Ch. Postadjian (Laboratoire de Mathématiques de Versailles - UMR 8100) 1 2 outils DREAMWEAVER : Editeur qui permet de créer et gérer des
Survol des nouveautés
Maîtrisez la conception de sites Web en toute simplicité WebExpert est un puissant logiciel d'édition Web qui vous permet de concevoir et de gérer des sites Web, de façon professionnelle en toute simplicité.
Informatique et Internet
Informatique et Internet Nos Solutions Internet Site Internet Malera.com propose des développements au forfait pour toutes les applications Web. Elles concernent des utilisations en intranet, extranet
Formations Professionnelles
Formations Professionnelles Technicien réseaux / Téléphonie IP Infographiste / Opérateur PAO Développeur WEB Animateur multimédia Aide-comptable Pour adultes demandeurs d'emploi Préformations ciblées Formations
Ces Lettres d informations sont envoyées aux extranautes inscrits et abonnés sur le site assistance (voir point N 3).
Site Internet - utilisation Septembre 00 Le service support de JVS-Mairistem met à disposition des utilisateurs des applications JVS-Mairistem et des collectivités clientes, un site internet de support
JAHIA 6. Création et modification de sites web UniNE
JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES
Projet en nouvelles technologies de l information et de la communication
Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima
Packs Graphiques. Comparez nos offres! Chrome Silver Gold Platinum. 04 86 26 26 26 Appel non surtaxé. Comment choisir votre pack? Design.
Packs Graphiques Comparez nos offres! Chrome Silver Gold Platinum Design - Design général du site - Boutons dans l en-tête - Champ recherche dans l en-tête - Blocks marketing stylisés - Optimisation de
FICHIERS ET DOSSIERS
La différence entre fichier et dossier FICHIERS ET DOSSIERS La première notion à acquérir est la différence entre un dossier et un fichier Un dossier est une sorte de classeur dans lequel on range divers
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
Charte éditoriale 1- Comment préparer un contenu écrit pour le Web?
Charte éditoriale 1- Comment préparer un contenu écrit pour le Web? Mémo TRAME D'UN ARTICLE : pour vous aider, vous pouvez utiliser le canevas de page web standard TITRE : informatif et accrocheur, avec
SDIS 84 PROJET INFOGERANCE PROCEDURE. Procédure
PROCEDURE Origine Bull Services Date création : 25/09/2009 Auteur Romain BONVALOT 04 90 81 68 20-21 Nom document Livrable Pour Serveur Nagios.doc Référence Version : V1 Visa SDIS 84 : Visa Bull : Etat
Audit de site web. Accessibilité
Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes
PARAMETRER INTERNET EXPLORER 9
PARAMETRER INTERNET EXPLORER 9 Résumé Ce document vous donne la marche à suivre pour paramétrer Microsoft Internet Explorer 9, notamment en vous indiquant comment lancer Internet Explorer 9, réinitialiser
indesign User Group Paris Creative Cloud (version 2014) Nouveautés Design
indesign User Group Paris Creative Cloud (version 2014) Nouveautés Design Franck Payen Jeudi 3 juillet 2014 19h00-21h00 indesign User Group Paris http://www.indesignusergroup.com/chapters/paris/ Sondage
Micro-ordinateurs, informations, idées, trucs et astuces. Utiliser les services de fichiers
Micro-ordinateurs, informations, idées, trucs et astuces Utiliser les services de fichiers Auteur : François CHAUSSON Date : 8 février 2008 Référence : utiliser les services de fichiers.doc Préambule Voici
Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?
![Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?](/thumbs/18/825045.jpg "Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?")
Aide [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Au sein d'un ordinateur, les données et les fichiers sont stockés suivant une structure d'arbre appelée arborescence. Pour
ZOTERO. Installation. Bibliothèque de Pharmacie. Service Formation
ZOTERO Bibliothèque de Pharmacie. Service Formation Zotero est un logiciel de gestion de références bibliographiques, gratuit et open source. Il permet de de créer et gérer une base de données de références
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Création de site Internet avec Jimdo
Création de site Internet avec Jimdo Ouvrez votre navigateur internet ou Internet Explorer ou Mozilla Firefox Rendez vous sur la page http://fr.jimdo.com/ voici ce que vous voyez. 1=> 2=> 1. Le nom que
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
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
Des outils numériques simples et conviviaux!
Des outils numériques simples et conviviaux! 1 La clé USB en bref La clé USB vous permet : n De projeter, avec ou sans tableau blanc interactif (TBI), les pages du livre numérique. n De naviguer facilement
Manuel d'utilisation du site Deptinfo (Mise en route)
Manuel d'utilisation du site Deptinfo (Mise en route) 1)Nouveautés apportées par le nouveau site...2 2) Accès à l espace privé... 3 a) Accès... 3 b) Identification... 3 c)page d accueil de l espace privé...4
GUIDE D UTILISATION CHRONOTRACE Pour suivre vos envois dans le monde entier
GUIDE D UTILISATION CHRONOTRACE Pour suivre vos envois dans le monde entier Suivez d un simple clic tous vos envois en France et à l international Ce guide pratique a été conçu pour vous permettre d utiliser
www.lafamily.ch en 16 différences
Cas d étude no 3 www.lafamily.ch en 16 différences juin 2003 Le mandat réalisé avec QuickSite de transformation du site existant de Lafamily.ch, centre globale d information pour les familles, à été de
Maîtrisez votre Navigateur
Qu est-ce que Surfer ou Naviguer sur Internet? C est l action, à l aide d un navigateur internet, de suivre les liens hypertexte qui relient les pages Web les unes aux autres. La navigation Web C est une
DÉCOUVREZ SON FONCTIONNEMENT EN 10 CLICS!
DÉCOUVREZ SON FONCTIONNEMENT EN 10 CLICS! 1 POUR FAIRE VOS PREMIERS PAS : LA PAGE D ACCUEIL POUR TOUS Sur la page d accueil de la Fabrique à menus : Grâce au menu déroulant, sélectionnez le nombre de jours
NOTICE TELESERVICES : Demander un état hypothécaire
NOTICE TELESERVICES : Demander un état hypothécaire Sommaire Sommaire... 1 Objet de la notice... 1 A qui s adresse cette notice?... 1 Pré-requis... 2 Le guide pas à pas pour faire une demande d état hypothécaire...
B&C PRIVATE ROOM GUIDE D UTILISATION. B&C COLLECTION // BE INSPIRED www.bc-privateroom.com // www.bc-fashion.com
B&C PRIVATE ROOM GUIDE D UTILISATION FR www.bc-privateroom.com // www.bc-fashion.com Bienvenue dans la Private Room de B&C À la recherche d informations marketing et d outils de communication pour montrer
Formation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
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
Initiation au logiciel de gestion bibliographique Zotero
Initiation au logiciel de gestion bibliographique Zotero Le contenu de ce tutoriel est placé sous copyright de ses auteurs et sous contrat Creative Commons : Photo : Université de Princeton, NJ (TL, 2009)
OFFRE DE SERVICE. www.votreentreprise.com
2011 NOM ENTREPRISE OFFRE DE SERVICE CONCEPTION, REALISATION ET HEBERGEMENT SITE WEB www.votreentreprise.com AFConsulting Web Services Page 1 sur 19 SOMMAIRE Lettre, offre de services --------------------------------------------
CREG : http://www.creg.ac- versailles.fr/spip.php?article803
OUTILS NUMERIQUES Édu-Sondage : concevoir une enquête en ligne Rédacteur : Olivier Mondet Bla. 1 Présentation Parmi les pépites que contient l Édu-Portail, l application Édu-Sondage est l une des plus
Comment déposer les comptes annuels des associations, fondations et fonds de dotation.
Comment déposer les comptes annuels des associations, fondations et fonds de dotation. Quels sont les organismes qui doivent déposer? Les associations et les fondations lorsque le montant des dons et/ou
NOS FORMATIONS EN BUREAUTIQUE
NOS FORMATIONS EN BUREAUTIQUE Par Vivien Romaric DOVI EREBYA SENEGAL «Villa N 1, cité BOURGI - Route de l'aéroport - Dakar, Sénégal» +221 77 475 74 59 info@erebya.com 1 FORMATION N 002 : Initiation à l
Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech
Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web
COMMENT PUBLIER SUR ARIANE?
COMMENT PUBLIER SUR ARIANE? Rédacteur : Dr Michel Arnould 1. SOMMAIRE 1.Sommaire...1 2.Connexion...1 3.Gestion des pages du wiki...1 Ajouter une nouvelle page...1 Supprimer, renommer, protéger une page...1
Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH
Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...
5(&200$1'$7,216 (5*2120,48(63285/$ &5($7,21'(3$*(6:(%
&HQWUHQDWLRQDOGHODUHFKHUFKHVFLHQWLILTXH 'popjdwlrqdx[v\vwqphvglqirupdwlrq 5(&200$1'$7,216 (5*2120,48(63285/$ &5($7,21'(3$*(6:(% 5pIpUHQFH : CNRS/DSI/BQUAL/WEB/GUIDERGOWEB.DOC 'DWH : 24/09/97 9HUVLRQ :
iil est désormais courant de trouver sur Internet un document
Matériels et systèmes L Acrobat qui cherche dans les PDF Michel NARCY - Formateur TICE et Médialog Bulletin officiel, programmes d enseignement, articles de quotidiens ou de revues scientifiques... De
emuseum PUBLIEZ VOS COLLECTIONS SUR INTERNET Pourquoi choisir emuseum? Intégration facile avec TMS Puissante fonction de recherche
emuseum emuseum PUBLIEZ VOS COLLECTIONS SUR INTERNET emuseum est un système de publication Web qui s intègre de façon transparente avec TMS pour la publication d informations sur Internet et les appareils
Guide Reseller Onbile
Guide Reseller Onbile Cher Revendeur, Avez-vous un doute en ce qui concerne le fonctionnement du Panneau d Administration du Plan Reseller de Onbile? Le guide Reseller Onbile est ce dont vous avez besoin!
Prise en main de Moodle
Prise en main de Moodle Adresse d accès : http://moodle.grenet.fr/stendhal/my/ Jean-Philippe PERNIN Université Stendhal Département Informatique Pédagogique Bureau I 113 Mél. : Jean-Philippe.Pernin@u-grenoble3.fr
Guide d usage pour Word 2007
Formation TIC Septembre 2012 florian.jacques@etsup.com Guide d usage pour Word 2007 ETSUP 8 villa du Parc Montsouris 75014 PARIS SOMMAIRE Interface... 2 Organiser son espace de travail... 3 La barre d
KIELA CONSULTING. Microsoft Office Open Office Windows - Internet. Formation sur mesure
KIELA CONSULTING Microsoft Office Open Office Windows - Internet Formation sur mesure Bureautique L outil informatique et la bureautique sont devenus quasiment incontournables quelque soit votre métier
FORMATIONS 2011-2012 INFORMATIQUE
ALPEN Formation Site de Combloux FORMATIONS 2011-2012 INFORMATIQUE Vous souhaitez plus de renseignements? Vous souhaitez vous inscrire? Contactez-nous : combloux.formation@laposte.net 04.50.58.69.10 Découverte
ENDNOTE WEB POWERED BY THOMSON REUTERS WEB OF KNOWLEDGE SM
QUICK REFERENCE GUIDE ENDNOTE WEB POWERED BY THOMSON REUTERS WEB OF KNOWLEDGE SM EN QUOI CONSISTE ENDNOTE WEB? EndNote Web est un logiciel de références bibliographiques sur internet, conçu pour simplifier
WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
Créez des étiquettes avec Microsoft Word et Excel (Versions Windows 10 et 11)
MICROSOFT WORD POUR WINDOWS Créez des étiquettes avec Microsoft Word et Excel (Versions Windows 10 et 11) Imprimer des étiquettes, c est possible avec le couple Microsoft Word et Microsoft Excel. Nous
NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
AIDE à l utilisation du cédérom «L athlétisme à l école» Niveau Primaire SOMMAIRE
AIDE à l utilisation du cédérom «L athlétisme à l école» Niveau Primaire SOMMAIRE Arborescence du cédérom (page 2) Lancement du Cédérom et configuration minimale de votre ordinateur (page 3). Loupe, page
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
Bureautique Initiation Excel-Powerpoint
Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office
Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.
Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur
Présentation - Tableau de bord du CA Carrefour informationnel et documentaire des Laurentides
[Texte] Présentation - Tableau de bord du CA Carrefour informationnel et documentaire des Laurentides Contenu Préambule... 3 Index... 3 Visualisation du rapport Cognos... 4 Réception du rapport par courrier
Scénario de prise en main DataCar CRM v2.3 Gamme SFA
Scénario de prise en main DataCar CRM v2.3 Gamme SFA 1 - Présentation et Restriction Vous venez d obtenir vos accès à l application DataCar CRM. Vous trouverez dans ce document un scénario de prise en
Introduction aux concepts d ez Publish
Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de
Utiliser le site Voyages-sncf.com
voyages-sncf.com 17 mars 2014 p 1 Utiliser le site Voyages-sncf.com Avec ce tutoriel, vous apprendrez à utiliser le site de la SNCF dédié aux trajets grandes lignes et plus particulièrement à : rechercher