Créer et faire vivre un site web pédagogique
|
|
- Judith Plamondon
- il y a 8 ans
- Total affichages :
Transcription
1 Créer et faire vivre un site web pédagogique 1. Créer un site web Utilisation d un CMS SPIP : Système de Publication Internet Partagé Le site de la Cité Scolaire Jean Moulin Structure du site (système SPIP) Les différents types d utilisateur Les statuts d un article Connexion à la partie privée Compléter / Modifier son profil Saisir un nouvel article Créer une sous-rubrique Penser à la navigation du visiteur Organisation «automatique» des rubriques et articles Mise en forme enrichie du texte Les liens hypertextes Insertion d image Joindre des documents à un article ou à une rubrique TP n 1 : Se connecter à l espace privé TP n 2 : Créer un nouvel article TP n 3 : Créer une rubrique TP n 4 : Utiliser la mise en forme enrichie TP n 5 : Insérer une image TP n 6 : Joindre un document Stage TICE novembre 2009 C. Thoré Page 1/14
2 1. Créer un site web Un site web dynamique est constitué de deux ensembles : Les fichiers : Les pages html Les objets (images, documents joints, fichiers video ) La base de données : Contenu du site web (texte) Paramètres de fonctionnement L installation comporte les étapes suivantes : Copie des fichiers sur le serveur distant : Utilisation d un logiciel FTP (FileZilla, WinScp ) Création de la base de données : Outil d administration de base de données (PhpMyAdmin ) Paramétrage du fonctionnement du site 2. Utilisation d un CMS CMS : Content Management System Système de gestion de contenu Les principaux systèmes existants : Performant mais très complexe Orienté «blog» Moins de fonctionnalités intéressantes pour un établissement scolaire Très utilisé dans les établissements scolaires et milieux associatifs 3. SPIP : Système de Publication Internet Partagé Permet de mettre en ligne des pages Internet sans connaissance du langage HTML ou autre Système collaboratif, plusieurs personnes peuvent participer Système sécurisé, respect des standards Simple d utilisation et très performant Squelette personnalisable -> Sarka-Spip par exemple. Stage TICE novembre 2009 C. Thoré Page 2/14
3 4. Le site de la Cité Scolaire Jean Moulin Adresse Internet : 1- Le portail du site : Le portail est le point d entrée du site de la cité scolaire, c est l espace de diffusion d informations (actualités dominantes). Les informations proposées par l ensemble de la communauté scolaire sont mises en ligne par les animateurs TICE de la cité scolaire. Il donne l identité du site et permet un accès direct aux rubriques principales. 2- Le site : Le site est basé sur un système de publication partagée, c'est-à-dire que tous les personnels de la cité peuvent, s ils le souhaitent, participer. Aucune connaissance du langage Html n est nécessaire. Le système utilisé est un SPIP, majoritairement adopté par les établissements scolaires. 5. Structure du site (système SPIP) Le site comporte deux parties : 1- La partie publique : C est la partie vue par les visiteurs du site. Elle contient les informations que les rédacteurs ont décidé de mettre en ligne. 2- La partie privée : C est l interface permettant d éditer le contenu du site. Seules les personnes autorisées ont accès à cette partie. Un système SPIP est construit sur une structure arborescente basée sur des «Rubriques» et «Sous - rubriques» dans lesquelles seront publiés des articles : Rubriques (ou secteurs) Sous-rubriques Articles Extrait du site : Stage TICE novembre 2009 C. Thoré Page 3/14
4 6. Les différents types d utilisateur Un système SPIP dispose de 5 niveaux : Webmestre (administrateur) : Droit de modification de la structure et du squelette du système. Administrateur : Droit de publication dans toutes les rubriques Administrateur restreint : Droit de publication dans les rubriques désignées par un administrateur. Auteur (rédacteur) : Rédaction et proposition d articles. Visiteur : N accède qu à la partie publique du site 7. Les statuts d un article 1. En cours de rédaction : Il n est visible que par le rédacteur et les administrateurs dans la partie privée. 2. Proposé à l évaluation : Il n est visible que dans la partie privée par le rédacteur et par les administrateurs. Ces derniers peuvent décider de le mettre en ligne. 3. Publié en ligne : L article est publié (si la date de rédaction est antérieure à la date du jour). L auteur, s il n est pas administrateur, ne peut plus le modifier. 4. A la poubelle : L article a été effacé. Il reste dans la base de données mais n est plus visible dans la partie publique 5. Refusé : Rédigé par un simple auteur, il a été refusé par un administrateur. L auteur ne peut plus y accéder. 8. Connexion à la partie privée 1. Cliquez sur connexion (bandeau à gauche, sous le menu) 2. Rentrez vos identifiant, puis validez : Stage TICE novembre 2009 C. Thoré Page 4/14
5 3. Vous pouvez ensuite entrer dans la partie privée en cliquant sur le bouton «Espace privé» au dessus de votre nom : 9. Compléter / Modifier son profil 1. Cliquez sur «Auteur» (badeau supérieur) 2. Puis sur votre nom 3. Cliquez sur «Modifier cet auteur» 4. Vous pouvez ensuite modifier votre nom, indiquer votre (invisible sur l espace public!), indiquer qui vous êtes, et modifier votre mot de passe. 5. Cliquez sur «Enregistrer» en bas de page pour enregistrer les modifications. Indiquer son permet au visiteur de vous contacter par à l aide d un formulaire de contact sur l espace public sans connaître votre adresse (anti-spam). 10. Saisir un nouvel article Pour écrire un nouvel article, il existe 2 solutions : 1. A partir de l accueil de l espace privé : - Cliquez sur le bouton «A suivre» (en haut à gauche) - Puis sur «Écrire un nouvel article» Il faudra ensuite penser à placer l article dans la rubrique ou sous-rubrique choisie. 2. A partir de la rubrique où devra apparaître l article : - Cliquez sur le bouton «Édition» (en haut à gauche) - Parcourir l arborescence du site jusqu à la rubrique souhaitée - Puis sur «Écrire un nouvel article» Stage TICE novembre 2009 C. Thoré Page 5/14
6 Avant de saisir le contenu de l article, pour ne pas oublier, il faut indiquer les informations importantes : 1. Le titre de l article : C est la première chose que verra le visiteur, pensez à lui donner du sens. 2. Son emplacement dans les rubriques : Cliquez sur la loupe et choisissez la rubrique. 3. Le descriptif rapide (facultatif) : Le descriptif rapide est utilisé pour la navigation à l intérieur du site : il permet d indiquer brièvement, dans les sommaires par exemple, le thème de l article. Si vous ne mettez rien, SPIP fera le résumé pour vous en prenant les premiers mots de l article (À vérifier dans l espace public, il n a parfois aucun sens ) Vous pouvez ensuite saisir l article (ou utiliser le précieux «copier-coller») dans le champ «texte». Cliquez sur «Enregistrer» (en bas à droite) lorsque vous avez terminé. Pour effectuer un retour à la ligne, il faut sauter une ligne. Ceci provoque un changement de paragraphe. 11. Créer une sous-rubrique Pour créer une rubrique, il faut d abord se placer dans la rubrique (ou sousrubrique) qui doit contenir la nouvelle sous-rubrique et être au moins administrateur restreint de cette rubrique : 1. cliquez sur «Édition» 2. En dessous du descriptif de la rubrique, cliquez sur «Créer une sous-rubrique» Stage TICE novembre 2009 C. Thoré Page 6/14
7 Comme pour l édition d un article, il faut pré remplir les informations importantes : 1. Le titre de la rubrique : Même chose que pour les articles, c est la première chose que verra le visiteur, pensez à lui donner du sens. 2. Son emplacement : Cliquez sur la loupe et choisissez la rubrique. 3. Le descriptif rapide (facultatif) : N APPARAÎT PAS DANS L ESPACE PUBLIC. Le descriptif rapide d une rubrique est utilisé pour la navigation à l intérieur de l espace privé uniquement! Il permet d indiquer au autres rédacteurs ce que contient la rubrique. 4. Texte explicatif : Facultatif mais important si on s attache à guider le visiteur dans la rubrique, avec une mise en forme enrichie, il peut permettre de créer un sommaire, des liens hypertextes vers les articles (ou sous-rubriques) importants de la rubrique. 12. Penser à la navigation du visiteur Lorsque l on édite le contenu d un site web, il faut constamment penser à la façon dont le visiteur va percevoir sa visite. - Soit il cherche une information précise sur le site : il faut alors qu il puisse trouver facilement une information (on parle souvent de la «règle des 3 clics» : 3 clics maximum pour trouver l information recherchée) - Soit il «surf» sans but précis : il ne faut pas qu il se perde dans une masse d informations mal organisée 13. Organisation «automatique» des rubriques et articles Comme dans la plupart des CMS, SPIP ordonne les articles et les rubriques en plaçant les éléments les plus récents en haut de page (première position). Il est toutefois possible de forcer un ordre précis en indiquant un numéro en tête du titre. Exemple : Ce numéro est automatiquement supprimé dans l espace public si la syntaxe suivante est respectée : numéro/point/1espace/titre de l élément (sans les /). La numérotation de 10 en 10 permet d intercaler des éléments sans renuméroter l ensemble. Stage TICE novembre 2009 C. Thoré Page 7/14
8 14. Mise en forme enrichie du texte Dans SPIP, la mise en forme enrichie du texte fait appel aux «raccourcis typographiques». Exemples : - texte en italique : il faut écrire le texte à mettre en italique entre accolades - texte en gras : faut écrire le texte à mettre en italique entre doubles accolades Les champs où le texte peut être enrichi sont surmontés d une barre de «raccourcis typographiques» Il suffit de sélectionner le texte voulu et de cliquer sur le bouton. Lorsque l on enregistre un article ou une rubrique, la visualisation dans l espace privé n est qu un aperçu du résultat. Pour avoir une idée précise du résultat final, il faut utiliser les liens «Prévisualiser» ou «Voir en ligne» : Pour la création de tableaux complexes, un assistant est disponible dans la barre d'outil : Stage TICE novembre 2009 C. Thoré Page 8/14
9 Encadrement / mise en valeur <quote> Texte mis en valeur </quote> permet de mettre en valeur un texte par une ligne verticale Cadre <cadre>texte qui apparaitra dans une zone de formulaire facilitant le copier/coller</cadre> Stage TICE novembre 2009 C. Thoré Page 9/14
10 De nombreux raccourcis typographiques existent, une liste complète est disponible dans l aide en ligne : 15. Les liens hypertextes Sur une page web les liens hypertextes sont importants. Il existe deux types de liens Les liens internes, vers une rubrique, vers un autre article : Ces liens permettent de créer des «raccourcis» voire un sommaire pour le visiteur. Les liens externes, vers un site externe, un document externe D une manière générale, il faut encadrer le texte du lien par des crochets, un tiret «-» suivi de «>» (ceci dessine une flèche) et ensuite indiquer l URL du lien. 1. Les liens internes : Pour créer un lien vers un article, les syntaxes possibles sont les suivantes : [Texte du lien (cliquable)->article 12] [Texte du lien (cliquable)->art12] [Texte du lien (cliquable)->12] Pour créer un lien vers une rubrique : [Texte du lien (cliquable)->rubrique 25] [Texte du lien (cliquable)->rub25] Pour créer un lien vers un auteur : [Texte du lien (cliquable)->auteur15] [Texte du lien (cliquable)->aut25] 2. Les liens externes : Pour créer un lien externe : [lien vers google-> Là encore, un éditeur de lien est disponible dans la barre de raccourcis typographiques 16. Insertion d image Avant de placer une image sur le site, il faut adapter (si besoin) cette image à l affichage sur une page Web. Il faut que cette image ne soit pas trop «lourde», elle ne devrait pas excéder 30 à 50 ko, sauf pour des photos qui nécessitent une grande résolution. Si l on souhaite l afficher en taille réelle, elle ne doit pas dépasser 550 pixels (largueur de la partie centrale de notre site) Stage TICE novembre 2009 C. Thoré Page 10/14
11 Pour préparer cette image, il faut utiliser un logiciel de traitement d images/photos, tel que GIMP (gratuit mais pour utilisateurs «confirmés») ou mieux encore PHOTOFILTRE. Il peut être nécessaire de : Redimensionner la taille de l image (son poids diminue avec la taille) Recadrer l image Gérer la transparence de l arrière plan Les images ne peuvent pas être directement placées dans la rubrique ou l'article, on doit suivre la procédure suivante : 1. Éditer l'article, entrer le texte 2. Ajouter les images dans l'article par la fenêtre de gauche en : a. sélectionnant l'image «Parcourir» b. envoyant l'image sur le site «Télécharger» 3. Une fois l'image transférée sur le site vous obtenez la fenêtre suivante (SPIP génère automatiquement une vignette de 150px) 4. Vous pouvez donner un titre à l'image 5. Insérer ensuite les images dans votre texte en utilisant les balises encadrées en rouge. Ici, le numéro 309 est «la référence» de la photo. Plusieurs configurations sont possibles (à tester) : <img309 left> : vignette (150 pixels) alignée à gauche <img309 center> : vignette (150 pixels) centrée <img309 right> : vignette (150 pixels) alignée à droite Dans l espace public, les images insérées seront automatiquement transformées en vignettes (cliquables pour agrandissement) de 150 pixels de large. On peut définir une autre largeur, sans dépasser la taille native de l image : <img309 left taille=200> : vignette (200 pixels) alignée à gauche <img309 center taille=200> : vignette (200 pixels) centrée <img309 right taille=200> : vignette (200 pixels) alignée à droite On peut choisir d afficher l image taille réelle en remplaçant «img» par «emb» : <emb309 left>, <emb309 center> ou <emb309 right> Stage TICE novembre 2009 C. Thoré Page 11/14
12 17. Joindre des documents à un article ou à une rubrique Deux méthodes sont possibles pour joindre un document : Comme une image pendant l édition de l article ou de la rubrique, le lien sera présent dans le corps de l élément. Ou après l enregistrement de l article (ci-contre), le lien vers le document sera placé en dessous de l article. Les formats reconnus sont : documents «traitements de texte» word, openoffice,... des fichiers PDF, ce format est à privilégier pour la communication (les pages du site peuvent être exportées au format PDF) des animations au format flash: swf des vidéos au format flash vidéo : flv des fichiers sons au format mp3 : mp3 des fichiers compressés au format zip, dans ce cas le SPIP propose 2 options : o soit le fichier est conservé tel-quel et peut être téléchargé par les visiteurs o soit le fichier est décompressé et ses composants sont insérés comme documents joints à l'article ou à la rubrique.(pour un zip contenant des images elles sont incluses dans le portefolio) Stage TICE novembre 2009 C. Thoré Page 12/14
13 18. TP n 1 : Se connecter à l espace privé Se connecter avec les identifiants suivants : Nom d utilisateur «pnom» Mot de passe : jmoulin 1. Accédez à l espace privé 2. Complétez vos informations (qui êtes-vous et adresse ) 3. Modifiez votre mot de passe 4. Déconnectez-vous et reconnectez-vous pour tester votre nouveau mot de passe. 19. TP n 2 : Créer un nouvel article 1. Créez un nouvel article dans la rubrique «Stage» 2. Remplissez les champs utiles 3. Enregistrez et prévisualisez en ligne 4. Publiez en ligne 5. Visualisez en ligne (dans l espace public) 20. TP n 3 : Créer une rubrique 1. Créez une nouvelle sous-rubrique dans la rubrique «Stage» 2. Remplissez les champs utiles et enregistrez 3. Placez votre article dans cette sous-rubrique 4. Visualisez en ligne (dans l espace public) 21. TP n 4 : Utiliser la mise en forme enrichie 1. Modifiez votre article en utilisant les principaux raccourcis typographiques (gras, italique, surbrillance, intertitre, ) 2. Visualisez le résultat dans l espace public. 3. Créez des liens internes et externes 4. Visualisez le résultat dans l espace public. 5. Créez un tableau 6. Visualisez le résultat dans l espace public. Stage TICE novembre 2009 C. Thoré Page 13/14
14 22. TP n 5 : Insérer une image 1. Préparez, si besoin, l image avec photofiltre 2. Chargez l image dans votre article 3. Testez les différentes configurations possibles 4. Visualisez en ligne à chaque fois 23. TP n 6 : Joindre un document 1. Testez les deux méthodes pour joindre un document à votre article 2. Testez le téléchargement en ligne (espace public) 3. Même chose sur une rubrique. Stage TICE novembre 2009 C. Thoré Page 14/14
MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005
MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par
Plus en détailCréer un site Internet dynamique
Créer un site Internet dynamique avec SPIP (version 3) Document de référence Denise St-Pierre animatrice au service local du Récit 1. Qu est-ce que SPIP?... 3 2. Caractéristiques de SPIP... 3 3. Quelques
Plus en détailPLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public
SPIP est une interface en ligne gratuite permettant de créer des sites collaboratifs de façon suffisament simple pour que les élèves puissent publier leur propres articles. Il permet aussi d'héberger son
Plus en détailUtilisation 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étailGuide d utilisation 2012
Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu
Plus en détailPublier 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étailManuel d'utilisation du site Deptinfo (Mise en route)
Manuel d'utilisation du site Deptinfo (Mise en route) 1)Nouveautés apportées par le nouveau site...2 2) Accès à l espace privé... 3 a) Accès... 3 b) Identification... 3 c)page d accueil de l espace privé...4
Plus en détail145A, 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étailTransférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor
Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor Pierre Drouin Conseiller pédagogique en TIC Service local du RECIT Commission scolaire de la
Plus en détailSoyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Plus en détailNotice d'utilisation Site Internet administrable à distance
Notice d'utilisation Site Internet administrable à distance 1. Entrer dans l'espace d'administration Pour entrer dans l'espace d'administration, cliquez sur le lien nommé «administration» ou «Connexion»
Plus en détailFormation > Développement > Internet > Réseaux > Matériel > Maintenance
Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE
Plus en détailLe logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Plus en détailGUIDE D UTILISATION DU BACKOFFICE
GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la
Plus en détailMAILING 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étailCOMMENT PUBLIER SUR ARIANE?
COMMENT PUBLIER SUR ARIANE? Rédacteur : Dr Michel Arnould 1. SOMMAIRE 1.Sommaire...1 2.Connexion...1 3.Gestion des pages du wiki...1 Ajouter une nouvelle page...1 Supprimer, renommer, protéger une page...1
Plus en détailCMS Modules Dynamiques - Manuel Utilisateur
CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage
Plus en détailAméliorer le contenu d une encyclopédie collaborative. Faire preuve d esprit critique
Améliorer le contenu d une encyclopédie collaborative Faire preuve d esprit critique 1. Exemple 2. Fiche d identité 1. Auteur CERTNEF 2. Date Juin 2009 3. TIC utilisé L encyclopédie collaborative Wikimini
Plus en détailCréer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
Plus en détailSaisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont
I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle
Plus en détailSommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160
Sommaire Choisir son image... 2 Enregistrer son travail... 3 Créer les détails... 4 Supprimer une zone ou un détail... 6 Les commentaires... 6 Créer un lien hypertexte... 8 Appliquer un modèle... 8 Personnaliser
Plus en détailInstallation / Sauvegarde Restauration / Mise à jour
Installation / Sauvegarde Restauration / Mise à jour SPIP version 1.8.x Serveur (Linux) Jean Sébastien BARBOTEU dev.jsb@laposte.net Introduction Nous allons aborder tous les aspects techniques liés à la
Plus en détailSOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5
SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale
Plus en détailClimat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte»
Climat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte» Espace collaboratif Co-Ment Date : 01/12/2013 Référence du Projet : Chef de Projet : www.cndp.fr/climatscolaire Caroline
Plus en détailPublier 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étailSupport Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -
UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles
Plus en détailGuide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de
Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre
Plus en détailIntégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com
demo.minisites.encharentemaritime.com Insérer des photos Illustrez vos contenus en intégrant Depuis la barre d administration Vous pouvez télécharger des fichiers depuis votre ordinateur ou choisir des
Plus en détailManuel utilisateur du CMS Anan6
Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants
Plus en détail1 - Se connecter au Cartable en ligne
Le Cartable en ligne est un Environnement numérique de travail (ENT) dont la vocation est de proposer un ensemble de services en ligne, personnalisés et sécurisés, accessibles aux élèves et aux professeurs,
Plus en détailLe service de création de site Internet : Mode d emploi. La Création de Site Internet
Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de
Plus en détailContactForm 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étailAnimation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes
Créer son site Internet avec un outil gratuit Mardi 4 novembre 2014 Cédric ARNAULT OT Lourdes Présentation de la journée - Créer un site Internet : Pourquoi? Pour qui? Comment? - - Aller plus loin avec
Plus en détailMon aide mémoire traitement de texte (Microsoft Word)
. Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux
Plus en détailUtilisation de Sarbacane 3 Sarbacane Software
Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur
Plus en détailGuide d utilisation des services My Office
Guide d utilisation des services My Office Note importante : La version de ce guide d utilisation ne s applique qu à l interface RIA (Web 2.0) de My Office. Une section supplémentaire concernant l interface
Plus en détailTutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/
Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce
Plus en détailDes outils numériques simples et conviviaux!
Des outils numériques simples et conviviaux! 1 La clé USB en bref La clé USB vous permet : n De projeter, avec ou sans tableau blanc interactif (TBI), les pages du livre numérique. n De naviguer facilement
Plus en détailCréer un site WordPress
Utilisation pédagogique d une solution de gestion de contenu Créer un site WordPress Portfolio, Blog, plateforme,... Les blogs et les plateformes d enseignants sont un moyen de poursuivre la relation élèveenseignant
Plus en détailDocument d accompagnement pour l utilisation du Cartable en ligne Lycée des Métiers Fernand LÉGER 2013/2014
Document d accompagnement pour l utilisation du Cartable en ligne Lycée des Métiers Fernand LÉGER 2013/2014 Le Cartable en ligne est un Environnement numérique de travail (ENT) dont la vocation est de
Plus en détailPoint 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2
Point 3.7 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 INTEGRER DES DOCUMENTS (TEXTES, VIDEOS, IMAGES) SUR UN PORTAIL E-SIDOC... 2 Savoir utiliser l éditeur wysiwyg
Plus en détailGuide d usage pour Word 2007
Formation TIC Septembre 2012 florian.jacques@etsup.com Guide d usage pour Word 2007 ETSUP 8 villa du Parc Montsouris 75014 PARIS SOMMAIRE Interface... 2 Organiser son espace de travail... 3 La barre d
Plus en détailChapitre 2 Créer son site et ses pages avec Google Site
Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail
Plus en détailStage «Créer et animer un site Web en équipe»
Stage «Créer et animer un site Web en équipe» EREA Jean Isoard - Montgeron Jour 1 21/12/2012 Réaliser un site web Pour quoi faire? Publier sur le Web réaliser un journal en ligne (blog) écrire une ou plusieurs
Plus en détailSupport de formation Notebook
Support de formation Notebook Guide de l utilisateur du tableau interactif SMART Board Table des matières Le Tableau Blanc Interactif... 1 Comprendre le fonctionnement du TBI... 1 Utiliser le plumier
Plus en détailCRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08
CRÉER SON SITE INTERNET 1 Tout d abord, nous allons réviser quelques notions de base permettant de comprendre ce qu est un site Internet, et ce que cela implique. Dans un second temps, le lien ci-après
Plus en détailAfin 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étailPréparation d un post (article) pour idweblogs
Préparation d un post (article) pour idweblogs 30/09/2013 Préparation des documents... 2 Le texte... 2 Les images... 2 Les vidéos... 3 Transmission des documents à idweblogs... 4 Par mail... 4 Via notre
Plus en détailManuel v. 6sV Simplement surfer. Simplement cliquer. Simplement bloguer.
Manuel v. 6sV Simplement surfer. Simplement cliquer. Simplement bloguer. Sommaire 1. Se loguer 2. Ta place de travail (Tableau de bord) 3. Créer ton article 3.1«Ajouter» un article 3.2 Ta feuille de papier
Plus en détailmon 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étailConstruction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.
Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur
Plus en détailNouveautés de la version moodle 2.7
Nouveautés de la version moodle 2.7 Atto Éditeur de texte facile Le nouveau éditeur de texte dans Moodle à été développé spécialement pour convivialité et accessibilité. Au-dessus de la zone d'écriture
Plus en détailTutoriel 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étailGUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL
GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL 1. Avant de commencer Il existe plusieurs éditeurs de pages Web qui vous permettent de construire un site Web. Nous vous conseillons toutefois de
Plus en détailKompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
Plus en détailDans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.
1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,
Plus en détailJAHIA 6. Création et modification de sites web UniNE
JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES
Plus en détailSOMMAIRE. Comment se connecter?
SOMMAIRE Comment se connecter? Présentation de l interface Notions sur l espace documentaire Création d un dossier Création d un document Modifier un document Copier ou déplacer des documents Exporter
Plus en détail«Petit guide d utilisation Prezi» par Marc Nolet
«Petit guide d utilisation Prezi» par Marc Nolet Étape 1 : INSCRIPTiON : S inscrire à Prezi en suivant les étapes à l aide du tutoriel suivant : cliquez ici Étape 2 : OUVRIR UNE NOUVELLE PRÉSENTATION :
Plus en détailSOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5
SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 4.1 Ajouter une carte 5 4.1.1 Détails : nom, taille, marqueur 5 4.1.2 Ajout d un marqueur
Plus en détailManuel 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<Créer un site Web. avec/> Suzanne Harvey
aire l o c s texte n o c le Dans Suzanne Harvey Conseillère pédagogique en informatique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe Québec, Canada suzanne.harvey@prologue.qc.ca
Plus en détailAide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition
Aide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition Interface clé pédagogique 1. Lancer l'interface : Insérer la clé dans un port USB libre. Attendre l'ouverture
Plus en détailWORDPRESS : réaliser un site web
WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu
Plus en détailRefonte des sites internet du SIEDS
Refonte des sites internet du SIEDS Formation à la rédaction de contenu 31 juin 2005 09 h 00 Salle du CA, rue Notre Dame, à NIORT Déroulement Un CMS à quoi çà sert? La gestion de contenu selon SPIP Agora
Plus en détailCréation d un site web avec Nvu
Création d un site web avec Nvu sources principales d'informations: http://www.framasoft.net/article2656.html http://info.sio2.be/nvu/index.php http://www.anseladams.com Pensez à sauvegarder fréquemment
Plus en détailwww.imprimermonlivre.com
0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word
Plus en détailManuel d utilisation de la messagerie. http://zimbra.enpc.fr
Manuel d utilisation de la messagerie http://zimbra.enpc.fr ÉCOLE DES PONTS PARISTECH/ DSI JANVIER 04 SOMMAIRE. Connexion à la messagerie.... Présentation générale de l écran d accueil.... Déconnexion...
Plus en détailManuel d utilisation du web mail Zimbra 7.1
Manuel d utilisation du web mail Zimbra 7.1 ma solution de communication intelligente Sommaire 1 Connexion à la messagerie Zimbra p.4 1.1 Prérequis p.4 1.1.1 Ecran de connexion à la messagerie p.4 2 Presentation
Plus en détailDe EnvOLE 1.5 à EnvOLE 2. Document pour l administrateur
De EnvOLE 1.5 à EnvOLE 2 Document pour l administrateur 1 INDEX 1/ Introduction :... 3 2/ Contenu du CEL 2.0 à l issue de la migration... 4 Votre CEL est-il migré?... 4 Accès aux deux versions du CEL...
Plus en détailChapitre 3 : outil «Documents»
Chapitre 3 : outil «Documents» L outil «Documents» fonctionne comme le gestionnaire de fichiers de votre ordinateur. Vous pouvez y transférer des documents de tous types (html, Word, Powerpoint, Excel,
Plus en détailGUIDE D UTILISATION PORTAIL INTERNET
GUIDE D UTILISATION PORTAIL INTERNET WWW.lepuix-gy.fr Page 1 sur 13 Sommaire 1. Présentation du site internet de la commune 2. Connexion au site 3. L'inscription d'un contributeur 4. Déclarer une association
Plus en détailManuel utilisateur. des. listes de diffusion. Sympa. l'université Lille 3
Manuel utilisateur des listes de diffusion Sympa à l'université Lille 3 1 Table des matières Table des matières...2 I. Introduction...3 II. Principe général de fonctionnement de «Sympa»...3 1. Les principaux
Plus en détailPrise 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étailSavoir utiliser les services de l ENT Outils personnels SOMMAIRE
Savoir utiliser les services de l ENT Outils personnels 1 Outils personnels 1. Gérer les préférences 2. Personnaliser la page d accueil 3. Utiliser l agenda personnel 4. Stocker des fichiers dans le porte-documents
Plus en détailStyler un document sous OpenOffice 4.0
Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière
Plus en détailIntroduction à 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étailUtiliser un logiciel de présentation assistée par ordinateur
Utiliser un logiciel de présentation assistée par ordinateur Rares sont aujourd hui les présentations qui ne sont pas assistées par informatique. Mais encore faut-il savoir structurer correctement son
Plus en détailESPACE NUMERIQUE DE TRAVAIL DU LYCEE LYAUTEY LCS SE3
ESPACE NUMERIQUE DE TRAVAIL DU LYCEE LYAUTEY LCS SE3 LINUX COMMUNICATION SERVEUR SAMBA EDU (VERSION 3) Chers collègues, Le Lycée Lyautey entre pleinement dans l ère numérique en se dotant d un espace numérique
Plus en détailIndiquer l'espace libre sur le disque dur
ordinateur les plus Indiquer l'espace libre sur le disque dur - Nettoyer le disque dur - Défragmenter le disque dur Graver un CD ou un DVD - Installer un antivirus - Désinstaller un programme Copier des
Plus en détailSite web établissement sous Drupal
Site web établissement sous Drupal Etat Date Rédacteur Version Création 12/12/2013 C. Vilport Pôle Web DASI 1.0 Modification 04/02/2014 C. Vilport Pôle Web DASI 1.1 Diffusion aux 06/02/2014 C. Vilport
Plus en détailGuide de présentation du courrier électronique. Microsoft Outlook 2010. Préparé par : Patrick Kenny
Guide de présentation du courrier électronique Microsoft Outlook 2010 Préparé par : Patrick Kenny 5 décembre 2011 Table des matières Adresse courriel, nom de domaine et compte des employés :... 4 Liste
Plus en détailBrevet informatique et internet - Collège
Brevet informatique et internet - Collège DOMAINE N 1 S'approprier un environnement informatique de travail C. P. : Un environnement informatique permet d acquérir, stocker, traiter des données codées
Plus en détailÉvaluation des compétences. Identification du contenu des évaluations. Septembre 2014
Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire
Plus en détailGUIDE D UTILISATION DE LA PLATEFORME DE L UNIVERSITE DE BOURGOGNE POUR L ENSEIGNEMENT EN LIGNE ( PLUBEL )
UNIVERSITE DE BOURGOGNE C.F.O.A.D «La Passerelle» GUIDE D UTILISATION DE LA PLATEFORME DE L UNIVERSITE DE BOURGOGNE POUR L ENSEIGNEMENT EN LIGNE ( PLUBEL ) POUR L ENSEIGNANT DOCUMENT 1 «Accès à la plateforme
Plus en détailUtiliser le site learningapps.org pour créer des activités interactives
Utiliser le site learningapps.org pour créer des activités interactives I. Créer un compte - Pour pouvoir utiliser le site learningapps.org à des fins de création, il faut commencer par créer un compte
Plus en détailTable des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires...
Manuel utilisateur Table des matières 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5 1.2 Public visé... 5 1.3 Commentaires... 5 2 Généralités sur les applications web... 7 3 Module
Plus en détailGuide pour la réalisation d'un document avec Open Office Writer 2.2
Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer
Plus en détailPublication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
Plus en détailUTILISATION DE L'APPLICATION «PARTAGE DE FICHIERS EN LIGNE»
UTILISATION DE L'APPLICATION «PARTAGE DE FICHIERS EN LIGNE» url : http://colleges.ac-rouen.fr/cahingt/partages/ UN PRINCIPE : le stockage est privé, le partage est public > tant que l'on ne partage pas,
Plus en détailDiffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
Plus en détailMEMENTO D'UTILISATION Du T.N.I. SmartBoard (Version 10.0.130)
CRDP de l académie de Versailles Mission TICE Médiapôles mediapoles @crdp.ac-versailles.fr MEMENTO D'UTILISATION Du T.N.I. SmartBoard (Version 10.0.130) Mars 2009 584, rue Fourny 78530 Buc Tél. 01 39 45
Plus en détailEditeur html Guide de l'utilisateur
Ti nymce Editeur html Guide de l'utilisateur Date : février 2012 Version 2.0 Doc ref. tinymce-userguide-2.0 1 Aperçu général Cette documentation est composée de deux documents : Une représentation graphique
Plus en détailCréation de maquette web
Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte
Plus en détailManuel du gestionnaire
Manuel du gestionnaire ENT MESTEK v.2010 Ce manuel s adresse à l équipe administrative d un établissement scolaire : principal, principal adjoint, secrétaires dans un collège, proviseur, proviseur adjoint,
Plus en détailUtiliser le service de messagerie électronique de Google : gmail (1)
Utiliser le service de messagerie électronique de Google : gmail (1) 1. Créer un compte 2 2. Ouvrir sa boîte de messagerie électronique 3 3. Comprendre la boîte de réception (1) 4 3.1. Lire un message
Plus en détail4. Personnalisation du site web de la conférence
RTUTORIEL Prise en main de la plateforme 1. Création de l espace conférence Connectez- vous sur le portail http://test- www.sciencesconf.org avec le compte : - Identifiant : «admin1» - Mot de passe «1234»
Plus en détailRéalisation de cartes vectorielles avec Word
Réalisation de cartes vectorielles avec Word Vectorisation de la carte Après avoir scanné ou avoir récupéré un fond de carte sur Internet, insérez-la dans votre fichier Word : Commencez par rendre visible
Plus en détail