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

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

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

Transcription

1 TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles, constitue une application web dans un sens assez large. On parle souvent de web statique car les pages ne peuvent pas réagir aux actions de l utilisateur. Les CMS (Content Managing System) sont des application web, dites dynamiques, qui permettent d organiser du contenu et de le publier en ligne sans que les auteurs, éditeurs,... (c.à.d. ceux qui produisent le contenu) aient à se soucier de la difficulté de la programmation web. Toute la difficulté des langages web (HTML, CSS, PHP, MySQL, mais aussi ASP,.NET,... ) est confié aux développeurs et webmaîtres qui s occupent respectivement de coder l application et de veiller au bon fonctionnement du site. Néanmoins, tous les CMS exposent au moins en partie les couches profondes de l application afin de permettre aux utilisateurs avancés d accomplir certaines tâches techniques. Dans ce TP, forts de nos connaissances de HTML et CSS, on va se placer du côté des auteurs éclairés et on va interagir avec deux CMS différents afin de personnaliser les affichages. Le rôle du développeur sera l objet des prochains TPs. Avant de commencer Firebug Attention : pour ce TP il est fortement conseillé de travailler sous FreeBSD car Firebug y est déjà installé par défaut. 1 Quand on veut étudier des gros documents HTML, lire les sources dans un éditeur peut devenir pénible. Des outils avancés existent pour parcourir et éditer à la volée la structure d un document HTML, le plugin Firebug pour Firefox est l un d entre eux. Exercice 1 Premiers pas avec Firebug Ouvrez la page poemes.html du TP4 dans Firefox et tapez F12, l éditeur Firebug s ouvre 2. Naviguez dans la structure du document jusqu à trouver la balise <link> qui relie la feuille de style, ouvrez-la. Remarquez que les feuilles de style sont affichées de façon plus pratique par l onglet CSS de firebug. 1. Cliquez avec le bouton droit sur la balise <link> et choisissez Supprimer l élément. Que se passe-t-il? 2. Maintenant cliquez sur le bouton Inspecter (ou l icône, selon la version), déplacez la souris dans la page web et cherchez la balise qui contient le texte Mignonne, allons voir si la rose. Cliquez, firebug vous positionne sur la balise ; changez le texte en Quand vous serez bien vieille et le <em> en <u>. (Indice : le bouton Éditer peut vous aider). 3. Tapez à nouveau F12 pour fermer l éditeur, rafraîchissez (Ctrl+R, ou F5, ou par les menus). Observez que les modifications faites par firebug ne sont pas sauvegardées dans votre fichier : firebug fait une copie privée du fichier et travaille sur celle-ci, ce qui vous permet de modifier aussi bien des pages qui ne vous appartiennent pas (essayez avec un site de votre choix). 1 Si vous travaillez sur ordinateur portable, ou si vous êtes allergiques à FreeBSD, vérifiez que vous avez au moins 12Mo libres dans votre espace de stockage et copiez ce lien dans firefox : 2 Si rien ne se passe, c est que firebug n est pas installé sur votre machine. Dans ce cas, suivez les instructions ci-dessus pour l installer. 1

2 1 Première partie Claroline Le didel n est rien d autre qu une application web dynamique, il est construit sur la plate-forme Claroline (http://www.claroline.net/). Claroline est un CMS spécialisé dans la gestion de contenus didactiques, parfois on appelle LMS (pour Learning Managment System) ce genre d applications web. Dans cette partie on va étudier comment Claroline permet de gérer les contenus. Connectez-vous sur le didel et allez sur la page du cours. Dans le menu de gauche sélectionnez Groupes mon groupe Documents et liens. 1.1 Générer du HTML Exercice 2 L outil Document et liens Dans cet outil, créez un répertoire à votre nom et entrez-y. Choisissez Créer un document, donnez un nom au document et dans l éditeur décrivez en au moins deux paragraphes la façon dont vous êtes habillé aujourd hui et la dernière musique que vous avez écouté (si les sujets ne vous conviennent pas, vous pouvez en choisir des autres, vous adapterez le reste de l exercice en conséquence). 1. Faites une liste (numérotée ou non ) pour vos éléments vestimentaires, ajoutez du gras et de l italique là ou il vous semble bon. 2. Ajoutez au moins une image (, google images peut vous aider si vous manquez d inspiration) et un lien ( ). 3. Centrez le deuxième paragraphe. 4. Créez un dernier paragraphe contenant les textes Valider HTML et Valider CSS ; collez sur les textes des liens, respectivement, vers et Sauvegardez. Votre fichier est créé. Vous pouvez le visionner en cliquant dessus. Exercice 3 Editer le HTML Visionnez le code source du document que vous venez de créer. Remarquez que le code produit par Claroline est propre, comprehensible et respecte assez bien les standards ; neanmoins il se sert d attributs qui ne sont pas permis en XHTML Strict tel align="center". Revenez à l outil Documents et liens et éditez le contenu de votre fichier. Cette fois-ci on ne se servira pas de l éditeur WYSIWYG, mais on editera directement le code HTML grâce au bouton. 1. Eliminez l attribut align là où il apparaît, donnez une classe aux paragraphes qui doivent être centrés. D une façon générale, éliminez tous les attributs qui servent à faire de la mise en page. 2. Changez le paragraphe conenant les deux liens Valider... en un <div>. Regroupez dans deux <div> différents la discussion sur votre habillement et la discussion sur la musique. Donnez un id à chaque div. 3. Entourez chaque nom de couleur apparaissant dans votre texte d une balise <span>, donnez une classe à chaque balise span (même classe à même couleur, bien évidemment!). Si vos vêtements n ont pas de couleur, c est qu il y a un problème... remediez-y! Sauvegardez. Visualisez à nouveau le document et cliquez sur le lien Valider HTML, ceci vous redirige vers le validateur w3c. Vous pouvez constater que la page ne valide pas, et pour cause : les entêtes ne contiennent même pas la balise <title>. 2

3 Exercice 4 Soyons stricts Claroline ne permet pas une gestion assez fine du code HTML généré, on va donc devoir retourner aux vieilles manières. Téléchargez (avec click droit Enregistrer la cible du lien sous... ) le fichier que vous avez crée et ouvrez-le avec votre éditeur de texte. 1. Ajoutez une DTD XHTML Strict (souvenez-vous du squelette qu on vous a donné en cours), complétez les entêtes et éditez le fichier jusqu à ce que ça valide. Vous remarquerez qu en local le lien Valider HTML ne marche plus, pourquoi? 2. Ajoutez une balise <link> qui relie une feuille de style que vous allez aussitot créer. Uploadez le document ainsi modifié dans l outil Documents et liens en vous servant du lien Ajouter un fichier, ignorez d éventuels messages d erreur concernant les images. Visionnez le fichier et cliquez sur le lien Valider HTML, si ça ne valide pas c est que vous avez commis un erreur... revenez à la case de départ! 1.2 Ajouter du style Claroline ne permet pas de gérer la mise en page des documents, pour cette partie on va devoir travailler en local et uploader le résultat dans Documents et liens. Exercice 5 Mettre du style Si ce n est déjà fait, créez le fichier de style relié à la page HTML sur laquelle vous avez travaillé auparavant. À partir de ce moment vous n avez plus droit de toucher au fichier HTML. Faites en sorte que 1. Les éléments qui doivent être centrés soient centrés. 2. Les noms de couleurs s affichent dans la couleur correspondente. 3. Tous les <div> aient une bordure et largeur 40%. En considerant les <div> dans l ordre d affichage, donnez une marge inférieure de 50px au premier, une marge supérieure de 50px au deuxième et une hauteur de 80px au troisième. 4. Faites sortir le troisième <div> du flux d affichage en modifiant son attribut position et essayez de le caser dans l espace blanc entre le premier et le deuxième <div>. Que remarquez-vous? 5. Faites en sorte que les images ne soient plus des éléments inline : chacune doit resider seule sur sa propre ligne. Faites en sorte que chaque image soit centrée sur sa propre ligne. (Indice : allez voir les propriétés display et margin:auto. 3 ) 6. Faites disparaître tout le texte en gras, d abord en utilisant display, ensuite visibility. Quelle est la différence? 7. Faites en sorte que les liens Valider... s affichent comme des éléments d une liste (la propriété display est encore votre amie). Uploadez la feuille de style dans l outil Documents et liens, visonnez la page HTML et validez le CSS en cliquant sur le lien. 2 Deuxième partie Wordpress Wordpress est un CMS spécialisé dans la publication de blogs. Il est bien plus puissant que Claroline et il compte parmi ses utilisateurs le New York Times et Le Monde. Visitez le site et créez-vous un compte (ne changez pas les options : les valeurs par défaut vont bien), seulement les sont acceptées. Allez consulter votre boîte à courriels et suivez les instructions pour activer votre blog. 3 Ni selfhtml, ni w3schools documentent très bien le modèle par boîtes, les marges collapsables et margin:auto ; pour une reférence complète on pourra consulter 3

4 2.1 Créer du contenu Suivez le lien View your site ou, si vous êtes déjà loggués dans le panneau d administation, cliquez sur le bouton Visit site tout en haut. Ceci est votre blog, pas bien rempli pour l instant : il contient un billet et un commentaire. On va commencer par ajouter des billets à ce blog. Exercice 6 Votre premier billet Grâce aux liens dans le menu de droite, logguez-vous (le mot de passe vous a été envoyé par mail) ou, si c est déjà fait, allez dans Site admin. Ceci est le panneau d administration de Wordpress, il vous permet de gérer vos billets, de modifier l affichage, d ajouter d autres auteurs à votre blog et fournit plein d autres fonctionnalités qu on vous invite à explorer aussi en dehors des TPs. Pour cette partie on va se limiter à l édition des billets : le menu Posts (post = billet) est votre ami. 1. Mettez à la poubelle le billet généré automatiquement Hello world. 2. Créez un nouveau billet décrivant votre habillement, créez-en un autre qui parle de musique. Ajoutez des images ( ), des liens, du gras, des listes comme pour l exercice 2. Pas la peine de créer les liens Valider... : Wordpress s en charge pour vous! 3. Publiez 4 les billets. Sans vous délogguer, sortez du panneau d administration pour aller voir le résultat dans le blog. Cliquez sur le lien Valid XHTML pour vérifier que Wordpress a bien généré du code valide. Explorez le code source de la page pour vous faire une idée du code HTML généré ; étant donnée la complexité du code, firebug vous rendra un grand service! 4. Revenez au panneau d administration et éditez le deuxième billet en centrant le texte. L onglet HTML vous permet d éditer directement le code HTML du billet, allez voir le code et regardez quelle technique Wordpress utilise pour centrer le texte. Cette technique respecte-t-elle les standards? Vous vérifierez à l aide du lien Valid XHTML. 5. En utilisant l onglet HTML, mettez des <span> autour des noms de couleurs et donnez des classes appropriées. 6. Vous pouvez ranger vos billets par catégories 5. Créez au moins une catégorie TP et assignez-y tous les billets qu on vous demande de créer en TP ; créez au moins une autre catégorie et assignez-y un billet. 7. Pour ceux qui vont trop vite Worpdress intègre aussi un concept de pages : une page n est rien d autre qu un billet doté d un lien permanent dans la barre des menus du blog. À l aide de l outil Pages du panneau d administration, créez une page qui parle de vous. 8. Pour ceux qui vont vraiment trop vite Explorez les outils Media et Links. 2.2 Donner de la forme Si la gestion du contenu dans Wordpress est simple, intuitive et XHTML Strict (!), il en est pas de même pour la gestion de la forme. Wordpress intègre un concept de thèmes et de widgets : les premiers contrôlent l affichage global du site, les deuxièmes contrôlent le contenu du menu. Exercice 7 Gestion utilisateur de l affichage Dans l outil Appearence, sélectionnez Themes, changez le thème d affichage et allez vérifier le résultat. Revenez à Appearence et sélectionnez Widgets, à l aide de la souris composez votre menu en traînant vos widgets dans Sidebar, n oubliez pas d inclure le widget Meta. Allez voir le résultat. Si vous souhaitez revenir aux widgets par défaut, il vous suffit de vider à nouveau la boîte Sidebar. 4 La boîte Publish vous permet de sauvegarder un brouillon Save Draft, prévisualiser Preview ou publier Publish un billet 5 La boîte Categories sur la droite vous permet de créer des catégories et d y assigner des billets 4

5 Tout ça est bien pratique, mais très décevant pour nous, experts de CSS. Les développeurs de Wordpress ont estimé, probablement pas à tort, que la gestion fine du style d affichage est une tâche qu il faut réserver aux développeurs de thèmes et plugins. Pour vous éviter la difficulté d aller bidouiller avec le code PHP de Wordpress, vos enseignants ont développé un plugin, nommé (ironiquement?) Buddhist Gardener, qui vous permet d aller retoucher les feuilles de style des pages. Ce plugin est expérimental, n hésitez pas à nous signaler tout comportement qui ressemble à un bug. Exercice 8 Gestion avancée de l affichage Assurez-vous que le thème IO2 soit le thème actif. Dans l outil Appearence, sélectionnez Buddhist Gardener. Un éditeur de css s affiche, pas très différent de l éditeur de billets, de fait le concept de Buddhist Gardener est très simple : une feuille de style est la même chose qu un billet! Créez un nouveau style qui : 1. Affiche tout le texte en sans-sérif 14pt, 2. donne la bonne couleur aux <span> que vous avez mis dans vos billets, 3. fait en sorte que toutes les images contenues dans un billet (et seulement celles-ci) soient seules sur leur propre ligne et centrées. (Indice : servez-vous de firebug pour répérer les <div> qui contiennent des billets, identifiez quelle classe 6 est commune à tous les billets). Validez votre code à l aide du bouton dans la boîte Actions. Donnez un nom à la feuille de style, ajoutez une description, sauvegardez et allez voir le résultat. Exercice 9 Des styles en cascade On va maintenant étudier comment se comporte une page à laquelle on applique plusieurs feuilles de style (en cascade). 1. Créez une autre feuille de style qui: affiche tout le texte en sérif 10pt, contienne la directive span{color:black;}, donne une couleur de fond de votre choix au billet qui parle de votre habillement, fait apparaître des bordures quand la souris passe sur le billet qui parle de musique, fait disparaître un widget de votre choix. 2. Sauvegardez et allez voir le résultat. Regardez le code source à l aide de firebug et repérez les balises <link> qui introduisent des feuilles de style, notez bien l ordre. Revenez à l outil Appearence, cliquez sur Choix des styles et changez l ordre des feuilles de style. Allez voir le résultat. Que remarquez-vous? 3. Ajoutez une feuille de style contenant la directive span{color:black!important;}. Que remarquez-vous? Exercice 10 Pour ceux qui vont vite Créez encore une feuille de style qui 1. déplace le menu de droite à gauche, 2. numérote les billets dans une page, 3. donne place à votre imagination! 6 Vous remarquerez que Wordpress assigne plusieurs classes à une même balise, ceci est possible grâce à la syntaxe <div class="classe1 classe2 classe3">. 5

InfoStance SCOLASTANCE V6. Espace collaboratif privé

InfoStance SCOLASTANCE V6. Espace collaboratif privé InfoStance SCOLASTANCE V6 Espace collaboratif privé Table des matières Se connecter à l espace collaboratif privé... 4 Création et modification de contenu... 4 La Barre d édition... 4 La page d accueil...

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

Publier dans la Base Documentaire

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

Plus en détail

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

Plus en détail

~ 1 ~ NETVIBES : MODE D EMPLOI. Préambule

~ 1 ~ NETVIBES : MODE D EMPLOI. Préambule ~ 1 ~ NETVIBES : MODE D EMPLOI Préambule Netvibes est un site internet utilisant les technologies du Web 2.0 permettant de se créer une page accessible de tout point connecté à Internet. Netvibes permet

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

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

Plus en détail

Guide de base WordPress

Guide de base WordPress Guide de base WordPress Pour créer et gérer votre blogue ou site Internet 1- La création du blogue Wordpress Créez votre propre compte Wordpress.com en quelques secondes. C est gratuit. Entrez cette adresse

Plus en détail

Sommaire. Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog

Sommaire. Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog Sommaire Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog Premiers pas sur Wordpress Créer un compte utilisateur Créer un blog Tableau de bord et administration Interface

Plus en détail

Utilisation du CMS Joomla

Utilisation du CMS Joomla Utilisation du CMS Joomla Index Définition d un CMS Concept de base Joomla : l utilisation Terminologie Joomla Administration Le menu de l administration Arborescence Gestion des catégories Création d

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

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

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

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

Plus en détail

Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage

Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage rapide. Rédiger une page ou un article,»...3 Ajouter

Plus en détail

Publier une Actualité ou un Evenement

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

Plus en détail

Comment utiliser WordPress»

Comment utiliser WordPress» Comment utiliser WordPress» Comment utiliser WordPress» Table des matières» Table des matières Guide de démarrage rapide»... 2 Tableau de bord de WordPress»... 3 Rédiger un article»... 3 Modifier l article»...

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

ITS WebManager 3.01. Mode d emploi pour l utilisateur du CMS

ITS WebManager 3.01. Mode d emploi pour l utilisateur du CMS ITS WebManager 3.01 Mode d emploi pour l utilisateur du CMS ITS Informatique Route de la Bourgeoisie 17 1963 Vétroz Tél. +41(0)27/346 55 92 info@its-informatique.ch www.its-informatique.ch 1. Introduction

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

Guide Reseller Onbile

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!

Plus en détail

Utiliser un CMS: Wordpress

Utiliser un CMS: Wordpress Utiliser un CMS: Wordpress Annie Danzart Annie.Danzart@telecom-paristech.fr Wordpress Concevoir un site web statique Concevoir un site web dynamique Choisir un hébergement Choix du CMS Wordpress: installation

Plus en détail

Wordpress, les bases

Wordpress, les bases Wordpress, les bases Sommaire Se connecter... 2 Créer une page... 3 Ajouter une image... 5 Créer le menu principal... 9 Placer un sous-menu... 12 Créer un article... 13 Installer une extension (formulaire)...

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

Créer un nouveau site internet Lions e-clubhouse

Créer un nouveau site internet Lions e-clubhouse Créer un nouveau site internet Lions e-clubhouse L application Lions e-clubhouse www.e-clubhouse.org/application.php Nous sommes très heureux de pouvoir diffuser une nouvelle image du Lions Club International

Plus en détail

Mettre en place sa plateforme de veille avec Netvibes

Mettre en place sa plateforme de veille avec Netvibes Mettre en place sa plateforme de veille avec Netvibes Karine Pasquier 6 mai 2011 HEG, Genève 1 Sommaire 1. Introduction... 3 1.1 Qu est-ce que c est... 3 1.2 A quoi ça sert pour la veille?... 3 1.3 Netvibes

Plus en détail

Un petit tutoriel pour utiliser Wordpress (LeRepaire)

Un petit tutoriel pour utiliser Wordpress (LeRepaire) Un petit tutoriel pour utiliser Wordpress (LeRepaire) I. Pour écrire un article : Il faut déjà avoir un compte qui permette de le faire (ce n est pas un compte par défaut, il faut demander un accès à l

Plus en détail

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

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

Plus en détail

La Clé informatique. Formation Word XP Aide-mémoire

La Clé informatique. Formation Word XP Aide-mémoire La Clé informatique Formation Word XP Aide-mémoire Septembre 2003 Table des matières Édition et insertion de texte... 4 Manipulation d un document Exploration de la fenêtre de travail Bouton de maximisation

Plus en détail

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne.

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne. Généralités Dans le générateur d états des logiciels Ciel pour Macintosh vous avez la possibilité de créer différents types d éléments (texte, rubrique, liste, graphiques, tableau, etc). Nous allons détailler

Plus en détail

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source JOOMLA Introduction Joomla est un système de gestion de contenu CMS open source Il permet la conception rapide de sites Web avec une présentation soignée et une navigation très simple C est l outil idéal

Plus en détail

Le Site Uranoscope. manuel du rédacteur. (sur moteur Dotclear) Février 2008 version 1.0

Le Site Uranoscope. manuel du rédacteur. (sur moteur Dotclear) Février 2008 version 1.0 Le Site Uranoscope (sur moteur Dotclear) manuel du rédacteur Février 2008 version 1.0 Consulter le blog Pour consulter le blog, lire les billets publiés, il faut aller sur internet à l adresse suivante

Plus en détail

-- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques

-- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques -- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques Ce support vous présente les bases pour créer un blog avec Blogger, c est extrêmement simple et intuitif, mais Blogger

Plus en détail

Comment créer et poster un message sur le blog?

Comment créer et poster un message sur le blog? Comment créer et poster un message sur le blog? 1. CREATION DU MESSAGE 2 2. PRESENTATION DES POINTS A COMPLETER 2 3. TITRE 3 4. BARRE D ETAT 3 5. INSERTION D UN LIEN 4 6. CONTENU DU TEXTE 5 7. CATEGORIE

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009]

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] CMS MWC Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] 1. Authentification 2. Interface d édition MWC 3. Mise en page 4. Gestion des fichiers 5. Gestion des événements

Plus en détail

Portail des communes Guide Référent ville

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

Plus en détail

WordPress : simple et élégant

WordPress : simple et élégant WORDPRESS WordPress : simple et élégant Libre Respectueux des standards Ergonomique Rapide à installer WordPress est un système de gestion de contenu (CMS) qui permet de créer et gérer facilement l ensemble

Plus en détail

Publier un Carnet Blanc

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

Plus en détail

Administration de votre site web

Administration de votre site web Administration de votre site web WordPress Date de révision : 11/12/2012 1 Mestres All Dev, tous droits réservés, reproduction interdite. Sommaire Connexion... 3 Gestion des articles... 4 Créer un article...

Plus en détail

MO-Call pour les Ordinateurs. Guide de l utilisateur

MO-Call pour les Ordinateurs. Guide de l utilisateur MO-Call pour les Ordinateurs Guide de l utilisateur Sommaire MO-CALL POUR ORDINATEURS...1 GUIDE DE L UTILISATEUR...1 SOMMAIRE...2 BIENVENUE CHEZ MO-CALL...4 MISE EN ROUTE...5 CONNEXION...5 APPELS...7 COMPOSITION

Plus en détail

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

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

Plus en détail

Sommaire. I.1 : Alimentation à partir d un fichier Access (.mdb)...2

Sommaire. I.1 : Alimentation à partir d un fichier Access (.mdb)...2 Sommaire I. SCENARII DE TRAITEMENTS...2 I.1 : Alimentation à partir d un fichier Access (.mdb)...2 I.1 : Vérification de l intégrité des traitements SQL sur la pyramide des ages...3 I.2 : Vérification

Plus en détail

Comment utiliser la feuille de style «CMLF08.dot»

Comment utiliser la feuille de style «CMLF08.dot» Comment utiliser la feuille de style «CMLF08.dot» En cas de problème, n hésitez pas à contacter cmlf08@ivry.cnrs.fr 1 TELECHARGER LA FEUILLE DE STYLE...1 2 OUVRIR UN NOUVEAU DOCUMENT WORD...1 3 ATTACHER

Plus en détail

FENESTELA V.1.2005. Manuel Utilisateur

FENESTELA V.1.2005. Manuel Utilisateur FENESTELA V.1.2005 Manuel Utilisateur 1 Lors de l installation de Fenestela un Profil Administrateur et un bureau type est fourni. Pour accéder à votre Fenestela, ouvrez votre navigateur Web (Internet

Plus en détail

Aide Webmail. L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels.

Aide Webmail. L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels. Aide Webmail 1. Découverte de l environnement : L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels. 1. La barre d application (1) Les

Plus en détail

Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie

Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie Vous allez créer avec cette leçon un album de photo avec le logiciel «Albelli livre photo». 2 La préparation Le travail le plus important pour

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

Guide d utilisation de l application Atlantis

Guide d utilisation de l application Atlantis Guide d utilisation de l application Atlantis Sommaire : - Saisir une journée, page 3 - Cartographie, page 5 - Rapports, page 8 - Carnet de suivi, page 9 - Veille sanitaire, page 10 - Rappel, page 12 Page

Plus en détail

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign. Livret d accueil web Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.com 1 Sommaire 1. Comment me connecter à l administration? 2.

Plus en détail

Manuel d'utilisation pour Zimplit

Manuel d'utilisation pour Zimplit Manuel d'utilisation pour Zimplit Introduction Ce document vous présente un aperçu de l'interface utilisateur et les fonctions du gestionnaire de contenu Zimplit. Informations Générales Version: 0.3 Modifié

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

Guide de l administrateur de rubriques du site communal d ORCHAISE Guide de l administrateur de rubriques du site communal d ORCHAISE Sommaire Comment est organisé le site?... 1 Comment accéder à l interface privée?... 2 Comment se connecter?... 2 Comment modifier son

Plus en détail

Manuel d utilisation de l outil collaboratif

Manuel d utilisation de l outil collaboratif Manuel d utilisation de l outil collaboratif Réf OCPD-V2 Page 1 / 24 a mis en œuvre un outil collaboratif qui permet de partager des informations entre collaborateurs. Il permet à des utilisateurs travaillant

Plus en détail

Utilisation de l éditeur.

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

Plus en détail

Recueil des Fiches Concepteurs : Mise en œuvre d un site SharePoint 2013 Juin 2015

Recueil des Fiches Concepteurs : Mise en œuvre d un site SharePoint 2013 Juin 2015 Recueil des s s : Mise en œuvre d un site SharePoint 2013 Juin 2015 Ce document décrit le paramétrage pour la mise en œuvre des fonctionnalités standard de Microsoft SharePoint 2013. NADAP et SharePoint

Plus en détail

Edition 2016 du CMLF : Les formats de dépôt acceptés sont désormais:.pdf

Edition 2016 du CMLF : Les formats de dépôt acceptés sont désormais:.pdf Comment utiliser la feuille de style «CMLF16.dot» En cas de problème, n hésitez pas à contacter fr2393.cmlf2016@cnrs.fr Edition 2016 du CMLF : Les formats de dépôt acceptés sont désormais:.pdf TÉLÉCHARGER

Plus en détail

ÉDITEUR MANUAL D UTILISATION :

ÉDITEUR MANUAL D UTILISATION : MANUAL D UTILISATION : ÉDITEUR Système «drag & drop» :... 2 1. Gestionnaire de contenus... 3 2. Éditeur du style... 5 3. Ajouter des éléments... 6 4. Annuler/Rétablir... 13 5. Enregistrer... 13 Quand nous

Plus en détail

Mise en œuvre d un Site Sharepoint-V1

Mise en œuvre d un Site Sharepoint-V1 Mise en œuvre d un Site Sharepoint- MAJ 20/01/2015 Ce document décrit le paramétrage pour la mise en œuvre des fonctionnalités standard de Microsoft SharePoint 2013 NADAP et SharePoint NADAP ( Nouvelle

Plus en détail

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

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

Plus en détail

Pôle de compétences FOAD. Formation Ouverte et A Distance

Pôle de compétences FOAD. Formation Ouverte et A Distance QUICKR 8.5 PRISE EN MAIN À DESTINATION DES GESTIONNAIRES D ESPACE Pôle de compétences FOAD Formation Ouverte et A Distance Page 2 SOMMAIRE 1 INTRODUCTION 4 1.1 Schéma de fonctionnement 4 1.2 Authentification

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

Créer un site avec WordPress

Créer un site avec WordPress Créer un site avec WordPress Tutoriel 2012 Sophie Caouette et Lynda Higgins Table des matières Introduction... 2 Ouvrir un compte chez WordPress... 2 Effectuer des réglages... 5 Visualiser l aspect du

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page de

Plus en détail

Guide d installation et d utilisation du composant Geoportail pour le CMS Joomla

Guide d installation et d utilisation du composant Geoportail pour le CMS Joomla Annexe I Par Tristan Roche Pour l IGN Guide d installation et d utilisation du composant Geoportail pour le CMS Joomla i Sommaire Composant Geoportalapi... iii Installation :... iii Paramétrage :... v

Plus en détail

Administration du site

Administration du site Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition

Plus en détail

Gérer un site internet simple

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

Plus en détail

Utilisation d un traitement de texte

Utilisation d un traitement de texte SÉANCE 4 Utilisation d un traitement de texte But de ce TP Ce TP a pour but de vous apprendre à utiliser les fonctionnalités de base d un logiciel de traitement de textes. Nous allons utiliser Writer est

Plus en détail

Présentation du site internet EcoleDirecte

Présentation du site internet EcoleDirecte Présentation du site internet EcoleDirecte La vie scolaire de votre enfant sur https://www.ecoledirecte.com Janvier 2013 SOMMAIRE 1 PRESENTATION DU SITE INTERNET ECOLEDIRECTE DEDIE AUX FAMILLES ET AUX

Plus en détail

1.1 LES FONCTIONS DE BASE

1.1 LES FONCTIONS DE BASE 1.1 LES FONCTIONS DE BASE Comment ouvrir un email? Pour ouvrir un email, vous devez réaliser un double clic dans la boîte de réception sur l email que vous souhaitez ouvrir. Le nouveau message s ouvre

Plus en détail

Adobe Indesign. L art de la mise en page CHAPITRE 2

Adobe Indesign. L art de la mise en page CHAPITRE 2 M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Indesign L art de la mise en page CHAPITRE 2 Sommaire 1. Les blocs a. Types de blocs b. Manipuler les blocs c. Interactions entre les blocs d. Appliquer

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production

Plus en détail

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale Documentation pour l administration de Pages personnelles sur www.imbe.fr Update : 05/12/2013 Les pages personnelles Ouverture d une page personnelle La demande de création d une page personnelle doit

Plus en détail

Le traitement de texte de la suite Open Office

Le traitement de texte de la suite Open Office Le traitement de texte de la suite Open Office Fichier utilisé : poesie.doc Open Office est une suite bureautique qui comporte traitement de texte, tableur, Présentation Assistée par Ordinateur (PréAO)

Plus en détail

Publier des données sur le Web

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

Plus en détail

GEDI Publier une information sur le Web

GEDI Publier une information sur le Web Introduction L application est une application de Gestion Electronique de Documentation destinée à publier et à gérer des documentations sur le site de l Université Dans un article (courrier) comprend

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

Renseignements sur l inscription et l installation de Securexam

Renseignements sur l inscription et l installation de Securexam Renseignements sur l inscription et l installation de Securexam Vos droits d utilisation doivent être réglés au niveau administrateur pour que vous puissiez installer le logiciel. Au niveau utilisateur,

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Installer, configurer et personnaliser Joomla

Installer, configurer et personnaliser Joomla Installer, configurer et personnaliser Joomla Web Platform Installer 2.0 15/02/2010 Access IT Julien CHOMARAT jchomarat@access-it.fr http://www.sharepointofview.fr/julien Retrouvez cet atelier à l adresse

Plus en détail

Avant de commencer assurez-vous que vous possédez une adresse mail valide et que vous pouvez y accéder.

Avant de commencer assurez-vous que vous possédez une adresse mail valide et que vous pouvez y accéder. Crééz un Blog Avant de commencer assurez-vous que vous possédez une adresse mail valide et que vous pouvez y accéder. 1- http://fr.wordpress.com 2- Passez en français 3-4- Choisissez ensuite un identifiant.

Plus en détail

Feuille de style sous open office.

Feuille de style sous open office. Feuille de style sous open office. Une feuille de style permet de mettre en page un cours, un exposé ou un rapport en lui gardant la même présentation du début à la fin. Elle se programme avant de taper

Plus en détail

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit,

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, (Nous ne ferons ici pas de rappel à d autres chapitres, sans quoi, chaque ligne écrite mériterait

Plus en détail

UNE PETITE INTRODUCTION

UNE PETITE INTRODUCTION MODULE DE NEWS Introduction 1. Créer et gérer les news 2. Gérer les catégories 3. Gérer les utilisateurs 4. Infos et flux RSS 5. Intégrer les news dans votre CMS UNE PETITE INTRODUCTION QUEST-CE QU UN

Plus en détail

Ranger et classer Ses documents avec XP

Ranger et classer Ses documents avec XP Ranger et classer ses documents Pourquoi faire? Lorsque nous «travaillons» sur nos ordinateurs personnels, nous avons souvent l impression de ne plus savoir où sont stockés ceux-ci. Dans un premier temps,

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

Pour créer une feuille, accédez à votre Drive, cliquez sur le bouton rouge Créer, puis sélectionnez Feuille de calcul dans le menu déroulant.

Pour créer une feuille, accédez à votre Drive, cliquez sur le bouton rouge Créer, puis sélectionnez Feuille de calcul dans le menu déroulant. 1 2 Grâce aux feuilles de calcul Google, vous pouvez en toute simplicité créer, partager et modifier des feuilles de calcul en ligne. Vous pouvez notamment : importer et convertir des données.xls,.csv,.txt

Plus en détail

Guide d utilisation de votre site de gestion de contenu CMS Made Simple

Guide d utilisation de votre site de gestion de contenu CMS Made Simple Guide d utilisation de votre site de gestion de contenu CMS Made Simple Version 2.0 Table des matières Présentation... 3 Se connecter à l administration de votre site... 3 Retrouvez son mot de passe....

Plus en détail

Procédurier des principales fonctions

Procédurier des principales fonctions SYSTÈME DE PUBLICATION POUR L INTERNET PARTAGÉ SQUELETTE SARKA Procédurier des principales fonctions 2012-2013 avec éditeur de texte TinyMCE DOCUMENT DE TRAVAIL Le site de référence pour les formations

Plus en détail

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM V1.0 TUTORIEL JCE - EDITEUR Le nouvel outil pour vos articles... Pour les plus anciens d entre vous, vous avez connu la transmission des

Plus en détail

Tutoriel d utilisation du Back-Office du site de la ligue

Tutoriel d utilisation du Back-Office du site de la ligue Tutoriel d utilisation du Back-Office du site de la ligue Sommaire 1) Accès au back office 2) Espace de gestion 3) Menu «Administration» 4) Menu «Publications» 5) Menu «Widgets» 6) Menu «Newsletters» 7)

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

Un portail-cdi avec Google.

Un portail-cdi avec Google. Un portail-cdi avec Google. Le moteur de recherche Google, tout le monde connaît. Mais Google c est aussi un ensemble de services souvent gratuits tels qu une messagerie (Gmail), un agenda en ligne, la

Plus en détail

1) Installation de Dev-C++ Téléchargez le fichier devcpp4990setup.exe dans un répertoire de votre PC, puis double-cliquez dessus :

1) Installation de Dev-C++ Téléchargez le fichier devcpp4990setup.exe dans un répertoire de votre PC, puis double-cliquez dessus : 1) Installation de Dev-C++ Téléchargez le fichier devcpp4990setup.exe dans un répertoire de votre PC, puis double-cliquez dessus : La procédure d installation démarre. La fenêtre suivante vous indique

Plus en détail

Une fois la page chargée, vous devriez vous trouvez sur cette interface :

Une fois la page chargée, vous devriez vous trouvez sur cette interface : 1. Introduction Moodle est une plate-forme d enseignement collaborative en ligne déployée à l Université de Biskra. Elle permet de créer des espaces de cours accessibles depuis Internet où l enseignant

Plus en détail

Initiation à Powerpoint

Initiation à Powerpoint Initiation à Powerpoint Powerpoint est un logiciel de PréAO, c est à dire de Présentation Assistée par Ordinateur. Il vous permet de créer et de mettre en page des présentations susceptibles d être projetées

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

Plus en détail

Installation du logiciel

Installation du logiciel Hot Potatoes Hot Potatoes est un logiciel gratuit proposé par Half-Baked Software et l Université de Victoria au Canada. Il se compose de six modules permettant chacun de mettre au point différents types

Plus en détail

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

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

Plus en détail

TABLE DES MATIÈRES CRÉER UN COMPTE...3. VOUS SOUHAITEZ VOUS CONNECTER A AproPLAN...4 PAGE D ACCUEIL...6 CONSOLE D ADMINISTRATION...

TABLE DES MATIÈRES CRÉER UN COMPTE...3. VOUS SOUHAITEZ VOUS CONNECTER A AproPLAN...4 PAGE D ACCUEIL...6 CONSOLE D ADMINISTRATION... 1 TABLE DES MATIÈRES 1. CRÉER UN COMPTE...3 2. VOUS SOUHAITEZ VOUS CONNECTER A AproPLAN...4 3. PAGE D ACCUEIL...6 4. CONSOLE D ADMINISTRATION...7 5. PROJET...8 6. LISTE...21 7. CRÉATION DE POINT...30 8.

Plus en détail

[GWA] Auto-répondeur. -Guide de démarrage rapide FR- (Version gratuite) Distribué par :

[GWA] Auto-répondeur. -Guide de démarrage rapide FR- (Version gratuite) Distribué par : [GWA] Auto-répondeur. -Guide de démarrage rapide FR- (Version gratuite) Distribué par : La première chose que vous pouvez faire est de tester le logiciel et de vous assurer que tout fonctionne comme il

Plus en détail