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

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

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

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

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

~ 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

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

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

TP N 4. Par défaut, la page d accueil affiche les 10 derniers articles publiés.

TP N 4. Par défaut, la page d accueil affiche les 10 derniers articles publiés. TP N 4 Page d accueil Wordpress Ojectif Gérer du texte avec des images Accueil par défaut Par défaut, la page d accueil affiche les 10 derniers articles publiés. Nous souhaitons une page d accueil avec

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

Programme de Formation

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

Plus en détail

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

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

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

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

Comment utiliser la feuille de style «CMLF2010.dot»

Comment utiliser la feuille de style «CMLF2010.dot» Comment utiliser la feuille de style «CMLF2010.dot» TELECHARGER LA FEUILLE DE STYLE...1 OUVRIR UN NOUVEAU DOCUMENT WORD...2 ATTACHER LA FEUILLE DE STYLE AU DOCUMENT...2 AFFICHER LES STYLES DISPONIBLES...2

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

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

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

Support de cours et mode d emploi pour le CMS WordPress

Support de cours et mode d emploi pour le CMS WordPress pour le CMS WordPress Retrouvez notre le plan de formation sur http:///formation- cms- wordpress- creer- et- administrer- un- site- web.html Agence de communication la couleur du Zèbre - Mise à jour Août

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

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 Premières applications Web 2.0 avec Ajax et PHP J e a n - M a r i e D e f r a n c e Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 8 Applications Ajax-PHP synchrones Pour commencer simplement, je vous

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

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

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

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

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

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,

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

Guide d utilisation Plus de souplesse dans votre communication?

Guide d utilisation Plus de souplesse dans votre communication? Guide d utilisation Plus de souplesse dans votre communication? Un produit de la société Table des matières Table des matières... 2 Guide complet d utilisation... 3 Connexion à l administration i-flexo...

Plus en détail

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

-- 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

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

INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000

INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000 INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000 Introduction : Initiation à la Micro- Informatique 1. Matériel 2. Périphériques a) Le clavier b) La souris c) L écran d) L unité centrale e) L imprimante

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

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éez votre premier site web De la conception à la réalisation

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

Plus en détail

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

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

Cours n 3 : Microsoft WORD

Cours n 3 : Microsoft WORD Cours n 3 : Microsoft WORD I. Introduction Il y a longtemps que l ordinateur a remplacé la machine à écrire, pour la saisie du texte. En effet, les gens on vite compris les apports et avantages que cela

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

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

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

Prise en main rapide

Prise en main rapide Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un

Plus en détail

Petite histoire d Internet

Petite histoire d Internet À la base, Internet est défini par des ordinateurs qui sont reliés entre eux grâce à des câbles, du WiFi ou encore des satellites, créant ainsi un réseau à échelle mondiale. Les ordinateurs communiquent

Plus en détail

Guide WordPress 101 V 1.0. Guide WordPress 101

Guide WordPress 101 V 1.0. Guide WordPress 101 Guide WordPress 101 Table des matières Guide WordPress 101... 1 Avant de commencer... 2 Tout d abord... 2 Le Dashboard... 3 Pour changer un mot de passe... 5 Changer les informations dans le panneau d

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

Créer une application web grâce au générateur Flex

Créer une application web grâce au générateur Flex Créer une application web grâce au générateur Flex Salle de Classe SIG 2012 Copyright 2012 ESRI France SIG 2012 2 Créer une application web grâce au générateur Flex Exercice Temps Estimé : 45 minutes Etape

Plus en détail

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation

Plus en détail

GUIDE D ADMINISTRATION DU SITE. 6/23/2014 Collège Saint-Exupéry

GUIDE D ADMINISTRATION DU SITE. 6/23/2014 Collège Saint-Exupéry GUIDE D ADMINISTRATION DU SITE 6/23/2014 Collège Saint-Exupéry SOMMAIRE 1 Objectifs... 2 2 Généralités... 2 2.1 Description technique... 2 3 Accès à l interface... 2 4 Gestion des utilisateurs et des droits...

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

Manuel d utilisation du site web de l ONRN

Manuel d utilisation du site web de l ONRN Manuel d utilisation du site web de l ONRN Introduction Le but premier de ce document est d expliquer comment contribuer sur le site ONRN. Le site ONRN est un site dont le contenu est géré par un outil

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

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

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

Plus en détail

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

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

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

Plus en détail

La 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

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

Dans cette Unité, nous allons examiner

Dans cette Unité, nous allons examiner 13.0 Introduction Dans cette Unité, nous allons examiner les fonctionnements internes d une des plateformes de publication web les plus largement utilisées de nos jours sur l Internet, WordPress. C est

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

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

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe : 1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%

Plus en détail

Documentation de CMS-gen

Documentation de CMS-gen Table des matières GÉNÉRALITÉ... 1 LA ZONE D'ADMINISTRATION... 2 LOGIN SUR LA ZONE D ADMINISTRATION... 2 EDITION DU CONTENU EN LIGNE... 3 LE MODE EDITION... 3 PUBLICATION... 3 SUPPRIMER DES MODIFICATIONS...

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

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

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

TP1 - Prise en main de l environnement Unix.

TP1 - Prise en main de l environnement Unix. Mise à niveau UNIX Licence Bio-informatique TP1 - Prise en main de l environnement Unix. Les sujets de TP sont disponibles à l adresse http://www.pps.jussieu.fr/~tasson/enseignement/bioinfo/ Les documents

Plus en détail

Une (petite) initiation au langage HTML

Une (petite) initiation au langage HTML Une (petite) initiation au langage HTML Julien Coulié Partie 1 : Les bases Le langage HTML (HyperText Markup Language) est un langage de description de documents qui est le standard utilisé pour les pages

Plus en détail

INTRODUCTION AU CMS MODX

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

Plus en détail

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

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

Plus en détail

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

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

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

CFADFrancophone.org GUIDE DE JOOMLA 2.5 Dr René-Yves HERVÉ 06-05-2012

CFADFrancophone.org GUIDE DE JOOMLA 2.5 Dr René-Yves HERVÉ 06-05-2012 CFADFrancophone.org GUIDE DE JOOMLA 2.5 Dr René-Yves HERVÉ 06-05-2012 Ce guide est un résumé des principales fonctionnalités du Système de Gestion de contenus «Joomla» (CMS pour Content Management System)

Plus en détail

[MARCHE À SUIVRE SITE WEB BCU LAUSANNE ]

[MARCHE À SUIVRE SITE WEB BCU LAUSANNE ] [MARCHE À SUIVRE SITE WEB BCU LAUSANNE ] Marche à suivre pour la mise à jour du site web de la Bibliothèque Cantonale Universitaire de Lausanne au travers du système de gestion de contenu Wordpress 3.5

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

Traitement de texte et publipostage

Traitement de texte et publipostage Outils Informatiques Mias 1 TP 3 Traitement de texte et publipostage Première partie : principes du traitement de texte Cette séance de travaux pratiques va commencer par quelques manipulations de l éditeur

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

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

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

Plus en détail

CCPVA. Gestion et description de l interface d'administration de votre site Internet

CCPVA. Gestion et description de l interface d'administration de votre site Internet CCPVA Gestion et description de l interface d'administration de votre site Internet Pierre Sudarovich janvier 2015 Table des matières Description de l interface... 3 Le tableau de bord... 4 Les Articles...

Plus en détail

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

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

Plus en détail

mon site web via WordPress

mon site web via WordPress mon site web via WordPress Vocabulaire CMS : Content Management System WordPress fait partie de cette famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d applications

Plus en détail

Troisième projet Scribus

Troisième projet Scribus Sommaire 1. Réponse à la question du deuxième projet... 2 2. Présentation du projet... 2 2.1. Organiser son travail... 2 3. Réalisation... 2 3.1. Préparation du texte... 2 3.1.1. Les styles «Dys»... 3

Plus en détail

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source.

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Manuel utilisateur Mini-site régions Version 07/2012 Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Un CMS est un logiciel qui permet de gérer le contenu d un

Plus en détail

GUIDE D UT!L!SAT!ON DU LOG!C!EL WordPress

GUIDE D UT!L!SAT!ON DU LOG!C!EL WordPress VERSION 2012 GUIDE D UT!L!SAT!ON DU LOG!C!EL WordPress T 450 956 0714 C info@espritslibres.ca www.espritslibres.ca PRÉSENTAT!ON Ce guide d utilisation pour le logiciel WordPress a pour objectif de vous

Plus en détail

Ouvrir le compte UQÀM

Ouvrir le compte UQÀM Cliquez sur le titre pour visionner 1 Cliquez sur le titre pour visionner 2! Préliminaires! Ouvrir le compte UQÀM! Accéder au compte UQÀM! Paramètres de configuration! Les dossiers! Gérer les dossiers!

Plus en détail

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

L OMD présente CLiKC! Guide de connexion et d accès destiné aux utilisateurs

L OMD présente CLiKC! Guide de connexion et d accès destiné aux utilisateurs L OMD présente CLiKC! Guide de connexion et d accès destiné aux utilisateurs 1/25 SOMMAIRE 1. INTRODUCTION... 3 COMMENT UTILISER CE GUIDE... 3 REMARQUE... 3 2. QUELS SONT LES PRE REQUIS TECHNIQUES?...

Plus en détail

Guide de l administrateur. Démarrage rapide. www.cmsmadesimple.fr

Guide de l administrateur. Démarrage rapide. www.cmsmadesimple.fr Guide de l administrateur Démarrage rapide www.cmsmadesimple.fr Table des matières 1.Information document...4 1.1.Licence...4 1.2.Avertissements...5 1.3.Remerciements...5 1.4.Auteurs...6 1.5.Versions...6

Plus en détail

Les outils numériques permettant l enregistrement de documents audiovisuels diffusés sur Internet sont nombreux. Certains sont gratuits.

Les outils numériques permettant l enregistrement de documents audiovisuels diffusés sur Internet sont nombreux. Certains sont gratuits. outil Technique 9 Comment télécharger un document audiovisuel? Mise en garde importante Les outils numériques permettant l enregistrement de documents audiovisuels diffusés sur Internet sont nombreux.

Plus en détail

TP Numéro 3 METTRE EN FORME UN DOCUMENT A L AIDE D EN TETE, DE PIEDS DE PAGE... ET GERER LES SECTIONS

TP Numéro 3 METTRE EN FORME UN DOCUMENT A L AIDE D EN TETE, DE PIEDS DE PAGE... ET GERER LES SECTIONS TP Numéro 3 METTRE EN FORME UN DOCUMENT A L AIDE D EN TETE, DE PIEDS DE PAGE... ET GERER LES SECTIONS 1 MISE EN PAGE Nous allons travailler sur la mise en forme d un document dans Word à l aide de fonctions

Plus en détail

1 SE REPERER DANS WORD

1 SE REPERER DANS WORD TP Numéro 1 APPRENDRE A SE SERVIR D UN TRAITEMENT DE TEXTE - METTRE EN FORME UN DOCUMENT - SE FAMILIARISER AVEC L INTERFACE DE WORD 2010 POUR WINDOWS UTILISER LES TABULATIONS POUR METTRE EN FORME UN DOCUMENT

Plus en détail

Manuel de modifications des modèles

Manuel de modifications des modèles Manuel de modifications des modèles Contenu Avant propos...2 Introduction...2 Les 4 niveaux...2 Préparation...2 Quoi et pourquoi...2 Comment...2 Nommer les modèles modifiés...4 Niveau 1 Images...4 Quoi...4

Plus en détail

Présentation de Firefox

Présentation de Firefox Présentation de Firefox A l ouverture la fenêtre ressemble a ceci. (A noter qu ici j ai ouvert la page d accueil GOOGLE) Firefox présente toutes les fonctionnalités de base d un navigateur comme Internet

Plus en détail

19) Google Sites - Ajouter un diaporama Picasa

19) Google Sites - Ajouter un diaporama Picasa 19) Google Sites - Ajouter un diaporama Picasa Dans ce chapitre nous allons voir comment insérer un diaporama Picasa dans un Google Sites. Sélectionnez les menus plus > et encore plus... Dans la page des

Plus en détail

Notes pour l utilisation d Expression Web

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

Plus en détail

Manuel d utilisation du web mail Zimbra 7.1

Manuel d utilisation du web mail Zimbra 7.1 Manuel d utilisation du web mail Zimbra 7.1 Sommaire 1 CONNEXION A LA MESSAGERIE ZIMBRA... 5 1.1 Prérequis... 5 1.1.1 Ecran de connexion à la messagerie... 5 2 PRESENTATION GENERALE DE L INTERFACE ZIMBRA...

Plus en détail

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail