Créer son site web. Avec la distribution e-change Benoît Mamet Cédric Morin

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

Download "Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin"

Transcription

1 Créer son site web Avec la distribution e-change Benoît Mamet Cédric Morin 1

2 Introduction 2

3 Qu'est-ce qu'un site web? 3

4 Le réseau - Navigateur Internet : IE, Mozilla Firefox - Traitement de texte - Traitement d'images - Client FTP Internet Server DNS (résolution de nom) - Serveur Web / php : noyau de SPIP - BDD, mysql / sqlite : contenus (articles, rubriques, documents multimédias) 4

5 Un site Internet Ensemble de documents reliés par des liens hypertextes, accessibles entre eux via Internet URL (Universal Ressource Location) : permets de faire référence de manière unique à un document fichiers HTML (présentation), XML (échange de données)... ressources multimédia : image, son, video... nom du protocole utilisé pour accèder au document nom du serveur qui l'héberge numéro du port réseau (optionnel) chemin d'accès, sur la machine, à la ressource Ex : 5

6 Des liens hypertextes 6

7 Consultation d'une page Web 2 port http 4 port 80 PC+ Navigateur Internet 3 serveur Web 1. Action de l'utilisateur dans le navigateur (clic lien) 2. Requête HTTP du navigateur avec adresse 3. Réponse HTTP du serveur avec document HTML 4. Interprétation et affichage du navigateur 7

8 Un serveur Web module serveur Ordinateur connecté en permanence à Internet et chargé de servir des documents Web écoute et réception d'une requête (protocole / port) interprétation et év calcul transfert du document au client Web (protocole / port) http Apache système de fichiers racine PHP / Perl / Python... module de calcul base de données 8

9 Un navigateur Internet 3 Modules Types et répartition Internet Explorer : 12 % / Windows (IE7 : 26%, IE6 : 20,6%) Mozilla Firefox : 28 % / GPL / multiplateforme Safari : 4 % / Apple / proriétaire Chrome : 53 % / google Langages interprétés client HTTP dans une architecture client/serveur moteur de rendu des Standards du Web : HTML et CSS interface utilisateur : browser, butineur, brouteur, explorateur... XHTML, CSS, JavaScript nativement Flash en plugins Cookies stocke sur la machine cliente des fichiers temporaires 9

10 Une page HTML Fichier au format texte utilisant des balises qui spécifient la structure et l'intention de présentation du contenu interprété par le navigateur pour l'aspect final intègre un système de liens et d'inclusion d'éléments peut intégrer des langages pris en charge par le navigateur : CSS (présentation), javascript (calcul)... = <html> <html> <head> <head> </head> </head> <body> <body> Hello World! Hello World! </body> </body> </html> </html> 10

11 Une base de données Organise des données sous forme de tables et des champs (eq tableau de données) Par rapport à un fichier texte intègre les fonctionnalités de sécurité (droits) fournit des modules de programmation (ex PHP) facilitant l'accès aux données (requêtes) Extrait de la BDD de SPIP champs table : article entrées 11

12 Intégration des ressources multimedia page HTML requête image image PC+ Navigateur Internet serveur Web La source des éléments multimédia (images, video, sons, animations...) affichés dans les pages Web n'est pas contenue dans la page HTML Ils sont référencés sous forme de lien et téléchargés par le navigateur au moment de l'affichage de la page. Les ressources multimédias peuvent se trouver : sur le même serveur web sur la machine locale (rare) sur un autre serveur web 12

13 Intégration des ressources multimedia page HTML serveur Web 1 htt p : / /w w w.s pip.ne t/im G / site o n0. m p3 PC+ Navigateur Internet serveur Web 2 13

14 Consultation d'une page dynamique serveur Web 2 article.php?id_article=2 article.php?id_article=2 1 M I S E E N F O R M E C O N T E N U PC+ Navigateur Internet 1. Action de l'utilisateur 2. Requête HTTP du navigateur avec adresse 3. Calcul de la page HTML en lien avec la base de données 4. Réponse HTTP du serveur avec page HTML 5. Interprétation et affichage du navigateur base de données 14

15 Mise à jour des pages Web serveur Web HTTP racine requête PC + Navigateur Internet fichiers envoyés vers le serveur PC + Client FTP FTP... 15

16 Dans le cas d'un site dynamique HTTP (POST) serveur Web texte /ecrire/article_edit.php?id_article=2 fichier PC + Navigateur Internet l'essentiel du contenu se trouve dans la BDD et peut être mis à jour via le serveur Web les utilisateurs autorisés y accèdent en HTTP (navigateur web) comme en consultation certains fichiers multimédias peuvent être envoyés en HTTP (limite de taille) les mises à jour du moteur de publication nécessitent des envois FTP base de données 16

17 Des sites statiques... Création et modification manuelle des pages Connaissance du HTML ou utilisation d'un logiciel de réalisations de pages Web (utilitaire graphique, éditeur de texte...). Envoi manuel des pages par FTP. Le webmestre est le point de passage obligé pour mettre les modifications en ligne. Il est difficile de mettre en place une navigation qui évolue automatiquement (liens vers les nouveaux contenus). Le contenu fait partie du contenant 17

18 ... aux sites dynamiques Le système de publication est installé sur le serveur Les données sont organisées dans une base données interdépendantes (article, rubrique, auteur) données organisées en champs (titre, descriptif, texte) Le travail est collaboratif modifications du site en utilisant un simple navigateur Internet droits distincts de gestion du contenu, workflow, groupware... Le site public se construit dynamiquement à partir des publications du site privé contenu séparé de la mise en forme construction dynamique sur la base d'un canevas (blocs) 18

19 La distribution e-change 19

20 Une distribution Un assemblage de plusieurs paquets (qui fournissent chacun un service) en un ensemble cohérent prêt à l emploi Très fréquent dans le monde des logiciels libres Exemple de Linux : distribution Ubuntu (orientée grand public) distribution Debian (orientée serveurs) distribution Red Hat (orientée pour les entreprises) Les distributions se distinguent en général par le choix des paquets et la cohérence qui guide ce choix Pas de rupture de compatibilité : on peut passer d une distribution à une autre sans perdre son travail 20

21 À destination des associations Outil de communication et d information pour les associations permettre de faire connaître leurs actions, ressources... pas un outil de gestion de l association initiée par un effort conjoint de Ritimo et Nursit Faciliter la création d'un site web par les associations Leur permettre d'être indépendante, de ne pas dépendre d'un prestataire technique Regroupe les fonctionnalités les plus courantes pour ce type de site 21

22 Pour leur permettre d'être visibles par tous Le site web doit être accessible à tout public En situation de handicap accessibilité technique des contenus En consultation sur tout périphérique design responsive Bien référencé balisage sémantique et structuré Bonnes pratiques techniques de plus en plus complexes à mettre en œuvre, fournies par la distribution 22

23 Dans la boîte Construit sur la version 3.0 de SPIP Qualité des squelettes (templates) Développés dans un souci d accessibilité Sémantiques (HTML5), micro-data (référencement) Responsive (s adaptent à la taille de l écran du terminal de consultation : directement prêts pour les mobiles et tablettes sans version mobile spécifique) Hautement configurables (grosse évolution du squelette SarkaSpip) Thémables (intègre 7 variantes visuelles) Sélection de plugins testés, éprouvés et maintenus 23

24 Fonctionnalités Extranet, espaces réservés aux membres Agenda Galeries photos Commentaires avec modération facile (depuis le mail de notification, depuis la page publique) Édition, correction des articles directement sur le site public Contact avec enregistrement dans le site et envoi par mail au webmestre Édition des menus de navigation du site Lecteur audio, Lecteur vidéo accessible Notation, partager sur Facebook,Twitter..., recommander par , sélectionner des articles Nuages de mots-clés Composition et envoi d une newsletter, gestion des inscriptions à la newsletter (opt-in ou double opt-in) Articles en dehors des rubriques, ou dans plusieurs rubriques Afficher un fil twitter, tweeter automatiquement les nouveaux articles Afficher la météo Éditer les templates depuis le site, choisir/apercevoir un thème depuis l espace d administration Insérer automatiquement des liens youtube, flickr,... Voir les données Exif des photos Avoir un site rapide! 24

25 SPIP 25

26 L'histoire minuscule et anecdotique de SPIP Système de Publication pour l Internet P Logiciel Libre, un des premiers CMS Issu du monde militant 1998 Synthèse des outils de publication des sites des éditions Vuibert, du site du Monde diplomatique et du site Uzine (webzine en ligne) lancement officiel de SPIP 1.0 (2004 création du fork SPIP-Agora pour le gouvernement) 2008 SPIP SPIP

27 SPIP 3.0 Navigation repensée dans l espace d administration Médiathèque pour la gestion des documents Documents, révisions, mots clés pour tous les objets Configuration et édition des urls article par article Boucle (DATA) + plein de fonctionnalités possibles dans les plugins 27

28 Aujourd'hui sites sous SPIP : trouvés : 8 nouvelles versions depuis 2001, environ 2 par an. Un logiciel libre, distribué sous licence libre GPL, et gratuit. Une communauté active : 4 sites de référence et d'aide, une liste de diffusion, des forums et des faq, plus de 7000 contributeurs sur spip-contrib. Depuis 2006 : développé en sub-version (SVN) et intégrant des plugins (depuis SPIP 1.9). 28

29 Sites consacrés à SPIP SPIP Plugins SPIP L'ensemble des plugins disponible documentation officielle SPIP Contrib tutoriels, squelettes, documentation de plugins 29

30 Une communauté active Utilisateurs : news://news.gmane.org/gmane.comp.web.spip.user Développeurs : news://news.gmane.org/gmane.comp.web.spip.devel Développeurs sous SVN (noyau, plugins, squelettes) : news://news.gmane.org/gmane.comp.web.spip.zone Canal Irc : 30

31 SPIP : un outil de publication apparenté aux CMS 31

32 Structure des contenus Les contenus sont organisés sous forme d'objets éditoriaux (rubriques, articles, auteurs...) constitués de champs (titre, descriptif, date, texte...) Rubrique : titre, descriptif, rubrique-mère Article : titre, texte, rubrique-mère, auteur Auteur : nom, biographie, droits Ces données interagissent entre elles. Le contenu est structuré de manière arborescente (rubriques), transversale (mots-clefs) ou globale (indexation du moteur de recherche). 32

33 Extrait de la Base de Données table : spip_articles table : spip_rubriques table : spip_auteurs 33

34 Les contributeurs (et leurs rôles) Visiteur Rédacteur Rédige et propose de nouveaux contenus Administrateur restreint Consulte le site public et peut participer au forum Gère la structure et modère le contenu du site dans ses rubriques Administrateur Détermine la ligne éditoriale, gère les auteurs et les options du site Gère la structure du site (rubriques) Modère le contenu (articles, brèves, sites, etc.) 34

35 Squelettes Les pages du site public sont construites à partir de gabarits (templates) appelés «Squelettes» Les squelettes sélectionnent les contenus et choisissent comment les afficher Utilisent 4 langages : Les boucles SPIP pour la sélection des contenus HTML pour l'affichage CSS pour la mise en forme Javascript pour définir les animations et comportements 35

36 Le site est dynamique Les pages du site sont construites automatiquement à partir Des contenus éditoriaux générés par les utilisateurs Des réglages configurés par l'administrateur Des squelettes pour la mise en forme 36

37 Créer un site SPIP 37

38 Installer 38

39 Installer SPIP chez un hébergeur Hébergement Web incluant PHP et MySQL pour SPIP 3 + : PHP > et Mysql > 5 Une fois l'hébergement ouvert, se munir des codes Accès au syst de fichiers du serveur (FTP - port 21) adresse du serveur : utilisateur : mot de passe : Paramètres de connexion à la base de données adresse de la base (relative) : localhost nom de la base : utilisateur : mot de passe : 39

40 Installer SPIP localement Pour un développement local ou backup Installer un serveur Apache/PHP/Mysql Linux : Windows : Se munir de ses codes Accès au syst de fichiers du serveur (local) Linux : /var/www/ Windows : c:\wamp\www Paramètres de connexion à la base de données adresse de la base (relative) : localhost nom de la base : xxx utilisateur : root mot de passe : xxx 40

41 Installer SPIP en 4 étapes 1- Récupérer le système de fichiers de SPIP depuis le site télécharger l'archive spip.zip la décompresser localement 2- Transférer les fichiers à la racine de votre site (par FTP ou localement) 3- Donner les droits d accès en écriture aux dossiers \IMG, \tmp, \local, \config (chmod 777) 4- Connectez-vous avec votre navigateur au dossier /ecrire de votre site Installation par interface graphique 41

42 Alternative : spip_loader.php Récupérer le fichier spip_loader.php depuis le site Le transférer à la racine de votre site (par FTP ou localement) Donner les droits d accès en écriture aux dossiers \IMG, \tmp, \local, \config (chmod 777) A partir du navigateur, éxécuter le fichier spip_loader.php Installation par interface graphique Intérêts temps de transfert plus court facilite les mises à jour de version 42

43 Installer SPIP avec Nursit 43

44 Installer SPIP avec Nursit 44

45 Se connecter à SPIP 45

46 à partir du moment où il est connecté......l'utilisateur transporte avec lui son profil (droits et préférences). Dans l'espace privé la navigation est contextualisée : tous les utilisateurs ne voient pas la même chose car ils n'ont pas les mêmes droits et les mêmes préférences. Dans l'espace public les administrateurs ont accès à un menu d'informations et de raccourcis vers l'espace privé, si ils ont activé le cookie de correspondance. 46

47 Le cookie de correspondance stocke des informations d'authentification personnelles pour éviter de se reconnecter systématiquement. donne accès à un menu de raccourcis contextuel aux administrateurs à partir du site public. En cas d'utilisation d'un ordinateur public, penser à se déconnecter ou désactiver l'usage général du cookie 47

48 Accéder à l'espace privé (depuis l'espace public) Accéder à l'espace privé -Depuis l'espace public cliquer sur espace privé ou -Dans la barre d'adresse du navigateur ajouter /ecrire ex : S'authentifier Utiliser les raccourcis contextuels d'accès à l'espace privé 48

49 Accéder à l'espace public (depuis l'espace privé) Accéder à l'espace public Se déconnecter (fermer la session) Utiliser les raccourcis d'accès à l'espace public Revenir à la page d'accueil Du site public : généralement clic sur la bannière : adresse : /spip.php?page=sommaire Du site privé : le logo Accueil : adresse : /ecrire 49

50 Personnalisation du backoffice Mes informations résumé des informations personelles : articles, icône et page de données personnelles. Ma langue changer de langue l'interface Mes préférences jeu de couleur du site privé 50

51 Modifier ses informations personnelles En cliquant sur on peut renseigner : sa signature son adresse mail sa biographie le nom de votre site l'url de votre site son login (admin) son mot de passe Possibilité de mettre en ligne son logo d'auteur : 51

52 La zone de résumé de la page d'accueil + Résumé du profil et des publications de l'auteur. Cookie de correspondance : stockage des informations d'authentification personnelles. + Résumé du site : Articles : tous les articles Auteurs : liste des auteurs Forums : les forums publics Brèves : toutes les brèves 52

53 Utiliser l'aide de SPIP 53

54 Espace privé 54

55 La page d'accueil Zone de fonctions Raccourcis Zone de travail 55

56 La barre des fonctions (redacteur) Accueil : permet d'avoir des informations sur vos articles : les derniers publiés, ceux proposés à la publication sur le site. C'est la page d'accueil. Edition : permet de visualiser les différents objets éditoriaux disponibles sur le site. Auteurs : voir l'ensemble des auteurs du site, Rubriques : visualiser la structure du site (pas de modif) Articles : écrire, proposer un nouvel article Mots-clés : visualiser les mots-clés 56

57 La barre des fonctions principales (administrateur) Accueil : permet d'avoir des informations sur vos articles : les derniers publiés, ceux proposés à la publication sur le site. C'est la page d'accueil. Edition : permet d'éditer les différents objets éditoriaux disponibles sur le site. Publication : tout ce qui a été publié ou est en attente de publication Activité : suivre l'activité éditoriale du site. Squelettes : ce qui concerne la mise en page ou le paramétrage d'éléments du site public Maintenance : pour l'administrateur du site, l'accès aux opérations de maintenance Configuration : accès aux élements de configuration pour le webmaster 57

58 Les fonctions secondaires (administrateur) 58

59 La barre de séparation Tout le site donne une hiérarchie de tout le site et en fonction secondaire, l'arborescence des rubriques du site. Créer une nouvelle rubrique première chose à faire en arrivant sur un site vierge : créer l'arborescence du site. Créer un nouvel article Créer un nouvel auteur Référencer un nouveau site Forum interne acces au forum privé du site s'il est activé Agenda ouvre l'agenda de la semaine en cours et en fonction secondaire vous pouvez ouvrir un jour, une semaine, un mois précis et vérifier vos messages et penses bêtes. Messagerie personnelle ouvre une page qui reprend vos messages enregistrés dans le calendrier et hors calendrier, vos penses bêtes et les annonces. En fonction secondaire, des raccourcis permettent de créer un nouveau pense-bête et un nouveau message. Recherche permet de balayer l'ensemble des contenus. 59

60 Configurer SPIP 60

61 Identité du site 61

62 Contenu du site (1) Articles : définition du contenu des articles 62

63 Contenu du site (2) Rubriques : d'autres champs que le titre? Logos : un logo pour chaque élément éditorial? Syndication : le/les flux RSS 63

64 Contenu du site (3) Les mots clés : Utilisation des mots clés, des groupes de mots clés, dans les forums, Référencement de sites et syndication : permet de générer un annuaire de sites Web et autoriser la syndication des sites. Les brèves : Les utilise-t- on ou pas? 64

65 Contenu du site (4) 65

66 Interactivité (1) Inscription automatique de nouveaux rédacteurs : permet grâce à un formulaire d'accepter une inscription automatique de tous nouveaux rédacteurs. Visiteurs : le visiteur est enregistré sur le site et peut ajouter des commentaires 66

67 Interactivité (2) Messagerie et agenda : permettre de s'organiser et communiquer entre les rédacteurs dans l'espace privé. Mails : le mail reste un moyen efficace de prévenir lors d'événements éditoriaux. 67

68 Fonctions avancées (1) Génération de miniatures des images : permet de créer automatiquement une vignette miniature des images jointes aux articles. Elle permets l'ouverture en taille réelle de l'image quand l'internaute clique dessus. Vous pouvez choisir le nombre de pixels de la miniature. 68

69 Fonctions avancées (2) Travail collaboratif sur les articles en indiquant des avertissements quand l'intervalle séparant le travail de plusieurs personnes sur un même article est faible. Prévisualisation permet de visualiser ce que sera l'article en ligne sans qu'il soit publié. 69

70 Fonctions avancées (3) Statistiques des visites de votre site, de même que les origines des visites. Optimisations et Compression il est conseillé de cocher la compression du javascript et des css pour de meilleurs performances de votre site web 70

71 Gestion des plugins (1) Plugins verrouillés : ils sont installés avec SPIP par défaut, il n'est pas possible de les désactiver de votre site web 71

72 Gestion des plugins (2) Configuration Activation / désactivation Activé Détail Sélection 72

73 Gestion des plugins (3) Dépôts : il reférence l'ensemble des plugins disponibles (sur spipzone par exemple) 73

74 Gestion des plugins (4) Plugins : rechercher des plugins trouvés dans le dépôt. 74

75 Gestion des plugins (5) Plugins : installation et activation du plugin après la recherche 75

76 Plugins Nursit 76

77 Forum (1) Fonctionnement forum : permet d'ajouter un commentaire à un article et de décider s'il est publié immédiatement Forum : contenu du forum 77

78 Forum (2) Espace privé : le forum en dessous des articles est le cas le plus classique d'utilisation dans le privé quand il y a plusieurs rédacteurs Notifications : permet d'améliorer la communication en informant par d'un nouveau message 78

79 Forum / Notifications / Spam Plugins : la conjonction des 3 plugins permet d'agir efficacement contre le spam de commentaire 79

80 Révisions Révisions : elles permettent de tracer les modifications. 80

81 URLs 81

82 Organiser en rubriques 82

83 Généralités Une structure hiérarchisée Tout contenu publié sur le site sera placé dans une rubrique et une seule. Dans SPIP, la structure étant de type hiérarchique, une rubrique peut contenir du contenu et des sous-rubriques qui, elles mêmes, contiennent des sous-rubriques, etc. On peut donc déplacer une rubrique dans une autre avec tout ce qu'elle contient. Le choix du logo, du descriptif et du texte explicatif sont essentiellement informatifs pour le backoffice. Ils sont parfois utilisés par le webmaster pour affichage sur le front-office. Fréquemment, seules apparaissent sur le site les rubriques contenant au moins un contenu publié (par exemple un article, ou une sous-rubrique non vide). 83

84 Créer, modifier, déplacer, supprimer une rubrique Deux pages : Une page de création ou d'édition de la rubrique Titre Emplacement Texte et descriptif Protection de la rubrique par mot de passe -> Valider Une page de publication : fiche récapitulative avec choix d'options Synthèse des contenus Joindre un logo Choix du mots-clefs Choix de la langue Suppression (si vide) 84

85 Page de création et de modification 85

86 Page de publication avec choix d'options 86

87 Page de publication (langue de l'utilisateur) 87

88 Compléments Pour supprimer une rubrique du site, elle doit avoir été préalablement vidée de tout son contenu (articles, rubriques, sites, brèves). L'accès restreint à une rubrique nécessite l'installation du plugin : acces_restreint Pour ordonner les rubriques du site, on peut utiliser la notation suivante : 1. Titre1 -> Titre1 2. Titre2 -> Titre2 Il faudra spécifier ce critère d'affichage dans le squelette de présentation {par num titre} 88

89 Écrire un article 89

90 Généralités Chaque article est constitué au minimum d'un titre et d'un texte. Les champs supplémentaires sous-titre, chapo, post-scriptum peuvent rester vides (on active leur présence dans configuration / contenu du site). Il est placé dans une rubrique et peut être déplacé par la suite. Les raccourcis typographiques permettent d'effectuer simplement les opérations de mise en page : mise en italique, en gras, création d'un intertitre, affichage d'une liste à puces, insertion d'une image. Le statut de l'article correspond aux étapes (workflow) de publication : en cours de rédaction : visible par son auteur uniquement proposé à la publication : visible par tous les auteurs de l'espace privé publié en ligne : visible sur l'espace privé et public à la poubelle : visible sur l'espace privé refusé : visible sur l'espace privé uniquement par les administrateurs 90

91 Généralités (2) Chaque article peut avoir un, plusieurs ou aucun auteur. Un article est daté à sa publication. Cette date peut être modifiée par l'administrateur, elle peut être positionnée dans le futur pour faire de la publication programmée. Il porte de plus optionnellement, une date de rédaction antérieure indicative pour signifier qu'il s'agit d'une republication. Un logo propre à l article peut être ajouté. Comme pour les rubriques, il peut ou non être utilisé par le Webmaster pour l'affichage public. Un article peut être automatiquement redirigé vers un lien interne ou externe : c'est un article virtuel qui permet par exemple d'intégrer dans SPIP des pages d'un site antérieur. Chaque article accepte un réglage propre concernant les options de forum et de pétition. 91

92 Créer, modifier, déplacer, supprimer Deux pages : Une page d'édition ou de modification de l'article Titre Emplacement Texte et descriptif Mise en page -> Valider Une page de publication : fiche récapitulative avec choix d'options Synthèse des contenus Date Auteurs Mots-Clefs Langue Joindre des documents Logo Options de forum Statistiques en cours Voir en ligne 92

93 Edition d'un article 93

94 Publication d'un article 94

95 Les raccourcis typographiques Lire : L'aide en ligne Voir le résultat 95

96 Illustrer avec images et documents 96

97 Les images et les documents attachés... aux articles et optionnellement aux rubriques. Permettent : de joindre un document à un texte (lien vers ce document) de mettre en place une galerie d'images d afficher une image dans un texte de proposer un espace de travail / de téléchargement Peuvent être accompagnés d un titre, d un descriptif et d une taille d affichage. Les types de documents que l'on peut attacher sont indiqués au niveau de la BDD. Ceci pour des raisons de sécurité (par exemple, l'attachement d'un script PHP est interdit). En cas de taille > 3 Mo, ils peuvent être envoyés par FTP dans le répertoire /tmp/upload 97

98 Joindre des documents à un article (1) A partir de la page de publication de l'article, faire «Parcourir» puis «Télécharger». Classement distinct et automatique des images des autres types de documents. Possibilité de personnaliser le descriptif du document Titre / Sert aussi au classement. Ex : 1. Titre, 2. Titre Descriptif Taille (pour les documents multimedia) Suppression 98

99 Joindre des documents à un article (2) Le portfolio permet d'utiliser une image dans plusieurs documents. Il est possible d'indiquer des informations compémentaires qui seront affichée sur le site publique si le squelette est prévu pour ça. La vignette est générée automatiquement par SPIP mais peut être remplacée 99

100 Intégrer des documents dans l'article (1) Dans la page d'édition : Possibilité d'ajouter directement à partir de la page d'édition des images et des nouveaux documents dans la colone de gauche listant les documents copier le code correspondant soit à la vignette, soit au document entier et le coller dans le corps de l'article. images et documents diffèrent par leur statut dans la base et la manière dont le webmaster les inclus mieux vaut toujours utiliser des documents Par défault, un document intégré à un article n'est plus visible à la suite de celui-ci. On peut supprimer le code du corps de l'article 100

101 Intégrer des documents dans l'article (2) 101

102 Intégrer des documents dans l'article (3) Espace privé Page publique Box dans la page publique 102

103 Publier un article 103

104 Quelques règles simples Chaque objet de contenu est publié dans une rubrique et une seule. -> la rubrique est un contenant et ne stocke aucune donnée en tant que tel. Toutes les opérations d'administration et de publication sont révocables. Une opération de publication (rubrique, article, brève, site...) se déroule toujours en deux temps : 1. Un temps d'édition ou de préparation du contenu 2. Un temps de publication ou de validation des options 104

105 La chaîne de publication Connexion au backoffice Recalcul des pages du site public par le système Choix d'un type de contenu à publier Une page d'édition Une page de publication Validation du contenu par un administrateur 105

106 La chaîne de publication 1. Je me connecte à l'espace privé du site. 2. Je choisis le type de contenu à publier. 3. Je rédige un contenu (ex: article) et le place dans une rubrique. 4. Je détermine les options de publication. 5. En fonction de mes droits (administrateur ou rédacteur), je valide ce contenu ou le propose à la publication. 6. L'outil recalcule les pages du site et intègre le nouveau contenu dans les blocs du site public. 106

107 Personaliser le site 107

108 Configurer le site public 108

109 Configuration 109

110 Accueil Le secteur spécialisé n apparaîtra pas dans la navigation. Il sert à y mettre des contenus spéciaux comme les édito ou autre. Usage facultatif. 110

111 Pages 111

112 Sommaire (home page) La page sommaire peut contenir un article «édito» que l'on configure ici affiché en colonne latérale Un article à la une, configuré via mot-clé affiché en cœur de page La liste des secteurs rubriques de 1er niveau 112

113 Sommaire La liste des articles récents par ordre chronologique inverse La liste des albums photo récents par ordre chronologique inverse 113

114 Rubrique On peut escamoter les pages de rubrique et afficher un des articles à la place Définir ce qu'on affiche dans la page de rubrique (sousrubriques, articles...) 114

115 Article Détails d'affichage de la page d'un article (logo, partage social...) 115

116 Auteur Chaque contributeur (= qui a un article publié) du site a une page Qui regroupe éventuellement les articles écrits Qui permet de le contacter 116

117 Brève Les brèves sont affichées sous la forme : brève consultée + liste des autres brèves 117

118 Site syndiqués Site syndiqué fournit un flux RSS de ses publications récupéré et affiché dans votre site permet de donner de lier automatiquement de l'information depuis un autre site 118

119 Sites favoris Sites favoris = des sites que l'on référence pour les proposer aux visiteurs comme liens intéressants 119

120 Forum Ici c'est bien le forum de discussion Salons, plusieurs sujet S'active sur une rubrique 120

121 Agenda Agende du site public Configuration de la présentation de l'agenda Configuration de l'affichage du minicalendrier 121

122 Galerie Galerie est la page de présentation de tous les albums photo 122

123 Album Page de présentation d'un album 123

124 Plan du site 124

125 Recherche &mots-clés Affichage des résultats de recherche texte ou par mot clé 125

126 Zones communes à toutes les pages 126

127 Bandeau Bandeau haut de la page Configuration de la taille d'affichage du logo 127

128 Menus Quel menu afficher? Chaque menu est personalisable via le plugin Menus 128

129 Commentaires Mode d'affichage des commentaires Choix d'affichage des gravatars 129

130 Pages formulaires Formulaires de contact Abonnement à la lettre d'information 130

131 Pages formulaires Inscription au site Référencement de sites Permet aux visiteurs de proposer de nouveaux sites favoris Présentation des page de login 131

132 Modèles Mode d'affichage des images et documents. Laisser «non» Mode d'affichage de la pagination 132

133 Navigation entre articles Configuration des éléments de navigation contextuels, permettant de rebondir d'un article à l'autre 133

134 Contenu des colonnes Permet de sélectionner ce qu'on affiche ou non dans les colonnes latérales 134

135 Pied de page Configuration du pied de page (en dehors du menu de pied de page) 135

136 Référencement 136

137 Balises META Balises méta insérées sur la home du site peu utiles en pratique 137

138 Flux RSS Configuration du flux RSS envoyé par le site (qui est utilisé par les visiteurs ou d'autres sites internet) 138

139 Outils 139

140 Plugins Petit utilitaire pour (re)configurer certains plugins pour qu'ils fonctionnent bien avec le squelette 140

141 Sauvegarde/Restauration de la configuration Permet de réutiliser la même configuration d'un site à l'autre 141

142 Migrer un ancien site Outil pour migrer depuis un ancien site SPIP Vieux agenda réalisés à partir d'articles dans une rubrique 142

143 Migrer un ancien site Outil pour migrer depuis un ancien site SPIP Albums photos réalisés à partir d'articles dans une rubrique 143

144 Publier un article à la une 144

145 Article à la Une Article en home page, affiché en cœur de page et mis en avant 145

146 Article à la Une Squelettes > Configurer SarkaSPIP > Sommaire Memento Créer un groupe de mot-clé «squelette_habillage» Créer un mot clé «article_une» L'associer à l'article qu'on veut mettre à la Une. 146

147 Publier un édito 147

148 Article Édito Article en home page, affiché en colonne latérale 148

149 Édito Squelettes > Configurer SarkaSPIP > Sommaire Sélectionner l'article choisit pour mettre en édito 149

150 Créer un album photo 150

151 Album photo (1) 151

152 Album photo (2) 152

153 Album photo (3) 153

154 Ajouter un flux RSS 154

155 Les sites syndiqués (1) permettent de récupérer à intervalles réguliers le nom et l'adresse des derniers contenus publiés sur un autre site Web. La syndication nécessite sur le site distant la présence d'un flux rss (fichier au format xml). TROUVER des sites : Utiliser la détection par Firefox lors de la navigation Utiliser le lien fourni par les sites sur leurs pages Dans les deux cas, copier l'adresse en cliquant droit sur le lien ou en cliquant gauche puis copier l'adresse de la barre d'adresse. Utiliser le fichier spip.php?page=backend situé à la racine d'un site SPIP Ex : 155

156 Les sites syndiqués (2) Le référencement automatisé d'un site permet d'aller chercher automatiquement les informations du site, juste en renseignant son adresse 156

157 Les sites syndiqués (3) La description a été renseignée automatiquement et le flux rss a été trouvé. On décide de syndiquer le site, c'est à dire aller récupérer les nouveautés du site ritimo 157

158 Les sites syndiqués (4) 158

159 Modifier le menu de navigation 159

160 Menus Chaque menu est personalisable via le plugin Menus 160

161 Squelettes > Menus du site Puis «Créer un nouveau menu» 161

162 Titre champ libre à titre indicatif, pour vous y retrouver Identifiant Définit quel menu vous personalisez : barrenav menutop menuside menushortcuts menufooter Ritimo-Nursit // Module 1 // Octobre

163 163

164 Choisir un thème graphique 164

165 Choisir un thème existant Menu Squelettes > Thèmes 165

166 Choisir un thème existant Nombre de thèmes limité (pour le moment) Ce sont surtout des variantes de base, point de départ à la personnalisation 166

167 Commentaires forums 167

168 Les commentaires sont attachés à un article sur le site public. ils se trouvent en dessous du corps de l'article. sont accessibles en contribution et sont consultables par tous les visiteurs depuis l'espace public et sont modérés par les administrateurs depuis l'espace privé peuvent être activés ou modérés de façon +/resctrictive, sur tout le site puis pour chaque article ne sont pas forcément signés peuvent générer l'envoi de mail automatique 168

169 options d'administration 169

170 Commentaires sur le site public 170

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin Créer son site web Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin 1 Introduction 2 Qu'est-ce qu'un site web? 3 Le réseau - Navigateur Internet : IE, Mozilla

Plus en détail

Portail Communal Erasme. Patrick VINCENT pvincent@erasme.org

Portail Communal Erasme. Patrick VINCENT pvincent@erasme.org Portail Communal Erasme Patrick VINCENT pvincent@erasme.org Erasme Erasme Mission Technologies de l'information du Conseil Général du Rhône Saint Clément les Places Expérimente et accompagne les usages

Plus en détail

Collectif Stratégies Alimentaires TECHNOLOGIES DE L A COMMUNICATION ET DE L INFORMATION PAR INTERNET

Collectif Stratégies Alimentaires TECHNOLOGIES DE L A COMMUNICATION ET DE L INFORMATION PAR INTERNET Collectif Stratégies Alimentaires TECHNOLOGIES DE L A COMMUNICATION ET DE L INFORMATION PAR INTERNET Formation à l utilisation de SPIP Bujumbura 26-27 mars 2011 Objectifs de la formation 1. Permettre aux

Plus en détail

Systèmes de Gestion de Contenu

Systèmes de Gestion de Contenu Introduction à SPIP Master 1 CAWEB Page 1/1 SPIP http://demo.spip.org/ SPIP (acronyme récursif de «Système de Publication pour l Internet Spip») est l'un des logiciels libres de gestion de contenu parmi

Plus en détail

SPIP. Fonctionnement et utilisation. Partie 1. Patrick VINCENT pvincent@erasme.org

SPIP. Fonctionnement et utilisation. Partie 1. Patrick VINCENT pvincent@erasme.org SPIP Fonctionnementetutilisation Partie1 PatrickVINCENT pvincent@erasme.org Partie1 LessitesWeb Rappelstechniques etgénéralités Leréseau Internet UnsiteInternet Ensemblededocumentsreliéspardesliens hypertextes,accessiblesentreeuxviainternet

Plus en détail

SOMMAIRE. Savoir utiliser les services de l'ent Outils personnels

SOMMAIRE. Savoir utiliser les services de l'ent Outils personnels Savoir utiliser les services de l'ent Outils personnels Outils personnels. Gérer les préférences. Personnaliser la page d'accueil 3. Utiliser l agenda personnel 4. Stocker des fichiers dans le porte-documents

Plus en détail

1. Introduction. 2. Présentation SPIP? 2.2 Terminologie de SPIP

1. Introduction. 2. Présentation SPIP? 2.2 Terminologie de SPIP 1. Introduction Ce document a pour objectif de présenter brièvement le logiciel de publication collaborative en ligne SPIP et de servir de «mémo» pour son utilisation de rédaction. Par exemple : www.mon-site.com

Plus en détail

Créer et faire vivre un site web pédagogique

Créer et faire vivre un site web pédagogique Créer et faire vivre un site web pédagogique 1. Créer un site web... 2 2. Utilisation d un CMS... 2 3. SPIP : Système de Publication Internet Partagé... 2 4. Le site de la Cité Scolaire Jean Moulin...

Plus en détail

Description détaillée de la solution atreal Xnet

Description détaillée de la solution atreal Xnet Description détaillée de la solution atreal Xnet Page 1 / 23 Sommaire 1 PRÉSENTATION DU PROJET...3 1.1 Définitions...3 1.2 Détail des fonctionnalités...3 1.2.1 Gestion de contenus simple et accessible...3

Plus en détail

Guide du Rédacteur Pour SPIP Avec EVA WEB 3 S P I P V A - W E B 3. Version Elève

Guide du Rédacteur Pour SPIP Avec EVA WEB 3 S P I P V A - W E B 3. Version Elève S P I P Guide du Rédacteur Pour SPIP Avec E EVA WEB 3 V A - W E B 3 Version Elève JMS Samuel Bocharel Le B.A.Ba du rédacteur pour Eva-web 3 version 1.4 Page n 1/1 Sommaire Licence d utilisation de ce document...

Plus en détail

Site internet du CREPS Aquitaine

Site internet du CREPS Aquitaine Site internet du CREPS Aquitaine Documentation de Mise à Jour 8 juillet 2010 Monsieur Pixel / Coop'Alpha page 1/22 GESTION D'UN SITE AVEC L'ENVIRONNEMENT SPIP Le site du CREPS Aquitaine fonctionne avec

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

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

Plus en détail

ARTICLE : élément de «base» contenant texte et ressources diverses. Peut avoir plusieurs statuts (visible ou non publiquement, entre autres),

ARTICLE : élément de «base» contenant texte et ressources diverses. Peut avoir plusieurs statuts (visible ou non publiquement, entre autres), Terminologie ARTICLE : élément de «base» contenant texte et ressources diverses. Peut avoir plusieurs statuts (visible ou non publiquement, entre autres), RUBRIQUE : contenant d'articles et/ou de rubriques

Plus en détail

version 3 Formation, internet, e-learning http://c.deruy.ouvaton.org

version 3 Formation, internet, e-learning http://c.deruy.ouvaton.org version 3 Vous êtes libres : - de reproduire, distribuer et communiquer cette création au public, - de modifier cette création. Selon les conditions suivantes : - Vous devez citer le nom de l'auteur original

Plus en détail

GuppY. Administrer son. portail Web avec. 1 Paramétrage du site. Sommaire : http://www.freeguppy.org

GuppY. Administrer son. portail Web avec. 1 Paramétrage du site. Sommaire : http://www.freeguppy.org Administrer son GuppY portail Web avec http://www.freeguppy.org 1 Paramétrage du site 1 GuppY est un CMS (content management system) Il s agit d un Système intégré et multi plate-forme permettant de gérer

Plus en détail

Procédurier des principales fonctions

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

Plus en détail

LEGI - FORMATION SPIP KEVIN REVERCHON - 14/01/08 FORMATION SPIP

LEGI - FORMATION SPIP KEVIN REVERCHON - 14/01/08 FORMATION SPIP FORMATION SPIP Introduction Le site web du LEGI est basé sur la technologie SPIP. SPIP est un système de publication pour l Internet qui s attache particulièrement au fonctionnement collectif, au multilinguisme

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

SPIP Fonctionnement de base

SPIP Fonctionnement de base SPIP Fonctionnement de base Partie privée (back-office) Partie publique (front-office) http://www.spip.net/fr_article464.html SPIP Terminologie ARTICLE : élément de «base» contenant texte et ressources

Plus en détail

SITE INTERNET DE BOUD MER. Manuel de mise à jour

SITE INTERNET DE BOUD MER. Manuel de mise à jour SITE INTERNET DE BOUD MER Manuel de mise à jour www.boudmer.org Avril 2011 Mode d emploi site web Boudmer 1 Sommaire 1. Présentation du site et organisation des informations 3 Organisation générale 3 Arborescence

Plus en détail

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin Créer son site web Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin 1 Personnaliser l'apparence du site Avec la distribution e-change 2 La version rapide 3 Choisir

Plus en détail

14- Supprimer un article écrit par un rédacteur...12 15- Télécharger un fichier HTML...14 16- Télécharger un diaporama...16

14- Supprimer un article écrit par un rédacteur...12 15- Télécharger un fichier HTML...14 16- Télécharger un diaporama...16 Alimenter Guppy v4.6 Table des matières Alimenter Guppy v4.6...1 1- Se connecter...2 2- Écrire une nouvelle...2 3- Écrire un article...3 4- Modifier un article...4 5- L'éditeur de texte...4 6- Ajouter

Plus en détail

Formation pour les rédacteurs du web dynamique Février 2006 TABLE DES MATIÈRES

Formation pour les rédacteurs du web dynamique Février 2006 TABLE DES MATIÈRES TABLE DES MATIÈRES Section 1 - Découvrir l espace privé... 1 1.1 L accès à l espace privé... 1 1.2 L'écran d'ouverture... 3 1.3 La barre des fonctions principales... 4 1.4 La barre de séparation et ses

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

Tutorial pour rédacteur débutant

Tutorial pour rédacteur débutant Tutorial pour rédacteur débutant SPIP (Système de publication pour l'internet partagé) Version 1.4 Jean Mathieu Doléans - Association Indepnet 1/20 Sommaire Accéder à l'interface privée...3 1) S'identifier...3

Plus en détail

Diderot Manuel utilisateur

Diderot Manuel utilisateur Diderot Manuel utilisateur LOGIPRO : 2 rue Pierret Cité Négocia 43000 Le Puy Tél. : 04 71 09 15 53 Fax : 04 69 96 06 25 E-mail : logipro@logipro.com Site web :www.logipro.com TABLE DES AUTEURS/LECTEURS

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

Créez et administrez vos sites Web

Créez et administrez vos sites Web Joomla! 3.3 Créez et administrez vos sites Web Didier MAZIER Table des matières.. 1 Chapitre 1 : Découvrir Joomla! A. Les raisons de créer un site sous Joomla!.. 9 B. Se documenter sur Joomla! 9 C. La

Plus en détail

Espace de travail collaboratif

Espace de travail collaboratif Espace de travail collaboratif 1/10 Table des matières Présentation...3 Les modules...4 LiveCounter, Messenger et Moteur de recherche...5 Utilisateur, Administrateur et Invité...5 Droits d'accès au contenu...6

Plus en détail

SPIP. Un système de publication simple sur Internet pour une meilleure gestion de votre site web

SPIP. Un système de publication simple sur Internet pour une meilleure gestion de votre site web SPIP Un système de publication simple sur Internet pour une meilleure gestion de votre site web Le travail sur un site Web traditionnel Création et modification manuelle des pages Connaissance du HTML

Plus en détail

Refonte des sites internet du SIEDS

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

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 5 W W W. B R I G N O L E S. F R STRATIS NOVEMBRE 2011 > Table des matières Gestion des pages courantes............................................................................................................

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

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

Espace numérique de travail collaboratif

Espace numérique de travail collaboratif Espace numérique de travail collaboratif 1/10 Présentation Agora Project est un espace de travail collaboratif complet et intuitif. Cette application est accessible partout et à tout moment, via un simple

Plus en détail

Joomla! Création et administration d'un site web - Version numérique

Joomla! Création et administration d'un site web - Version numérique Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique

Plus en détail

Tutoriel d'utilisation du site PEEP

Tutoriel d'utilisation du site PEEP Tutoriel d'utilisation du site PEEP Intro Le site, ape-niort.peep.asso.fr, est géré par un système de gestion de contenu (ici Mura CMS). Un CMS permet, entre autre, de générer un site de manière rapide

Plus en détail

Joomla : un système de gestion de contenu

Joomla : un système de gestion de contenu CHAPITRE 2 Joomla : un système de gestion de contenu Si SGC est l abréviation française pour système de gestion de contenu, l abréviation CMS de l anglais Content Management System est le terme le plus

Plus en détail

ESPACE ÉDITORIAL COLLABORATIF DES INSTITUTS DE STATISTIQUE D AFRIQUE SUBSAHARIENNE GUIDE D UTILISATION DE LA PLATE- FORME V1.

ESPACE ÉDITORIAL COLLABORATIF DES INSTITUTS DE STATISTIQUE D AFRIQUE SUBSAHARIENNE GUIDE D UTILISATION DE LA PLATE- FORME V1. ESPACE ÉDITORIAL COLLABORATIF DES INSTITUTS DE STATISTIQUE D AFRIQUE SUBSAHARIENNE GUIDE D UTILISATION DE LA PLATE- FORME V1.2 DÉCEMBRE 2010 http://plateforme.afristat.org/guide_utilisation.pdf Pour toutes

Plus en détail

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

Espace de travail collaboratif

Espace de travail collaboratif Espace de travail collaboratif 1/10 Table des matières I Présentation...3 II Les modules...4 III LiveCounter, Messenger et Recherche...5 IV Utilisateur, Administrateur et Invité...5 V Droit d'accès...6

Plus en détail

Bien débuter avec le CMS libre Wordpress

Bien débuter avec le CMS libre Wordpress Bien débuter avec le CMS libre Wordpress 1 / 17 Sommaire. Présentation Préparation Installation Configuration de base Quelques plugins utiles Wordpress et référencement La sécurité Pour finir Bibliographie

Plus en détail

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT CONECT Innovation & Entrepreneurship Plateform Cahier des charges Réalisé par : Haythem LABBASSI, DSI - CONECT IT Confédération des Entreprises Citoyennes de Tunisie Adresse : 8 rue Imem Ibn Hanbal (par

Plus en détail

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles

Cré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étail

PLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public

PLAN. 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étail

Au sommaire. Les fondamentaux SPIP à retenir. L interface privée. Gérer une rubrique. Gérer les brèves. Gérer les articles

Au sommaire. Les fondamentaux SPIP à retenir. L interface privée. Gérer une rubrique. Gérer les brèves. Gérer les articles Les fondamentaux SPIP à retenir SPIP: Système de Publication pour l Internet Partagé, c'est un logiciel libre destiné à la production de sites Web, de type CMS orienté collaboratif. Au sommaire L interface

Plus en détail

Support de cours de la formation izi-media

Support de cours de la formation izi-media Support de cours de la formation izi-media Préambule Ce support de cours s'adresse aux participants du module de formation «izi-media». Il n'a pas pour but de se substituer à la formation présentielle,

Plus en détail

SPIP 2 - EVA WEB 4 MANUEL POUR LE REDACTEUR. D'après Michel LAURENT Animateur T.I.C.E. Annecy-Ouest http://www.tice.edres74.net

SPIP 2 - EVA WEB 4 MANUEL POUR LE REDACTEUR. D'après Michel LAURENT Animateur T.I.C.E. Annecy-Ouest http://www.tice.edres74.net SPIP 2 - EVA WEB 4 MANUEL POUR LE REDACTEUR D'après Michel LAURENT Animateur T.I.C.E. Annecy-Ouest http://www.tice.edres74.net Licence d'utilisation de ce document Paternité - Pas d'utilisation Commerciale

Plus en détail

WordPress Développez avec PHP extensions, widgets et thèmes avancés (théorie, TP, ressources)

WordPress Développez avec PHP extensions, widgets et thèmes avancés (théorie, TP, ressources) Avant-propos 1. Introduction 17 2. À qui s adresse cet ouvrage? 18 3. Les pré-requis 18 4. Les objectifs du livre 19 Introduction à WordPress 1. Introduction 21 2. Qu'est-ce que WordPress? 21 2.1 La licence

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

Réalisé par les MATICE du Calvados

Réalisé par les MATICE du Calvados Réalisé par les MATICE du Calvados (octobre 2014) Liste des tutoriels Pour débuter 01 Se connecter à l espace privé du site... 3 02 Ecrire un article... 5 03 Ajouter une image, un document... 7 04 Utiliser

Plus en détail

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

Sites web avec WordPress

Sites web avec WordPress Sites web avec WordPress sur l'infrastructure du Centre informatique de l'unil Version 2.00 - mars 2015 - WordPress 4.1 1 Sommaire 1. Interface d'administration 2. Un blog avec des articles 3. Les widgets

Plus en détail

Configurer GuppY. L interface d administration présente quatre zones bien distinctes plus deux boutons de déconnexion.

Configurer GuppY. L interface d administration présente quatre zones bien distinctes plus deux boutons de déconnexion. Configurer GuppY L interface d administration présente quatre zones bien distinctes plus deux boutons de déconnexion. 1) La zone «Configuration skin» : 2) La zone «Administration générale» : 3) La zone

Plus en détail

OFFRE DE SERVICE. Pôle national de compétences FOAD (Formation Ouverte et A Distance) https://foad.orion.education.fr/

OFFRE DE SERVICE. Pôle national de compétences FOAD (Formation Ouverte et A Distance) https://foad.orion.education.fr/ OFFRE DE SERVICE TRAVAIL COLLABORATIF POUR ÉCHANGER, COLLABORER ET TRAVAILLER ENSEMBLE EN RESTANT LIBRE DE SON ORGANISATION Pôle national de compétences FOAD (Formation Ouverte et A Distance) https://foad.orion.education.fr/

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

SYSTÈMES DE PUBLICATION POUR L INTERNET. Beatep 2006. Marie-France Landréa - Observatoire de Paris

SYSTÈMES DE PUBLICATION POUR L INTERNET. Beatep 2006. Marie-France Landréa - Observatoire de Paris SYSTÈMES DE PUBLICATION POUR L INTERNET Beatep 2006 SPIP UN système de publication sur Internet Marie-France Landréa - Observatoire de Paris Caractéristiques des CMS Des auteurs (de contenu) Créent, d

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

GetSimple 3. Le guide complet pour créer des sites web. GetSimple 3 - Le guide complet pour créer des sites web. GetSimple 3 26,50.

GetSimple 3. Le guide complet pour créer des sites web. GetSimple 3 - Le guide complet pour créer des sites web. GetSimple 3 26,50. Le guide complet pour créer sites web Vous verrez ensuite comment gérer les pages qui constituent la structure du site : créer les pages, les paramétrer pour la publication, les modifier, les supprimer

Plus en détail

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Objectifs du document...2 Définitions...2 Convention d écriture...2 Pré-requis...2

Plus en détail

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP Cours SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part savoir

Plus en détail

ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0

ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0 ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0 V3 Sommaire Sommaire... 2 Note :... 2 Quelques Notions... 3 Profil :... 3 Pages :... 5 Créer du contenu... 6 Identification de l administrateur :...

Plus en détail

Système de publication pour l Internet. Patrick VINCENT pvincent@erasme.org

Système de publication pour l Internet. Patrick VINCENT pvincent@erasme.org SPIP Système de publication pour l Internet Patrick VINCENT pvincent@erasme.org PLAN 1- Modification de la mise en forme (appliquer un squelette existant) 2- Fonctionnement des squelettes 3- Boucles, filtres

Plus en détail

Vous devez IMPERATIVEMENT installer et utiliser ce navigateur

Vous devez IMPERATIVEMENT installer et utiliser ce navigateur GUIDE d utilisation Logiciels requis Les logiciels requis 3 Vous devez IMPERATIVEMENT installer et utiliser ce navigateur Mozilla Firefox (version minimum 2.0). L utilisation du navigateur Mozilla Firefox

Plus en détail

ESPACE PRIVÉ POUR LE STOCKAGE TEMPORAIRE ET LE TRANSFERT DE FICHIERS COMMENT TÉLÉCHARGER UN FICHIER VERS VOTRE ORDINATEUR EN UTILISANT UN

ESPACE PRIVÉ POUR LE STOCKAGE TEMPORAIRE ET LE TRANSFERT DE FICHIERS COMMENT TÉLÉCHARGER UN FICHIER VERS VOTRE ORDINATEUR EN UTILISANT UN TABLE DES MATIERES : Comment télécharger un fichier vers votre ordinateur en utilisant un navigateur...1 Comment déposer de 1 à 3 fichiers sur l'espace privé en utilisant un navigateur...2 Comment transférer

Plus en détail

Documentation de PluXml

Documentation de PluXml v1.2 Documentation de PluXml http://pluxml.org I. Présentation de PluXml... 6 1) Principales caractéristiques... 6 2) Pré-requis... 6 3) Installation... 6 a) Télécharger PluXml sur le site officiel...

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

UTILISER NETVIBES : portail personnel de liens

UTILISER NETVIBES : portail personnel de liens UTILISER NETVIBES : portail personnel de liens L'application en ligne du site Netvibes permet de mettre en ligne ses signets, ses fils RSS et autres informations écrites sur des étiquettes appelées «widgets»,

Plus en détail

Créer un site Internet dynamique

Cré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étail

MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE

MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE TABLE DES MATIÈRES 1. Inscription (p.3) 2. Connexion / Votre compte (p.4) 3. Édition (p.5) 3.1. Manager 3.1.1. La barre horizontale des

Plus en détail

Manuel d utilisation email NETexcom

Manuel d utilisation email NETexcom Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La

Plus en détail

Installation / Sauvegarde Restauration / Mise à jour

Installation / 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étail

Savoir utiliser les services de l ENT Outils personnels SOMMAIRE

Savoir 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étail

Présentation du Portail

Présentation du Portail PMB Services : Services pour les Bibliothèques & Centres de Documentation Présentation du Portail PMB Système Intégré de Gestion de Bibliothèque & Centre de Documentation PMB Services ZA de Mont sur Loir

Plus en détail

Le 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. 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étail

Guide de démarrage rapide de Novell Vibe Mobile

Guide de démarrage rapide de Novell Vibe Mobile Guide de démarrage rapide de Novell Vibe Mobile Mars 2015 Mise en route L'accès mobile au site Web de Novell Vibe peut avoir été désactivé par votre administrateur Vibe. Si vous ne parvenez pas à accéder

Plus en détail

Usages d un site Web contributif

Usages d un site Web contributif 1/9 Date : à partir du 8 novembre 2011 Durée : 4 séances de 3 heures Public : Licence Pro Usages d un site Web contributif Eléments de cours sur le CMS SPIP Objectifs Accompagner la découverte et la prise

Plus en détail

Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur

Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur 1. Présentation de Typo3... 2 2. Rôle de l administrateur... 2 3. Configuration du site Web... 3 3.0 Que faire si les changements

Plus en détail

Mozilla Thunderbird. 1. Configuration de base 2. Options 3. Paramètres des comptes 4. Ajout d'un compte de messagerie 5. Ajout d'un compte de flux

Mozilla Thunderbird. 1. Configuration de base 2. Options 3. Paramètres des comptes 4. Ajout d'un compte de messagerie 5. Ajout d'un compte de flux Thunderbird est le logiciel de messagerie développé par la Fondation Mozilla qui développe également le navigateur Firefox. Le téléchargement peut se faire sur ce lien. 1. Configuration de base 2. Options

Plus en détail

Mode d emploi SPIP 2.0 pour rédacteur

Mode d emploi SPIP 2.0 pour rédacteur Mode d emploi SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part

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

DECOUVERTE DE SPIP septembre 2003

DECOUVERTE DE SPIP septembre 2003 DECOUVERTE DE SPIP septembre 2003 Programme proposé PARTIE I : A QUOI ÇA SERT? BREVE PRESENTATION Description de SPIP Des sites sous SPIP QU EST-CE QU UN SITE DYNAMIQUE? Les avantages d un site dynamique

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

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

Plus en détail

SPIP : Formation premier niveau

SPIP : Formation premier niveau Journée d étude SPIP : Système de Publication pour Internet 12 novembre 2005 au Campus Numérique Francophone de Cotonou Association pour le Développement des Activités Documentaires au Bénin Participant

Plus en détail

MOODLE : Installation et organisation MASTER IPM 2009-2011_ Méthode et Modèle Plate-forme

MOODLE : Installation et organisation MASTER IPM 2009-2011_ Méthode et Modèle Plate-forme MOODLE : Installation et organisation MASTER IPM 2009-2011_ Méthode et Modèle Plate-forme KOUNDE Koba Pierre Sommaire Introduction I Installation 1- Installation d un serveur de type Apache 2- Installation

Plus en détail

Guide Rédacteur Typo3

Guide Rédacteur Typo3 Guide Rédacteur Typo3 Table des matières 1. Introduction 1 2. Login 1 3. Vue d'ensemble 2 1.1 Le mode Page...5 1.2 Le mode Voir...7 4. Créer une nouvelle page 8 5. Déplacer une page 9 6. Copier une page

Plus en détail

Website Express Créer un site professionnel avec Orange

Website Express Créer un site professionnel avec Orange Website Express Créer un site professionnel avec Orange mars 2015 Safiétou Ndao Ndiaye Sommaire Présentation... 3 Description du service... 3 Configuration requise... 4 Consignes... 4 Pour bien démarrer...

Plus en détail

Installation de Joomla

Installation de Joomla 1 sur 15 26/05/2008 22:17 Installation de Joomla Ce tutorial décrit les étapes permettant d'installer Joomla (version 1.5.1) sur un serveur d'hébergement. La procédure peut légèrement varier en fonction

Plus en détail

Formation «membre» pour un blog hébergé par

Formation «membre» pour un blog hébergé par Formation «membre» pour un blog hébergé par Qu est ce qu un blog? Un blog à l origine est une sorte de journal intime destiné à raconter des événements au jour le jour. Il est principalement destiné aux

Plus en détail

Vade-mecum des «raccourcis typographique» dans SPIP

Vade-mecum des «raccourcis typographique» dans SPIP Vade-mecum des «raccourcis typographique» dans SPIP Fonctionnalités Méthodes Commentaires Intertitre {{{le titre}}} Le texte entre triples accolades est affiché comme un titre. Changement de Cliquer deux

Plus en détail

Savoir utiliser les services de l ENT Outils pédagogiques SOMMAIRE

Savoir utiliser les services de l ENT Outils pédagogiques SOMMAIRE Savoir utiliser les services de l ENT Outils pédagogiques 1 Outils pédagogiques 1. Utiliser le cahier de textes 2. Utiliser le classeur pédagogique 3. Utiliser les formulaires 4. Utiliser les ressources

Plus en détail

URML-Aquitaine administration du site

URML-Aquitaine administration du site URML-Aquitaine administration du site version 2 - août 2007 SOMMAIRE 1 - L interface p.5 La structure du back-ofice, se repérer et savoir trouver un article 2 - Les articles p.9 Écrire un article, le

Plus en détail

Guide utilisateur Typo3

Guide utilisateur Typo3 Guide utilisateur Typo3 Niveau 1 Table des matières 1.Introduction...2 2.Login...2 3.Vue d'ensemble...3 4.Colonne de gauche...5 4.1Le mode PAGE...5 4.2Le mode VOIR...7 4.3Le mode LISTE...8 5.Colonne centrale...9

Plus en détail

Démarrer avec la suite collaborative SCOUT

Démarrer avec la suite collaborative SCOUT Démarrer avec la suite collaborative SCOUT SCOUT - Service COllaboratif de l'université de Toulouse 07 Octobre 2015 Version : V1.0 UFTMIP SCOUT - Service COllaboratif de l'université de Toulouse Version

Plus en détail

Chapitre 2 : Gérer son site avec Joomla

Chapitre 2 : Gérer son site avec Joomla Chapitre 2 : Gérer son site avec Joomla Utilisation de Joomla Une fois que le site est créé et mis en ligne, pour le modifier, il n y a pas besoin d installer de logiciels particulier sur votre ordinateur,

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail