Projet Eva-web http://evaweb.fr/ Projet Eva-web SPIP http://blogs.law.harvard.edu/tech/rss fr Projet Eva-web sam@poongaloo.org Samuel (PoongalOO) Tue, 26 Sep 2017 07:32:03 +0200 8 septembre 2014 11:51:41 href="http://www.evaweb.fr/IMG/siteon0.png?1331290005" Projet Eva-web http://evaweb.fr Projet Eva-web Liste de diffusion spip-edu http://www.evaweb.fr/spip.php?article113 <p>Depuis de nombreuses années, les webmestres francophones peuvent échanger et poser des questions concernant l'utilisation de SPIP dans l'éducation et en particulier au sujet des plugins de la famille EVA-web sur une liste de diffusion nommée <strong>spip-edu</strong>.</p> <p>Cette liste était hébergée en Haute-Savoie jusqu'à présent par le CITIC74 (Centre de l'Informatique et de TIC) mais le CITIC74 sera dissout le 31 décembre 2012. Aucune solution technique n'a été trouvée en Haute-Savoie pour trouver un nouvel hébergement pour cette liste de diffusion qui est pourtant toujours active.</p> <p>L'académie de Rouen, fortement impliquée dans le développement des plugins EVA-web depuis plusieurs années, s'est proposée pour reprendre cette liste de diffusion.</p> <p>Vous souhaitez échanger au sujet de vos utilisations de SPIP dans vos établissements scolaires, vous souhaitez obtenir de l'aide de webmestres francophones pour administrer vos sites fonctionnant avec EVA-web, vous pouvez vous inscrire dés à présent sur la liste <strong>spip-edu@ac-rouen.fr</strong> en suivant le lien suivant :</p> <center><a href="https://sympa6.ac-rouen.fr/wws/subscribe/spip-edu" class='spip_out' rel='external'>Inscription à la liste Spip-Edu</a></center> <p> <br /></p> Tue, 20 Nov 2012 12:19:44 +0100 Olivier Gautier <p>Depuis de nombreuses années, les webmestres francophones peuvent échanger et poser des questions concernant l'utilisation de SPIP dans l'éducation et en particulier au sujet des plugins de la famille EVA-web sur une liste de diffusion nommée <strong>spip-edu</strong>.</p> <p>Cette liste était hébergée en Haute-Savoie jusqu'à présent par le CITIC74 (Centre de l'Informatique et de TIC) mais le CITIC74 sera dissout le 31 décembre 2012. Aucune solution technique n'a été trouvée en Haute-Savoie pour trouver un nouvel hébergement pour cette liste de diffusion qui est pourtant toujours active.</p> <p>L'académie de Rouen, fortement impliquée dans le développement des plugins EVA-web depuis plusieurs années, s'est proposée pour reprendre cette liste de diffusion.</p> <p>Vous souhaitez échanger au sujet de vos utilisations de SPIP dans vos établissements scolaires, vous souhaitez obtenir de l'aide de webmestres francophones pour administrer vos sites fonctionnant avec EVA-web, vous pouvez vous inscrire dés à présent sur la liste <strong>spip-edu@ac-rouen.fr</strong> en suivant le lien suivant :</p> <center><a href="https://sympa6.ac-rouen.fr/wws/subscribe/spip-edu" class='spip_out' rel='external'>Inscription à la liste Spip-Edu</a></center> <p> <br /></p> Guide de l'administrateur http://www.evaweb.fr/spip.php?article107 <p><strong>Premiers pas :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Accéder à l'interface d'administration<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Paramétrer le site<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Quitter l'interface d'administration</p> <p><strong>Choix de l'habillage du site :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Un peu de vocabulaire EVA<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Afficher le formulaire de gestion des habillages<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Structure du site<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Paramétrage des graphismes (mis à jour le 8/11/2009)<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Paramètres CSS<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gestion des habillages</p> <p><strong>Édition du site :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Les rubriques<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Créer une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Modifier une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Déplacer une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Supprimer une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Joindre un document à une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Choisir le logo d'une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Créer, modifier un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> La barre typographique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Renommer un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Déplacer un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Supprimer un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Publier un article, demander la publication d'un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer une image dans un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un document dans un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer la vignette d'une image dans un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Supprimer une image ou un document dans un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un tableau dans un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer une note de bas de page dans un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un lien hypertexte dans un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Choisir le logo d'un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer une liste dans un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer une application J-Clic dans un article (mis à jour le 8/11/2009)<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un fichier multimédia lisible en streaming <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un lecteur multimédia externe (YouTube, DailyMotion...) <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transformer un article en éditorial <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transformer une rubrique en livre <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transformer un article en porte-folio <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Afficher un évènement dans le mini calendrier (mis à jour le 8/11/2009)<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transformer une rubrique en agenda ou en calendrier <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Éditer, gérer les brèves<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Référencer un site <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Édition des mentions légales <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Recalculer une page, gérer le cache <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Trucs et astuces</p> <p><strong>Interactivité du site, gestion des forums :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Envoyer un message à l'auteur d'un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Envoyer un message au forum public d'un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gérer les messages du forum public <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Le forum interne</p> <p><strong>Gestion des comptes utilisateurs :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Créer un compte <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gérer les comptes</p> <p><strong>Gestion de la partie privative du site :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Autoriser la création de comptes visiteurs<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gérer les zones à accès restreint <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Attribuer des droits d'accès à un visiteur</p> <p><strong>F.T.P., transfert de fichiers, gestions des plugins, sauvegarde de la base de données et des fichiers joints du site :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transférer des fichiers à l'aide du FTP <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gérer les plugins <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Sauvegarder la base de données <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Copier la base de données et les fichiers joints en local <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Restaurer la base de données</p> Tue, 14 Dec 2010 20:49:44 +0100 Laurent Jullien <p><strong>Premiers pas :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Accéder à l'interface d'administration<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Paramétrer le site<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Quitter l'interface d'administration</p> <p><strong>Choix de l'habillage du site :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Un peu de vocabulaire EVA<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Afficher le formulaire de gestion des habillages<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Structure du site<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Paramétrage des graphismes (mis à jour le 8/11/2009)<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Paramètres CSS<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gestion des habillages</p> <p><strong>Édition du site :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Les rubriques<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Créer une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Modifier une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Déplacer une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Supprimer une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Joindre un document à une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Choisir le logo d'une rubrique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Créer, modifier un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> La barre typographique<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Renommer un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Déplacer un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Supprimer un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Publier un article, demander la publication d'un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer une image dans un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un document dans un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer la vignette d'une image dans un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Supprimer une image ou un document dans un article<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un tableau dans un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer une note de bas de page dans un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un lien hypertexte dans un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Choisir le logo d'un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer une liste dans un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer une application J-Clic dans un article (mis à jour le 8/11/2009)<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un fichier multimédia lisible en streaming <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer un lecteur multimédia externe (YouTube, DailyMotion...) <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transformer un article en éditorial <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transformer une rubrique en livre <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transformer un article en porte-folio <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Afficher un évènement dans le mini calendrier (mis à jour le 8/11/2009)<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transformer une rubrique en agenda ou en calendrier <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Éditer, gérer les brèves<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Référencer un site <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Édition des mentions légales <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Recalculer une page, gérer le cache <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Trucs et astuces</p> <p><strong>Interactivité du site, gestion des forums :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Envoyer un message à l'auteur d'un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Envoyer un message au forum public d'un article <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gérer les messages du forum public <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Le forum interne</p> <p><strong>Gestion des comptes utilisateurs :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Créer un compte <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gérer les comptes</p> <p><strong>Gestion de la partie privative du site :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Autoriser la création de comptes visiteurs<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gérer les zones à accès restreint <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Attribuer des droits d'accès à un visiteur</p> <p><strong>F.T.P., transfert de fichiers, gestions des plugins, sauvegarde de la base de données et des fichiers joints du site :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Transférer des fichiers à l'aide du FTP <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gérer les plugins <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Sauvegarder la base de données <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Copier la base de données et les fichiers joints en local <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Restaurer la base de données</p> EVA-WEB 4.1 http://www.evaweb.fr/spip.php?article94 <p><strong>Ensemble de squelettes et de plugins orientés éducation mais pas que...</strong></p> <h3 class="spip">Fiche d'identité </h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Nom du Squelette : eva-web 4.1<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Version : Stable<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Auteur : <a href="http://www.eva-web.edres74.ac-grenoble.fr/spip.php?article1" class='spip_out' rel='external'>équipe eva-dev</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Licence : GNU GPL<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Compatibilite SPIP : à partir de 2.0<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Démo en ligne : <a href="http://eva.tuxfamily.org/demo" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo</a></p> <h3 class="spip">A noter parmi les nouveautés</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> correction de quelques bugs d'affichage,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> de nouveaux habillages de base,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des thèmes supplémentaires,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> modularité des squelettes (noisettes),<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un peu d'ajax par ci, par là,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> plus de possibilités dans la configuration des habillages,<br class='autobr' /> etc.</p> <h3 class="spip">Simplification des habillages de base</h3> <p>Une, deux ou trois couleurs combinées à quelques options positionnements (menu à gauche ou à droite, affichage 100% ou non, 2 ou 3 colonnes) suffisent à personnaliser l'intégralité du site.</p> <p>Une personnalisation plus poussée est possible, toujours sans modifier les fichiers, grace à des formulaires détaillés.</p> <h3 class="spip">Principales fonctionnalités et spécificités</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Configuration poussée et facilité de l'habillage des sites,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création automatique des mots clés nécessaires<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gestion des mentions légales pour être "dans les clous"<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Intégration facilité de plusieurs autres plugins (articlePDF, lecteur multimédia... ; on installe le plugin voulu puis il fonctionne sans avoir à ajouter de code supplémentaire dans les squelettes.<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Génération de flux pour podcasts<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Intégration de contenu pédagogique : jclic, geonext, geogebra, geolabo, carzul, carmetal, freemind<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Compteur de visites paramétrable<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Calendrier, mini-calendrier, agenda...<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de fiches pédagogiques<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de portfolio<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de "livres"</p> <h3 class="spip">Installation - Téléchargement</h3> <p>L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.</p> <p><strong>1- Pour une installation de base, mettre les plugins suivants :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Version "svn" (mis à jour chaque nuit) sur la zone de <a href="http://files.spip.org/spip-zone/eva_squelettes_pour_spip_2_0.zip" class='spip_out' rel='external'>squelettes eva-web 4 </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_install_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_install </a> : Création des mots clés<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mentions_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_mentions </a> : Gestion de l'affichage des mentions légales</p> <p><strong>2- Pour la personnalisation graphique, ajoutez le plugin :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_habillage_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_habillage</a></p> <p><strong>3- Pour complèter les fonctionnalités, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/compteur_graphique.zip" class='spip_out' rel='external'>compteur_graphique </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_agenda_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_agenda</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mini_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_mini-calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_livre_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_livre</a></p> <p><strong>4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_freemind_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_freemind </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_geometrie_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_géométrie</a></p> <h3 class="spip">Des plugins "amis", soutenus par le projet eva-web</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.spip-contrib.net/Bonbon-un-cahier-de-texte-pour" class='spip_out' rel='external'>"Bonbon !", un cahier de texte pour SPIP</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://ec-didapages-85.ac-nantes.fr/ecollaboratif/spip.php?rubrique2" class='spip_out' rel='external'>DidaSPIP</a>, pour insérer et afficher facilement des projets créés avec le logiciel <a href="http://www.fruitsdusavoir.org/" class='spip_out' rel='external'>Didapages</a>.</p> <h3 class="spip">Exemples</h3> <p><strong>Site de démo</strong> : <a href="http://eva.tuxfamily.org/demo" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo</a></p> <p><strong>La Gerbelette</strong> : <a href="http://www.gerbelette.fr/spip/" class='spip_url spip_out' rel='external'>http://www.gerbelette.fr/spip/</a></p> <p><strong>A.D.T.S</strong> : <a href="http://adts.poongaloo.org/" class='spip_url spip_out' rel='external'>http://adts.poongaloo.org</a></p> Fri, 26 Mar 2010 16:45:00 +0100 Laurent Jullien <p><strong>Ensemble de squelettes et de plugins orientés éducation mais pas que...</strong></p> <h3 class="spip">Fiche d'identité </h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Nom du Squelette : eva-web 4.1<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Version : Stable<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Auteur : <a href="http://www.eva-web.edres74.ac-grenoble.fr/spip.php?article1" class='spip_out' rel='external'>équipe eva-dev</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Licence : GNU GPL<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Compatibilite SPIP : à partir de 2.0<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Démo en ligne : <a href="http://eva.tuxfamily.org/demo" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo</a></p> <h3 class="spip">A noter parmi les nouveautés</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> correction de quelques bugs d'affichage,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> de nouveaux habillages de base,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des thèmes supplémentaires,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> modularité des squelettes (noisettes),<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un peu d'ajax par ci, par là,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> plus de possibilités dans la configuration des habillages,<br class='autobr' /> etc.</p> <h3 class="spip">Simplification des habillages de base</h3> <p>Une, deux ou trois couleurs combinées à quelques options positionnements (menu à gauche ou à droite, affichage 100% ou non, 2 ou 3 colonnes) suffisent à personnaliser l'intégralité du site.</p> <p>Une personnalisation plus poussée est possible, toujours sans modifier les fichiers, grace à des formulaires détaillés.</p> <h3 class="spip">Principales fonctionnalités et spécificités</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Configuration poussée et facilité de l'habillage des sites,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création automatique des mots clés nécessaires<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gestion des mentions légales pour être "dans les clous"<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Intégration facilité de plusieurs autres plugins (articlePDF, lecteur multimédia... ; on installe le plugin voulu puis il fonctionne sans avoir à ajouter de code supplémentaire dans les squelettes.<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Génération de flux pour podcasts<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Intégration de contenu pédagogique : jclic, geonext, geogebra, geolabo, carzul, carmetal, freemind<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Compteur de visites paramétrable<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Calendrier, mini-calendrier, agenda...<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de fiches pédagogiques<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de portfolio<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de "livres"</p> <h3 class="spip">Installation - Téléchargement</h3> <p>L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.</p> <p><strong>1- Pour une installation de base, mettre les plugins suivants :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Version "svn" (mis à jour chaque nuit) sur la zone de <a href="http://files.spip.org/spip-zone/eva_squelettes_pour_spip_2_0.zip" class='spip_out' rel='external'>squelettes eva-web 4 </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_install_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_install </a> : Création des mots clés<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mentions_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_mentions </a> : Gestion de l'affichage des mentions légales</p> <p><strong>2- Pour la personnalisation graphique, ajoutez le plugin :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_habillage_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_habillage</a></p> <p><strong>3- Pour complèter les fonctionnalités, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/compteur_graphique.zip" class='spip_out' rel='external'>compteur_graphique </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_agenda_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_agenda</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mini_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_mini-calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_livre_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_livre</a></p> <p><strong>4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_freemind_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_freemind </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_geometrie_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_géométrie</a></p> <h3 class="spip">Des plugins "amis", soutenus par le projet eva-web</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.spip-contrib.net/Bonbon-un-cahier-de-texte-pour" class='spip_out' rel='external'>"Bonbon !", un cahier de texte pour SPIP</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://ec-didapages-85.ac-nantes.fr/ecollaboratif/spip.php?rubrique2" class='spip_out' rel='external'>DidaSPIP</a>, pour insérer et afficher facilement des projets créés avec le logiciel <a href="http://www.fruitsdusavoir.org/" class='spip_out' rel='external'>Didapages</a>.</p> <h3 class="spip">Exemples</h3> <p><strong>Site de démo</strong> : <a href="http://eva.tuxfamily.org/demo" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo</a></p> <p><strong>La Gerbelette</strong> : <a href="http://www.gerbelette.fr/spip/" class='spip_url spip_out' rel='external'>http://www.gerbelette.fr/spip/</a></p> <p><strong>A.D.T.S</strong> : <a href="http://adts.poongaloo.org/" class='spip_url spip_out' rel='external'>http://adts.poongaloo.org</a></p> Réaliser un site multilingue avec EVA-web http://www.evaweb.fr/spip.php?article95 <h3 class="spip">Pré-requis</h3> <p>Pour réaliser un site multilingue, vous devez utiliser les logiciels et plugins suivants :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> SPIP 2.0.8 ou version supérieure<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Plugins des squelettes EVA-web, des habillages d'EVA-web et le plugin EVA-bonus mis à jour après le mois de septembre 2009</p> <h3 class="spip">Le multilinguisme selon EVA-web</h3> <p>Comme vous pouvez le lire sur le site SPIP.net dans les articles <a href="http://www.spip.net/fr_article3703.html" class='spip_out' rel='external'>Publier des sites multilingues</a> et <a href="http://www.spip.net/fr_article2124.html" class='spip_out' rel='external'>Réaliser un site multilingue</a>, SPIP possède un certain nombre de processus permettant de réaliser des sites multilingues et selon diverses méthodes.</p> <p>Le principe de multilinguisme retenu pour EVA-web est <strong>un multilinguisme par secteur</strong> :<br class='manualbr' /><i>Par secteur (rubrique de premier niveau) : à chaque secteur du site correspond une langue modifiable par les administrateurs, qui concerne toutes ses sous-rubriques ainsi que les articles et les brèves qui y sont publiés ; ce réglage devrait satisfaire les besoins de la plupart des sites multilingues tout en conservant une structure et une interface simples.</i><span class="spip_note_ref"> [<a href='#nb1' class='spip_note' rel='footnote' title='Texte extrait de l'article Réaliser un site multilingue' id='nh1'>1</a>]</span></p> <p>Concrètement :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong>L'administrateur</strong> : il se charge de créer les rubriques de premier niveau (appelées aussi secteurs) en choisissant leur langue. Il peut y avoir plusieurs secteurs différents pour une même langue. Il doit aussi configurer le site pour pouvoir mettre en place le multilinguisme et insérer des menus de langue permettant à l'internaute de passer d'une langue à une autre dans le site public (voir ci-dessous).<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong>Le rédacteur</strong> : il rédige son article en le plaçant dans un secteur correspondant à sa langue de rédaction. S'il cet article est la traduction d'un autre article existant, il pense à le spécifier dans l'interface de rédaction de SPIP.<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong>L'internaute</strong> : lorsqu'il visite le site pour la première fois, il le consulte dans sa langue principale mais peut lire les versions dans d'autres langues en les sélectionnant dans un menu de langue que l'administrateur a inséré. S'il consulte un article possédant une traduction, un menu présent lui permet de lire les autres versions traduites de l'article.</p> <h3 class="spip">Mettre en place le multilinguisme</h3> <p>La démarche suivante est valable pour un site tout juste installé comme pour un site ancien qui migrerait vers une architecture multilingue. Dans ce dernier cas, les secteurs existant avant la mise en place du multilinguisme seront automatiquement reconnus comme étant écrit dans la langue principale du site.</p> <p><strong>Première étape : configurer SPIP</strong></p> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Survoler l'icône <i>"Configuration"</i> et cliquer sur <i>"Gestion des langues"</i> afin de sélectionner la langue principale du site : celle correspondant à celle affichée lors de la première visite d'un internaute.<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Cliquer ensuite sur l'onglet <i>"Multilinguisme"</i> pour sélectionner les langues disponibles dans le site puis configurer les menus de langues et liens de traduction comme indiqué dans l'image ci-dessous :</p> <center><dl class='spip_document_210 spip_documents'> <dt><img src='http://www.evaweb.fr/IMG/png_EVAmulti1-2.png' width='470' height='292' alt='PNG - 63.6 ko' /></dt> <dt class='spip_doc_titre' style='width:350px;'><strong>Configuration des menus de langue</strong></dt> </dl></center> <p>Quelques explications : inutile d'activer le menu de langue pour les articles et les rubriques qui ne sont pas de premier niveau car ils doivent se voir attribuer automatiquement la langue du secteur dans lequel ils sont situés. Dans le cas contraire, et si vous essayez d'attribuer à un article ou une rubrique une langue différente de leur secteur, ils n'apparaitront pas sur les pages publiques de votre site.<br class='manualbr' />Par ailleurs, si vous ne souhaitez pas proposer de traductions d'articles sur votre site, il n'est pas utile d'activer les liens de traduction.</p> <p><strong>Seconde étape : activer les menus de langue pour l'espace public</strong></p> <p>Toujours dans la partie <i>"Multilinguisme"</i>, un menu de la distribution EVA-web est présent en colonne de gauche. Il vous suffit de sélectionner <i>"Oui"</i> à la question <i>"Afficher le menu de langue d'EVA-web dans les pages publiques ?"</i> afin de proposer aux internautes un menu leur permettant de basculer d'une langue à une autre.<br class='manualbr' />Concernant les articles, le menu proposera des liens vers les traductions existantes de ces articles.</p> <center><dl class='spip_document_208 spip_documents'> <dt><img src='http://www.evaweb.fr/IMG/png_EVAmulti2.png' width='200' height='169' alt='PNG - 3.6 ko' /></dt> <dt class='spip_doc_titre' style='width:200px;'><strong>Activation des menus de langue de l'espace public sous EVA-web</strong></dt> </dl></center> <p><strong>Dernière étape : si besoin, réécrire à la volée les fichiers de langue</strong></p> <p>Arrivé à cette étape, il n'est pas certain que votre site apparaisse intégralement dans les langues que vous avez choisie.<br class='manualbr' />En effet, certaines expressions telles que <i>"Accueil"</i>, <i>"Derniers articles"</i> ou <i>"Agenda"</i> sont automatiquement générées par SPIP. Ces expressions sont définies dans des fichiers de langue.<br class='manualbr' />Ainsi, il est nécessaire de traduire dans diverses langues les fichiers de langue d'EVA-web pour bénéficier de ces traductions dans l'espace public. Un complément d'explications est disponible ci-dessous afin de vous proposer de participer aux traductions des fichiers de langue d'EVA-web.</p> <p>Présente depuis plusieurs mois, une fonctionnalité du plugin d'habillage d'EVA-web permettait de réécrire les définitions de langue en français du fichier de langue d'EVA-web. Cette fonctionnalité a été étendue afin de pouvoir réécrire la totalité des définitions de langue. Pour pouvoir par exemple réécrire les définitions de langue en anglais, il vous suffit d'afficher l'interface privée en Anglais en sélectionnant cette langue dans le menu de langue du bandeau supérieur de SPIP, vous aurez alors accès aux définitions de langue d'EVA-web en anglais que vous pourrez redéfinir à la volée dans les pages du plugin d'habillage d'EVA-web.</p> <center><dl class='spip_document_209 spip_documents'> <dt><img src='http://www.evaweb.fr/IMG/png_EVAmulti3.png' width='164' height='288' alt='PNG - 5.9 ko' /></dt> <dt class='spip_doc_titre' style='width:164px;'><strong>Le menu de sélection des langues de SPIP dans l'interface privée</strong></dt> </dl></center> <p>Actuellement, à la date de rédaction de cet article, les fichiers de langue d'EVA-web sont disponibles dans les langues :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> allemand<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> anglais<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> catalan<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> espagnol<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> français<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> italien<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> portugais</p> <h3 class="spip">Comment traduire les fichiers de langue d'EVA-web ?</h3> <p>Une vidéo d'Éric Le Jan explique comment aider aux traductions des fichiers de langue d'EVA-web.</p> <center> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0" width="432" height="351" id="FLVPlayer"> <param name="movie" value="http://videoflash.ac-rouen.fr/player/mediaplayer.swf" /> <param name="allowscriptaccess" value="always"> <param name="allowfullscreen" value="true"> <param name="FlashVars" value="&width=432&height=351&file=rtmpt://fms.ac-rouen.fr/vod/evamutua&id=traduireevaweb&image=http://videoflash.ac-rouen.fr/vignettes/evamutua/Eric.png" /> <embed src="http://videoflash.ac-rouen.fr/player/mediaplayer.swf" width="432" height="351" allowscriptaccess="always" allowfullscreen="true" flashvars="width=432&height=351&file=rtmpt://fms.ac-rouen.fr/vod/evamutua&id=traduireevaweb&image=http://videoflash.ac-rouen.fr/vignettes/evamutua/Eric.png" type="application/x-shockwave-flash" pluginspage="www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> </object> </center> <p>Pour avoir une liste plus précise des traducteurs, vous pouvez consulter l'article suivant d'Éric Le Jan : <a href="http://stsaens-lyc.spip.ac-rouen.fr/spip.php?article41" class='spip_out' rel='external'>http://stsaens-lyc.spip.ac-rouen.fr/spip.php?article41</a></p> Tue, 15 Sep 2009 18:34:20 +0200 Olivier Gautier <h3 class="spip">Pré-requis</h3> <p>Pour réaliser un site multilingue, vous devez utiliser les logiciels et plugins suivants :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> SPIP 2.0.8 ou version supérieure<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Plugins des squelettes EVA-web, des habillages d'EVA-web et le plugin EVA-bonus mis à jour après le mois de septembre 2009</p> <h3 class="spip">Le multilinguisme selon EVA-web</h3> <p>Comme vous pouvez le lire sur le site SPIP.net dans les articles <a href="http://www.spip.net/fr_article3703.html" class='spip_out' rel='external'>Publier des sites multilingues</a> et <a href="http://www.spip.net/fr_article2124.html" class='spip_out' rel='external'>Réaliser un site multilingue</a>, SPIP possède un certain nombre de processus permettant de réaliser des sites multilingues et selon diverses méthodes.</p> <p>Le principe de multilinguisme retenu pour EVA-web est <strong>un multilinguisme par secteur</strong> :<br class='manualbr' /><i>Par secteur (rubrique de premier niveau) : à chaque secteur du site correspond une langue modifiable par les administrateurs, qui concerne toutes ses sous-rubriques ainsi que les articles et les brèves qui y sont publiés ; ce réglage devrait satisfaire les besoins de la plupart des sites multilingues tout en conservant une structure et une interface simples.</i><span class="spip_note_ref"> [<a href='#nb2' class='spip_note' rel='footnote' title='Texte extrait de l'article Réaliser un site multilingue' id='nh2'>2</a>]</span></p> <p>Concrètement :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong>L'administrateur</strong> : il se charge de créer les rubriques de premier niveau (appelées aussi secteurs) en choisissant leur langue. Il peut y avoir plusieurs secteurs différents pour une même langue. Il doit aussi configurer le site pour pouvoir mettre en place le multilinguisme et insérer des menus de langue permettant à l'internaute de passer d'une langue à une autre dans le site public (voir ci-dessous).<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong>Le rédacteur</strong> : il rédige son article en le plaçant dans un secteur correspondant à sa langue de rédaction. S'il cet article est la traduction d'un autre article existant, il pense à le spécifier dans l'interface de rédaction de SPIP.<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong>L'internaute</strong> : lorsqu'il visite le site pour la première fois, il le consulte dans sa langue principale mais peut lire les versions dans d'autres langues en les sélectionnant dans un menu de langue que l'administrateur a inséré. S'il consulte un article possédant une traduction, un menu présent lui permet de lire les autres versions traduites de l'article.</p> <h3 class="spip">Mettre en place le multilinguisme</h3> <p>La démarche suivante est valable pour un site tout juste installé comme pour un site ancien qui migrerait vers une architecture multilingue. Dans ce dernier cas, les secteurs existant avant la mise en place du multilinguisme seront automatiquement reconnus comme étant écrit dans la langue principale du site.</p> <p><strong>Première étape : configurer SPIP</strong></p> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Survoler l'icône <i>"Configuration"</i> et cliquer sur <i>"Gestion des langues"</i> afin de sélectionner la langue principale du site : celle correspondant à celle affichée lors de la première visite d'un internaute.<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Cliquer ensuite sur l'onglet <i>"Multilinguisme"</i> pour sélectionner les langues disponibles dans le site puis configurer les menus de langues et liens de traduction comme indiqué dans l'image ci-dessous :</p> <center><dl class='spip_document_210 spip_documents'> <dt><img src='http://www.evaweb.fr/IMG/png_EVAmulti1-2.png' width='470' height='292' alt='PNG - 63.6 ko' /></dt> <dt class='spip_doc_titre' style='width:350px;'><strong>Configuration des menus de langue</strong></dt> </dl></center> <p>Quelques explications : inutile d'activer le menu de langue pour les articles et les rubriques qui ne sont pas de premier niveau car ils doivent se voir attribuer automatiquement la langue du secteur dans lequel ils sont situés. Dans le cas contraire, et si vous essayez d'attribuer à un article ou une rubrique une langue différente de leur secteur, ils n'apparaitront pas sur les pages publiques de votre site.<br class='manualbr' />Par ailleurs, si vous ne souhaitez pas proposer de traductions d'articles sur votre site, il n'est pas utile d'activer les liens de traduction.</p> <p><strong>Seconde étape : activer les menus de langue pour l'espace public</strong></p> <p>Toujours dans la partie <i>"Multilinguisme"</i>, un menu de la distribution EVA-web est présent en colonne de gauche. Il vous suffit de sélectionner <i>"Oui"</i> à la question <i>"Afficher le menu de langue d'EVA-web dans les pages publiques ?"</i> afin de proposer aux internautes un menu leur permettant de basculer d'une langue à une autre.<br class='manualbr' />Concernant les articles, le menu proposera des liens vers les traductions existantes de ces articles.</p> <center><dl class='spip_document_208 spip_documents'> <dt><img src='http://www.evaweb.fr/IMG/png_EVAmulti2.png' width='200' height='169' alt='PNG - 3.6 ko' /></dt> <dt class='spip_doc_titre' style='width:200px;'><strong>Activation des menus de langue de l'espace public sous EVA-web</strong></dt> </dl></center> <p><strong>Dernière étape : si besoin, réécrire à la volée les fichiers de langue</strong></p> <p>Arrivé à cette étape, il n'est pas certain que votre site apparaisse intégralement dans les langues que vous avez choisie.<br class='manualbr' />En effet, certaines expressions telles que <i>"Accueil"</i>, <i>"Derniers articles"</i> ou <i>"Agenda"</i> sont automatiquement générées par SPIP. Ces expressions sont définies dans des fichiers de langue.<br class='manualbr' />Ainsi, il est nécessaire de traduire dans diverses langues les fichiers de langue d'EVA-web pour bénéficier de ces traductions dans l'espace public. Un complément d'explications est disponible ci-dessous afin de vous proposer de participer aux traductions des fichiers de langue d'EVA-web.</p> <p>Présente depuis plusieurs mois, une fonctionnalité du plugin d'habillage d'EVA-web permettait de réécrire les définitions de langue en français du fichier de langue d'EVA-web. Cette fonctionnalité a été étendue afin de pouvoir réécrire la totalité des définitions de langue. Pour pouvoir par exemple réécrire les définitions de langue en anglais, il vous suffit d'afficher l'interface privée en Anglais en sélectionnant cette langue dans le menu de langue du bandeau supérieur de SPIP, vous aurez alors accès aux définitions de langue d'EVA-web en anglais que vous pourrez redéfinir à la volée dans les pages du plugin d'habillage d'EVA-web.</p> <center><dl class='spip_document_209 spip_documents'> <dt><img src='http://www.evaweb.fr/IMG/png_EVAmulti3.png' width='164' height='288' alt='PNG - 5.9 ko' /></dt> <dt class='spip_doc_titre' style='width:164px;'><strong>Le menu de sélection des langues de SPIP dans l'interface privée</strong></dt> </dl></center> <p>Actuellement, à la date de rédaction de cet article, les fichiers de langue d'EVA-web sont disponibles dans les langues :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> allemand<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> anglais<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> catalan<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> espagnol<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> français<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> italien<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> portugais</p> <h3 class="spip">Comment traduire les fichiers de langue d'EVA-web ?</h3> <p>Une vidéo d'Éric Le Jan explique comment aider aux traductions des fichiers de langue d'EVA-web.</p> <center> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0" width="432" height="351" id="FLVPlayer"> <param name="movie" value="http://videoflash.ac-rouen.fr/player/mediaplayer.swf" /> <param name="allowscriptaccess" value="always"> <param name="allowfullscreen" value="true"> <param name="FlashVars" value="&width=432&height=351&file=rtmpt://fms.ac-rouen.fr/vod/evamutua&id=traduireevaweb&image=http://videoflash.ac-rouen.fr/vignettes/evamutua/Eric.png" /> <embed src="http://videoflash.ac-rouen.fr/player/mediaplayer.swf" width="432" height="351" allowscriptaccess="always" allowfullscreen="true" flashvars="width=432&height=351&file=rtmpt://fms.ac-rouen.fr/vod/evamutua&id=traduireevaweb&image=http://videoflash.ac-rouen.fr/vignettes/evamutua/Eric.png" type="application/x-shockwave-flash" pluginspage="www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> </object> </center> <p>Pour avoir une liste plus précise des traducteurs, vous pouvez consulter l'article suivant d'Éric Le Jan : <a href="http://stsaens-lyc.spip.ac-rouen.fr/spip.php?article41" class='spip_out' rel='external'>http://stsaens-lyc.spip.ac-rouen.fr/spip.php?article41</a></p> Installer un menu horizontal http://www.evaweb.fr/spip.php?article97 <p>Vous pouvez installer facilement un menu horizontal sur votre site web et remplacer ainsi le traditionnel menu d'EVA-WEB 4.0...<br class='manualbr' />Ce menu de navigation horizontal dépliable est adapté du plugin "<a href="http://www.spip-contrib.net/Le-menu-deroulant-Babbibel" class='spip_out' rel='external'>Menu déroulant Babbibel</a>"<br class='autobr' /> <span class="spip_note_ref"> [<a href='#nb3' class='spip_note' rel='footnote' title='Pour bien comprendre l'utilisation d'EVA-BONUS, vous pouvez également (...)' id='nh3'>3</a>]</span></p> <p><strong>1.Mise à jour des plugins :</strong> <br class='manualbr' />Pensez, avant cette opération, à mettre à jour les plugins <a href="http://files.spip.org/spip-zone/eva_habillage_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_habillage</a> et <a href="http://files.spip.org/spip-zone/eva_bonus_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_bonus...</a><br class='manualbr' />Vous pouvez <a href="http://www.evaweb.fr/spip.php?article96" class='spip_in'>consulter cette page</a> pour plus d'informations.</p> <p><strong>2. Rendez vous sur la page "Gestion des habillages d'EVA".</strong><br class='manualbr' />En haut à gauche s'affiche la liste des noisettes supplémentaires...<br class='autobr' /> <span class='spip_document_212 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu1.png' width="460" height="332" alt="" /></span></p> <p><strong>3. Insérez la noisette "menu_depliable_horizontal" :</strong><br class='manualbr' />Copiez/collez le nom du menu choisi (dans notre exemple : menu de navigation horizontal dépliable affichant également les articles) dans le formulaire "Insérer un squelette personnel dans l'entête, le pied de page ou les headers".<br class='autobr' /> <span class='spip_document_213 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu2.png' width="480" height="376" alt="" /></span></p> <p><strong>4. Insérez la noisette "headers_menu_depliable_horiz" :</strong><br class='manualbr' />Copiez/collez le nom des headers dans le formulaire "Insérer un squelette personnel dans l'entête, le pied de page ou les headers".<br class='autobr' /> <span class='spip_document_214 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu3.png' width="480" height="381" alt="" /></span></p> <p><strong>5. Personnalisez les couleurs de votre menu :</strong><br class='manualbr' />Rendez vous dans l'onglet "Graphisme".<br class='manualbr' />Un nouveau cadre "Menu horizontal du plugin eva-bonus" est apparu afin de gérer les couleurs (textes et fonds) ; un peu plus bas, dans le formulaire d'insertion d'images, vous avez la possibilité d'insérer des images de fond dans le menu horizontal. <br class='autobr' /> <span class='spip_document_215 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu4.png' width="480" height="454" alt="" /></span></p> <p><strong>6. Supprimez le menu traditionnel d'EVA :</strong><br class='manualbr' />Dans l'onglet "Structure", partie "Choisir la position des blocs dans les pages du site", désactivez l'affichage du menu de navigation pour tous les modèles de page (sommaire, rubrique, article, breve, auteur, site)<br class='autobr' /> <span class='spip_document_216 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu5.png' width="480" height="228" alt="" /></span></p> <p><strong>7. Videz le cache</strong></p> <p><strong><a href="http://www.echaberes.edres74.ac-grenoble.fr/" class='spip_out' rel='external'>Voir un exemple en ligne</a></strong></p> Tue, 15 Sep 2009 14:44:20 +0200 Laurent Jullien <p>Vous pouvez installer facilement un menu horizontal sur votre site web et remplacer ainsi le traditionnel menu d'EVA-WEB 4.0...<br class='manualbr' />Ce menu de navigation horizontal dépliable est adapté du plugin "<a href="http://www.spip-contrib.net/Le-menu-deroulant-Babbibel" class='spip_out' rel='external'>Menu déroulant Babbibel</a>"<br class='autobr' /> <span class="spip_note_ref"> [<a href='#nb4' class='spip_note' rel='footnote' title='Pour bien comprendre l'utilisation d'EVA-BONUS, vous pouvez également (...)' id='nh4'>4</a>]</span></p> <p><strong>1.Mise à jour des plugins :</strong> <br class='manualbr' />Pensez, avant cette opération, à mettre à jour les plugins <a href="http://files.spip.org/spip-zone/eva_habillage_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_habillage</a> et <a href="http://files.spip.org/spip-zone/eva_bonus_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_bonus...</a><br class='manualbr' />Vous pouvez <a href="http://www.evaweb.fr/spip.php?article96" class='spip_in'>consulter cette page</a> pour plus d'informations.</p> <p><strong>2. Rendez vous sur la page "Gestion des habillages d'EVA".</strong><br class='manualbr' />En haut à gauche s'affiche la liste des noisettes supplémentaires...<br class='autobr' /> <span class='spip_document_212 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu1.png' width="460" height="332" alt="" /></span></p> <p><strong>3. Insérez la noisette "menu_depliable_horizontal" :</strong><br class='manualbr' />Copiez/collez le nom du menu choisi (dans notre exemple : menu de navigation horizontal dépliable affichant également les articles) dans le formulaire "Insérer un squelette personnel dans l'entête, le pied de page ou les headers".<br class='autobr' /> <span class='spip_document_213 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu2.png' width="480" height="376" alt="" /></span></p> <p><strong>4. Insérez la noisette "headers_menu_depliable_horiz" :</strong><br class='manualbr' />Copiez/collez le nom des headers dans le formulaire "Insérer un squelette personnel dans l'entête, le pied de page ou les headers".<br class='autobr' /> <span class='spip_document_214 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu3.png' width="480" height="381" alt="" /></span></p> <p><strong>5. Personnalisez les couleurs de votre menu :</strong><br class='manualbr' />Rendez vous dans l'onglet "Graphisme".<br class='manualbr' />Un nouveau cadre "Menu horizontal du plugin eva-bonus" est apparu afin de gérer les couleurs (textes et fonds) ; un peu plus bas, dans le formulaire d'insertion d'images, vous avez la possibilité d'insérer des images de fond dans le menu horizontal. <br class='autobr' /> <span class='spip_document_215 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu4.png' width="480" height="454" alt="" /></span></p> <p><strong>6. Supprimez le menu traditionnel d'EVA :</strong><br class='manualbr' />Dans l'onglet "Structure", partie "Choisir la position des blocs dans les pages du site", désactivez l'affichage du menu de navigation pour tous les modèles de page (sommaire, rubrique, article, breve, auteur, site)<br class='autobr' /> <span class='spip_document_216 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-menu5.png' width="480" height="228" alt="" /></span></p> <p><strong>7. Videz le cache</strong></p> <p><strong><a href="http://www.echaberes.edres74.ac-grenoble.fr/" class='spip_out' rel='external'>Voir un exemple en ligne</a></strong></p> Mise à jour Eva-web 3 vers EVA-WEB 4 http://www.evaweb.fr/spip.php?article96 <p>Si votre site est géré actuellement sous SPIP 1.9.x avec EVA-WEB 3.0, et si vous voulez passer à EVA-WEB 4 pour bénéficier de nouvelles fonctionnalités, il vous faudra réaliser ces mises à jour. Merci alors de procéder ainsi :</p> <h3 class="spip">Mise à jour SPIP 1 .9 .x vers SPIP 2 .x</h3> <p>La version 2 de SPIP étant une version majeure, la mise à jour d'un site en version 1.9.x est particulière...<br class='manualbr' />Vous trouverez sur <a href="http://www.spip-contrib.net/Mise-a-jour-1-9-2-vers-2-0-8,2959" class='spip_out' rel='external'>SPIP-CONTRIB</a> quelques conseils pour que la transition se fasse au mieux...</p> <h3 class="spip">Mise à jour EVA-WEB 3 vers EVA-WEB 4</h3> <p>L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.<br class='manualbr' />Vous pouvez utilisez la fonctionnalité "Installation automatique" ( Configuration > Gestion des plugins ) pour cette opération. Vous indiquerez alors dans le champ prévu l'adresse d'un fichier zip de plugin à télécharger, ou encore l'adresse d'une liste de plugins.</p> <p><span class='spip_document_211 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-inst-plugin.png' width="420" height="258" alt="" /></span></p> <p>Les plugins EVA-WEB sont disponibles à cette adresse : <a href="http://files.spip.org/spip-zone/" class='spip_out' rel='external'>http://files.spip.org/spip-zone/</a></p> <p><strong>1- Pour une installation de base, installez les plugins suivants :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_squelettes_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin squelettes eva-web 4.1 </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_install_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_install </a> : Création des mots clés<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mentions_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_mentions </a> : Gestion de l'affichage des mentions légales<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/cfg.zip" class='spip_out' rel='external'>plugin cfg</a></p> <p><strong>2- Pour la personnalisation graphique, ajoutez le plugin :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_habillage_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_habillage</a></p> <p><strong>3- Pour complèter les fonctionnalités, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/compteur_graphique.zip" class='spip_out' rel='external'>compteur_graphique </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_agenda_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_agenda</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mini_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_mini-calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_portfolio_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_portfolio</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/thickbox2.zip" class='spip_out' rel='external'>thickbox</a> OU <a href="http://files.spip.org/spip-zone/nyroceros.zip" class='spip_out' rel='external'>nyroceros</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_diaporama_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_diaporama</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_livre_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_livre</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_bonus_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_bonus</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_news.zip" class='spip_out' rel='external'>eva_news</a></p> <p><strong>4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_freemind_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_freemind </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_geometrie_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_géométrie</a></p> <p><strong>5. Des plugins "amis", soutenus par le projet eva-web</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.spip-contrib.net/Bonbon-un-cahier-de-texte-pour" class='spip_out' rel='external'>"Bonbon !", un cahier de texte pour SPIP</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://ec-didapages-85.ac-nantes.fr/ecollaboratif/spip.php?rubrique2" class='spip_out' rel='external'>DidaSPIP</a>, pour insérer et afficher facilement des projets créés avec le logiciel <a href="http://www.fruitsdusavoir.org/" class='spip_out' rel='external'>Didapages</a>.</p> <p><strong>6. D'autres plugins compatibles avec EVA-WEB 4</strong><br class='manualbr' /><i>Ces plugins ne nécessitent aucune modification des squelettes... </i><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Accès restreint<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Lecteur multimédia<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Bonux<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Crayons<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Rainette<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Notation<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> SPIP-Listes<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Nuage<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> et bien d'autres encore...</p> Tue, 15 Sep 2009 10:16:19 +0200 Laurent Jullien <p>Si votre site est géré actuellement sous SPIP 1.9.x avec EVA-WEB 3.0, et si vous voulez passer à EVA-WEB 4 pour bénéficier de nouvelles fonctionnalités, il vous faudra réaliser ces mises à jour. Merci alors de procéder ainsi :</p> <h3 class="spip">Mise à jour SPIP 1 .9 .x vers SPIP 2 .x</h3> <p>La version 2 de SPIP étant une version majeure, la mise à jour d'un site en version 1.9.x est particulière...<br class='manualbr' />Vous trouverez sur <a href="http://www.spip-contrib.net/Mise-a-jour-1-9-2-vers-2-0-8,2959" class='spip_out' rel='external'>SPIP-CONTRIB</a> quelques conseils pour que la transition se fasse au mieux...</p> <h3 class="spip">Mise à jour EVA-WEB 3 vers EVA-WEB 4</h3> <p>L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.<br class='manualbr' />Vous pouvez utilisez la fonctionnalité "Installation automatique" ( Configuration > Gestion des plugins ) pour cette opération. Vous indiquerez alors dans le champ prévu l'adresse d'un fichier zip de plugin à télécharger, ou encore l'adresse d'une liste de plugins.</p> <p><span class='spip_document_211 spip_documents spip_documents_center'> <img src='http://www.evaweb.fr/IMG/png_eva-inst-plugin.png' width="420" height="258" alt="" /></span></p> <p>Les plugins EVA-WEB sont disponibles à cette adresse : <a href="http://files.spip.org/spip-zone/" class='spip_out' rel='external'>http://files.spip.org/spip-zone/</a></p> <p><strong>1- Pour une installation de base, installez les plugins suivants :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_squelettes_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin squelettes eva-web 4.1 </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_install_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_install </a> : Création des mots clés<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mentions_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_mentions </a> : Gestion de l'affichage des mentions légales<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/cfg.zip" class='spip_out' rel='external'>plugin cfg</a></p> <p><strong>2- Pour la personnalisation graphique, ajoutez le plugin :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_habillage_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_habillage</a></p> <p><strong>3- Pour complèter les fonctionnalités, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/compteur_graphique.zip" class='spip_out' rel='external'>compteur_graphique </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_agenda_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_agenda</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mini_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_mini-calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_portfolio_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_portfolio</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/thickbox2.zip" class='spip_out' rel='external'>thickbox</a> OU <a href="http://files.spip.org/spip-zone/nyroceros.zip" class='spip_out' rel='external'>nyroceros</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_diaporama_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_diaporama</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_livre_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_livre</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_bonus_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_bonus</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_news.zip" class='spip_out' rel='external'>eva_news</a></p> <p><strong>4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_freemind_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_freemind </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_geometrie_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_géométrie</a></p> <p><strong>5. Des plugins "amis", soutenus par le projet eva-web</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.spip-contrib.net/Bonbon-un-cahier-de-texte-pour" class='spip_out' rel='external'>"Bonbon !", un cahier de texte pour SPIP</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://ec-didapages-85.ac-nantes.fr/ecollaboratif/spip.php?rubrique2" class='spip_out' rel='external'>DidaSPIP</a>, pour insérer et afficher facilement des projets créés avec le logiciel <a href="http://www.fruitsdusavoir.org/" class='spip_out' rel='external'>Didapages</a>.</p> <p><strong>6. D'autres plugins compatibles avec EVA-WEB 4</strong><br class='manualbr' /><i>Ces plugins ne nécessitent aucune modification des squelettes... </i><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Accès restreint<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Lecteur multimédia<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Bonux<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Crayons<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Rainette<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Notation<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> SPIP-Listes<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Nuage<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> et bien d'autres encore...</p> Jclic Modèle http://www.evaweb.fr/spip.php?article93 <p><span class='spip_document_217 spip_documents spip_documents_left' style='float:left; width:110px;'> <img src='http://www.evaweb.fr/IMG/gif_jclic.gif' width="110" height="66" alt="" /></span> Ce plugin propose un <a href="http://www.spip.net/fr_article3454.html" class='spip_out' rel='external'>modèle</a> nommé <i>jclic</i> permettant d'insérer des activités <a href="http://clic.xtec.cat/en/jclic/index.htm" class='spip_out' rel='external'>Jclic</a> dans votre site.</p> <h3 class="spip">Pré-requis</h3> <p>Pour pouvoir utiliser ce plugin, votre serveur doit impérativement être visible sur l'Internet (votre serveur ne doit pas être installé sur un réseau local non public) car les scripts du serveur officiel Jclic doivent pouvoir lire l'activité Jclic proposée.</p> <h3 class="spip">Installer une activité Jclic</h3> <p>Cela se passe en 2 étapes :</p> <p>1- Tout d'abord, vous devez installer l'activité Jclic au format zippé. Pour cela, vous avez 2 possibilités : soit vous l'installez en tant que document (demander alors à SPIP de l'<i>installer tel quel, en tant qu'archive compressée Zip</i> et non en <i>décompressant chaque élément contenu dans l'archive</i>) ; soit vous l'installer comme document distant en proposant l'URL du document. Vous noterez ensuite le numéro du document correspondant (prenons par exemple ici le numéro 123).</p> <p>2- Il vous faut ensuite écrire le modèle dans le champs dans lequel vous voulez le voir apparaitre : corps d'un article, d'une rubrique, ...</p> <h3 class="spip">La syntaxe du modèle Jclic</h3> <p>Vous avez installé votre document comme indiqué ci-dessus, vous avez noté le numéro correspondant à ce document (123 dans cet exemple), vous souhaitez désormais voir apparaitre l'activité Jclic correspondant au document 123.</p> <p><strong>Syntaxe de base</strong></p> <p>Il vous suffit d'indiquer le code suivant à l'endroit où vous souhaitez afficher l'activité Jclic :</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123></code></p> <p>Ainsi écrit, le modèle affichera l'activité :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <i>alignée au centre</i> du bloc dans lequel elle est insérée ;<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> sur <i>une largeur de 100 %</i> de la largeur du bloc dans lequel elle est insérée ;<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> sur <i>400 pixels de hauteur</i>.<br class='manualbr' />Ces 3 paramètres peuvent être ajustés selon vos souhaits.</p> <p><strong>Ajustement des paramètres</strong></p> <p>Quelques exemples :</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123|largeur=350|hauteur=300|aligner=left></code><br class='manualbr' />Ici, on affiche l'activité en 350 pixels de large, 300 pixels de haut et en alignant l'activité à gauche du bloc dans lequel elle est insérée.</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123|largeur=80%|aligner=right></code><br class='manualbr' />Ici, on affiche l'activité avec une largeur de 80% du bloc dans lequel elle est insérée et elle est alignée à droite du bloc. Le paramètre de hauteur par défaut est conservé, à savoir 400 pixels de hauteur.</p> Fri, 07 Aug 2009 21:33:26 +0200 Olivier Gautier <p><span class='spip_document_217 spip_documents spip_documents_left' style='float:left; width:110px;'> <img src='http://www.evaweb.fr/IMG/gif_jclic.gif' width="110" height="66" alt="" /></span> Ce plugin propose un <a href="http://www.spip.net/fr_article3454.html" class='spip_out' rel='external'>modèle</a> nommé <i>jclic</i> permettant d'insérer des activités <a href="http://clic.xtec.cat/en/jclic/index.htm" class='spip_out' rel='external'>Jclic</a> dans votre site.</p> <h3 class="spip">Pré-requis</h3> <p>Pour pouvoir utiliser ce plugin, votre serveur doit impérativement être visible sur l'Internet (votre serveur ne doit pas être installé sur un réseau local non public) car les scripts du serveur officiel Jclic doivent pouvoir lire l'activité Jclic proposée.</p> <h3 class="spip">Installer une activité Jclic</h3> <p>Cela se passe en 2 étapes :</p> <p>1- Tout d'abord, vous devez installer l'activité Jclic au format zippé. Pour cela, vous avez 2 possibilités : soit vous l'installez en tant que document (demander alors à SPIP de l'<i>installer tel quel, en tant qu'archive compressée Zip</i> et non en <i>décompressant chaque élément contenu dans l'archive</i>) ; soit vous l'installer comme document distant en proposant l'URL du document. Vous noterez ensuite le numéro du document correspondant (prenons par exemple ici le numéro 123).</p> <p>2- Il vous faut ensuite écrire le modèle dans le champs dans lequel vous voulez le voir apparaitre : corps d'un article, d'une rubrique, ...</p> <h3 class="spip">La syntaxe du modèle Jclic</h3> <p>Vous avez installé votre document comme indiqué ci-dessus, vous avez noté le numéro correspondant à ce document (123 dans cet exemple), vous souhaitez désormais voir apparaitre l'activité Jclic correspondant au document 123.</p> <p><strong>Syntaxe de base</strong></p> <p>Il vous suffit d'indiquer le code suivant à l'endroit où vous souhaitez afficher l'activité Jclic :</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123></code></p> <p>Ainsi écrit, le modèle affichera l'activité :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <i>alignée au centre</i> du bloc dans lequel elle est insérée ;<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> sur <i>une largeur de 100 %</i> de la largeur du bloc dans lequel elle est insérée ;<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> sur <i>400 pixels de hauteur</i>.<br class='manualbr' />Ces 3 paramètres peuvent être ajustés selon vos souhaits.</p> <p><strong>Ajustement des paramètres</strong></p> <p>Quelques exemples :</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123|largeur=350|hauteur=300|aligner=left></code><br class='manualbr' />Ici, on affiche l'activité en 350 pixels de large, 300 pixels de haut et en alignant l'activité à gauche du bloc dans lequel elle est insérée.</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123|largeur=80%|aligner=right></code><br class='manualbr' />Ici, on affiche l'activité avec une largeur de 80% du bloc dans lequel elle est insérée et elle est alignée à droite du bloc. Le paramètre de hauteur par défaut est conservé, à savoir 400 pixels de hauteur.</p> EVA-WEB 4.0 version stable http://www.evaweb.fr/spip.php?article89 <p><strong>Ensemble de squelettes et de plugins orientés éducation mais pas que...</strong></p> <p><i>Le passage de la numérotation à 4.0 s'explique par le fait que nous continuons les développements, corrections de bugs, etc. de la version 3 qui restera basée sur SPIP 1.9.X.</i></p> <p>Remarque : Les plugins préfixés "eva_" sont développés dans le cadre du projet eva pour les squelettes eva-web MAIS sont peuvent être compatibles simplement avec d'autres squelettes.</p> <h3 class="spip">Fiche d'identité </h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Logo : <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Nom du Squelette : eva-web 4.0<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Version : Stable<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Auteur : <a href="http://www.eva-web.edres74.ac-grenoble.fr/spip.php?article1" class='spip_out' rel='external'>équipe eva-dev</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Licence : GNU GPL<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Compatibilite SPIP : à partir de 2.0<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Démo en ligne : <a href="http://eva.tuxfamily.org/demo" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo</a></p> <h3 class="spip">A noter parmi les nouveautés</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> correction de quelques bugs d'affichage,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> de nouveaux habillages de base,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des thèmes supplémentaires,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> modularité des squelettes (noisettes),<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un peu d'ajax par ci, par là,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> plus de possibilités dans la configuration des habillages,<br class='autobr' /> etc.</p> <h3 class="spip">Simplification des habillages de base</h3> <p>Une, deux ou trois couleurs combinées à quelques options positionnements (menu à gauche ou à droite, affichage 100% ou non, 2 ou 3 colonnes) suffisent à personnaliser l'intégralité du site.</p> <p>Une personnalisation plus poussée est possible, toujours sans modifier les fichiers, grace à des formulaires détaillés.</p> <h3 class="spip">Principales fonctionnalités et spécificités</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Configuration poussée et facilité de l'habillage des sites,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création automatique des mots clés nécessaires<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gestion des mentions légales pour être "dans les clous"<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Intégration facilité de plusieurs autres plugins (articlePDF, lecteur multimédia... ; on installe le plugin voulu puis il fonctionne sans avoir à ajouter de code supplémentaire dans les squelettes.<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Génération de flux pour podcasts<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Intégration de contenu pédagogique : jclic, geonext, geogebra, geolabo, carzul, carmetal, freemind<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Compteur de visites paramétrable<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Calendrier, mini-calendrier, agenda...<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de fiches pédagogiques<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de portfolio<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de "livres"</p> <p>Cette version est destinée aux tests. Nous vous encourageons à communiquer vos remarques, encouragements (ça fera plaisir), idées, critiques, suggestions via le site officiel du projet en remplissant ce formulaire : <a href="http://www.eva-web.edres74.ac-grenoble.fr/spip.php?article82" class='spip_url spip_out' rel='external'>http://www.eva-web.edres74.ac-greno...</a></p> <h3 class="spip">Installation - Téléchargement</h3> <p>L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.</p> <p><strong>1- Pour une installation de base, mettre les plugins suivants :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Version "svn" (mis à jour chaque nuit) sur la zone de <a href="http://files.spip.org/spip-zone/eva_squelettes_pour_spip_2_0.zip" class='spip_out' rel='external'>squelettes eva-web 4.0 </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_install_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_install </a> : Création des mots clés<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mentions_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_mentions </a> : Gestion de l'affichage des mentions légales</p> <p><strong>2- Pour la personnalisation graphique, ajoutez le plugin :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_habillage_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_habillage</a></p> <p><strong>3- Pour complèter les fonctionnalités, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/compteur_graphique.zip" class='spip_out' rel='external'>compteur_graphique </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_agenda_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_agenda</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mini_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_mini-calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_portfolio_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_portfolio</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_livre_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_livre</a></p> <p><strong>4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_freemind_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_freemind </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_geometrie_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_géométrie</a></p> <h3 class="spip">Des plugins "amis", soutenus par le projet eva-web</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.spip-contrib.net/Bonbon-un-cahier-de-texte-pour" class='spip_out' rel='external'>"Bonbon !", un cahier de texte pour SPIP</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://ec-didapages-85.ac-nantes.fr/ecollaboratif/spip.php?rubrique2" class='spip_out' rel='external'>DidaSPIP</a>, pour insérer et afficher facilement des projets créés avec le logiciel <a href="http://www.fruitsdusavoir.org/" class='spip_out' rel='external'>Didapages</a>.</p> <h3 class="spip">Exemples</h3> <p><strong>Site de démo</strong> : <a href="http://eva.tuxfamily.org/demo" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo</a></p> <p><strong>La Gerbelette</strong> : <a href="http://www.gerbelette.fr/spip/" class='spip_url spip_out' rel='external'>http://www.gerbelette.fr/spip/</a></p> <p><strong>A.D.T.S</strong> : <a href="http://adts.poongaloo.org/" class='spip_url spip_out' rel='external'>http://adts.poongaloo.org</a></p> Mon, 16 Mar 2009 18:33:22 +0100 Samuel (PoongalOO) <p><strong>Ensemble de squelettes et de plugins orientés éducation mais pas que...</strong></p> <p><i>Le passage de la numérotation à 4.0 s'explique par le fait que nous continuons les développements, corrections de bugs, etc. de la version 3 qui restera basée sur SPIP 1.9.X.</i></p> <p>Remarque : Les plugins préfixés "eva_" sont développés dans le cadre du projet eva pour les squelettes eva-web MAIS sont peuvent être compatibles simplement avec d'autres squelettes.</p> <h3 class="spip">Fiche d'identité </h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Logo : <br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Nom du Squelette : eva-web 4.0<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Version : Stable<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Auteur : <a href="http://www.eva-web.edres74.ac-grenoble.fr/spip.php?article1" class='spip_out' rel='external'>équipe eva-dev</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Licence : GNU GPL<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Compatibilite SPIP : à partir de 2.0<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Démo en ligne : <a href="http://eva.tuxfamily.org/demo" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo</a></p> <h3 class="spip">A noter parmi les nouveautés</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> correction de quelques bugs d'affichage,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> de nouveaux habillages de base,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des thèmes supplémentaires,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> modularité des squelettes (noisettes),<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un peu d'ajax par ci, par là,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> plus de possibilités dans la configuration des habillages,<br class='autobr' /> etc.</p> <h3 class="spip">Simplification des habillages de base</h3> <p>Une, deux ou trois couleurs combinées à quelques options positionnements (menu à gauche ou à droite, affichage 100% ou non, 2 ou 3 colonnes) suffisent à personnaliser l'intégralité du site.</p> <p>Une personnalisation plus poussée est possible, toujours sans modifier les fichiers, grace à des formulaires détaillés.</p> <h3 class="spip">Principales fonctionnalités et spécificités</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Configuration poussée et facilité de l'habillage des sites,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création automatique des mots clés nécessaires<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Gestion des mentions légales pour être "dans les clous"<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Intégration facilité de plusieurs autres plugins (articlePDF, lecteur multimédia... ; on installe le plugin voulu puis il fonctionne sans avoir à ajouter de code supplémentaire dans les squelettes.<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Génération de flux pour podcasts<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Intégration de contenu pédagogique : jclic, geonext, geogebra, geolabo, carzul, carmetal, freemind<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Compteur de visites paramétrable<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Calendrier, mini-calendrier, agenda...<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de fiches pédagogiques<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de portfolio<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Création de "livres"</p> <p>Cette version est destinée aux tests. Nous vous encourageons à communiquer vos remarques, encouragements (ça fera plaisir), idées, critiques, suggestions via le site officiel du projet en remplissant ce formulaire : <a href="http://www.eva-web.edres74.ac-grenoble.fr/spip.php?article82" class='spip_url spip_out' rel='external'>http://www.eva-web.edres74.ac-greno...</a></p> <h3 class="spip">Installation - Téléchargement</h3> <p>L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.</p> <p><strong>1- Pour une installation de base, mettre les plugins suivants :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Version "svn" (mis à jour chaque nuit) sur la zone de <a href="http://files.spip.org/spip-zone/eva_squelettes_pour_spip_2_0.zip" class='spip_out' rel='external'>squelettes eva-web 4.0 </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_install_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_install </a> : Création des mots clés<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mentions_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_mentions </a> : Gestion de l'affichage des mentions légales</p> <p><strong>2- Pour la personnalisation graphique, ajoutez le plugin :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_habillage_pour_spip_2_0.zip" class='spip_out' rel='external'>plugin eva_habillage</a></p> <p><strong>3- Pour complèter les fonctionnalités, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/compteur_graphique.zip" class='spip_out' rel='external'>compteur_graphique </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_agenda_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_agenda</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_mini_calendrier_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_mini-calendrier</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_portfolio_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_portfolio</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_livre_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_livre</a></p> <p><strong>4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_freemind_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_freemind </a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://files.spip.org/spip-zone/eva_geometrie_pour_spip_2_0.zip" class='spip_out' rel='external'>eva_géométrie</a></p> <h3 class="spip">Des plugins "amis", soutenus par le projet eva-web</h3> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.spip-contrib.net/Bonbon-un-cahier-de-texte-pour" class='spip_out' rel='external'>"Bonbon !", un cahier de texte pour SPIP</a><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://ec-didapages-85.ac-nantes.fr/ecollaboratif/spip.php?rubrique2" class='spip_out' rel='external'>DidaSPIP</a>, pour insérer et afficher facilement des projets créés avec le logiciel <a href="http://www.fruitsdusavoir.org/" class='spip_out' rel='external'>Didapages</a>.</p> <h3 class="spip">Exemples</h3> <p><strong>Site de démo</strong> : <a href="http://eva.tuxfamily.org/demo" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo</a></p> <p><strong>La Gerbelette</strong> : <a href="http://www.gerbelette.fr/spip/" class='spip_url spip_out' rel='external'>http://www.gerbelette.fr/spip/</a></p> <p><strong>A.D.T.S</strong> : <a href="http://adts.poongaloo.org/" class='spip_url spip_out' rel='external'>http://adts.poongaloo.org</a></p> Modularité des squelettes EVA-web 4 et plugin EVA-bonus (en vidéo) http://www.evaweb.fr/spip.php?article88 Mon, 09 Mar 2009 23:02:44 +0100 Olivier Gautier Le plugin jFlipBook http://www.evaweb.fr/spip.php?article87 <h3 class="spip">Ce qu'il fait...</h3> <p><strong>jFlipBook</strong> transforme les images d'un article en un petit livre feuilletable. Les coins sont cliquables et permettent de passer d'une page à une autre avec un effet de tourner de page.</p> <h3 class="spip">On peut voir ?</h3><dl class='spip_document_200 spip_documents spip_documents_left' style='float:left;'> <dt><img src='http://www.evaweb.fr/IMG/png_Captureaoste1.png' width='272' height='350' alt='PNG - 102.2 ko' /></dt> </dl><dl class='spip_document_201 spip_documents spip_documents_right' style='float:right;'> <dt><img src='http://www.evaweb.fr/IMG/png_Captureaoste2.png' width='276' height='350' alt='PNG - 90.6 ko' /></dt> </dl><dl class='spip_document_202 spip_documents spip_documents_center'> <dt><img src='http://www.evaweb.fr/IMG/png_Captureaoste3.png' width='275' height='350' alt='PNG - 76.4 ko' /></dt> </dl> <p>La démO, la démO, la démOOO... -> <a href="http://eva.tuxfamily.org/demo/spip.php?article88" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo/spip....</a></p> <h3 class="spip">Comment y fait...</h3> <p>Pas de flash mais du jQuery. jFlipBook utilise le module jFlip créé par Renato Formato. Vous pouvez lire son article ici : <a href="http://www.jquery.info/spip.php?article78" class='spip_url spip_out' rel='external'>http://www.jquery.info/spip.php?art...</a></p> <h3 class="spip">Installation</h3> <p>Ce plugin nécessite l'installation du <a href="http://files.spip.org/spip-zone/cfg.zip" class='spip_out' rel='external'>plugin CFG</a></p> <p>Pour une première installation de SPIP, assurez vous que :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> L'utilisation des mots-clés soit activé,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> L'utilisation des documents joints aux articles soit activé.<br class='autobr' /> En cliquant sur <strong>Configuration</strong>.</p> <p>Le plugin est récupérable sur le zone de SPIP dans le partie /plugins/_test_ en SVN ou sous forme zippée <a href="http://files.spip.org/spip-zone/jflipbook.zip" class='spip_out' rel='external'>ICI <span class='spip_document_203 spip_documents'> <img src='http://www.evaweb.fr/IMG/png_jflip.png' width="53" height="24" alt="" /></span></a> (normalement à partir du 16 février 2009).</p> <h3 class="spip">Intégration dans un squelette</h3> <p>En premier lieu, vous devez insérer la ligne suivante dans votre squelette article, donc à l'intérieur d'une boucle ARTICLES, à l'endroit où vous voulez faire apparaître le livre :<br class='autobr' /> <code class='spip_code' dir='ltr'><INCLURE{fond=jflipbook}{id_article}></code></p> <p>Il faut ensuite créer le mot-clé <strong>jflip</strong> (tout en minuscule).</p> <p>Vous pouvez tester ce plugin dans un site SPIP sans squelettes activés. Un squelette article déjà modifié existe dans jFlipBook.</p> <p>Vos images doivent être insérées dans un article en documents joints en cliquant sur "joindre un document" en bas d'un article dans l'interface privée.</p> <h3 class="spip">Intégration dans un EVA-WEB </h3> <p>En attendant que j'automatise la procédure, il faut :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Supprimer le fichier article.html qui se trouve à la racine du dossier du plugin,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer dans le fichier /noisettes/article/article_contenu.html du plugin eva-web40 le code suivant : <code class='spip_code' dir='ltr'><INCLURE{fond=jflipbook}{id_article}></code> vers la ligne 50 par exemple<br/><strong>ou</strong><br/>Récupérer la dernière version d'eva-web sur la zone de SPIP.</p> <h3 class="spip">Limitation </h3> <p>Pour l'instant, les réglages (dimensions, etc.) s'appliquent à l'ensemble des jFlipBook d'un site. Encore un peu de temps, de patience et j'y arriverai...</p> Mon, 16 Feb 2009 09:39:33 +0100 Samuel (PoongalOO) <h3 class="spip">Ce qu'il fait...</h3> <p><strong>jFlipBook</strong> transforme les images d'un article en un petit livre feuilletable. Les coins sont cliquables et permettent de passer d'une page à une autre avec un effet de tourner de page.</p> <h3 class="spip">On peut voir ?</h3><dl class='spip_document_200 spip_documents spip_documents_left' style='float:left;'> <dt><img src='http://www.evaweb.fr/IMG/png_Captureaoste1.png' width='272' height='350' alt='PNG - 102.2 ko' /></dt> </dl><dl class='spip_document_201 spip_documents spip_documents_right' style='float:right;'> <dt><img src='http://www.evaweb.fr/IMG/png_Captureaoste2.png' width='276' height='350' alt='PNG - 90.6 ko' /></dt> </dl><dl class='spip_document_202 spip_documents spip_documents_center'> <dt><img src='http://www.evaweb.fr/IMG/png_Captureaoste3.png' width='275' height='350' alt='PNG - 76.4 ko' /></dt> </dl> <p>La démO, la démO, la démOOO... -> <a href="http://eva.tuxfamily.org/demo/spip.php?article88" class='spip_url spip_out' rel='external'>http://eva.tuxfamily.org/demo/spip....</a></p> <h3 class="spip">Comment y fait...</h3> <p>Pas de flash mais du jQuery. jFlipBook utilise le module jFlip créé par Renato Formato. Vous pouvez lire son article ici : <a href="http://www.jquery.info/spip.php?article78" class='spip_url spip_out' rel='external'>http://www.jquery.info/spip.php?art...</a></p> <h3 class="spip">Installation</h3> <p>Ce plugin nécessite l'installation du <a href="http://files.spip.org/spip-zone/cfg.zip" class='spip_out' rel='external'>plugin CFG</a></p> <p>Pour une première installation de SPIP, assurez vous que :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> L'utilisation des mots-clés soit activé,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> L'utilisation des documents joints aux articles soit activé.<br class='autobr' /> En cliquant sur <strong>Configuration</strong>.</p> <p>Le plugin est récupérable sur le zone de SPIP dans le partie /plugins/_test_ en SVN ou sous forme zippée <a href="http://files.spip.org/spip-zone/jflipbook.zip" class='spip_out' rel='external'>ICI <span class='spip_document_203 spip_documents'> <img src='http://www.evaweb.fr/IMG/png_jflip.png' width="53" height="24" alt="" /></span></a> (normalement à partir du 16 février 2009).</p> <h3 class="spip">Intégration dans un squelette</h3> <p>En premier lieu, vous devez insérer la ligne suivante dans votre squelette article, donc à l'intérieur d'une boucle ARTICLES, à l'endroit où vous voulez faire apparaître le livre :<br class='autobr' /> <code class='spip_code' dir='ltr'><INCLURE{fond=jflipbook}{id_article}></code></p> <p>Il faut ensuite créer le mot-clé <strong>jflip</strong> (tout en minuscule).</p> <p>Vous pouvez tester ce plugin dans un site SPIP sans squelettes activés. Un squelette article déjà modifié existe dans jFlipBook.</p> <p>Vos images doivent être insérées dans un article en documents joints en cliquant sur "joindre un document" en bas d'un article dans l'interface privée.</p> <h3 class="spip">Intégration dans un EVA-WEB </h3> <p>En attendant que j'automatise la procédure, il faut :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Supprimer le fichier article.html qui se trouve à la racine du dossier du plugin,<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Insérer dans le fichier /noisettes/article/article_contenu.html du plugin eva-web40 le code suivant : <code class='spip_code' dir='ltr'><INCLURE{fond=jflipbook}{id_article}></code> vers la ligne 50 par exemple<br/><strong>ou</strong><br/>Récupérer la dernière version d'eva-web sur la zone de SPIP.</p> <h3 class="spip">Limitation </h3> <p>Pour l'instant, les réglages (dimensions, etc.) s'appliquent à l'ensemble des jFlipBook d'un site. Encore un peu de temps, de patience et j'y arriverai...</p> Module 1 : feuille de style, position des blocs, nombre d'éléments http://www.evaweb.fr/spip.php?article23 <h3 class="spip">Évolutions avec EVA-web 4</h3><center><div class='spip_document_196 spip_documents'> <object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' width='465' height='454'> <param name='movie' value='http://spip.ac-rouen.fr/IMG/swf/Habillage_structure.swf' /> <param name="quality" value="high" /> <param name='page' value='podcast' /><param name='class' value='' /> <!--[if !IE]> <--> <object data="http://spip.ac-rouen.fr/IMG/swf/Habillage_structure.swf" width='465' height='454' type="application/x-shockwave-flash"> <param name="quality" value="high" /> <param name='page' value='podcast' /><param name='class' value='' /> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" /> </object> <!--> <![endif]--> </object> <div class='spip_doc_titre'><strong>Modifier la structure de son site</strong></div></div></center><h3 class="spip">But de ce module</h3> <p>Ce module vous permettra de décider dans un premier temps de l'architecture générale de votre site en effectuant un choix parmi plusieurs feuilles de style vous permettant de choisir :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un affichage à 2 ou 3 colonnes<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un menu de navigation placé à gauche ou à droite du contenu<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> les emplacements des différents blocs qui composent les pages (à droite, au centre, à gauche des pages)</p> <p>Les caractéristiques telles que les couleurs de fond, du texte, des bordures, les images de fond seront configurées dans les modules suivants.</p> <h3 class="spip">Description des feuilles de style proposées dans EVA-web 3</h3> <p><strong>Style par défaut</strong> :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de gauche contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa droite d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> textes et bordures gris sur fond blanc<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bordure utilisant des déclarations CSS <i>moz-border-radius</i> permettant d'arrondir les coins des bordures sous certains navigateurs</p> <p><strong>eva_style_100_pourcents.css</strong> :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> les pages utilisent 100 % de la largeur de la fenêtre du navigateur<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> colonne de gauche utilisant 25 % de la largeur de la fenêtre du navigateur, le contenu en utilise 71 %<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur autour du beige - marron - orange<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bordure utilisant des déclarations CSS <i>moz-border-radius</i> permettant d'arrondir les coins des bordures sous certains navigateurs</p> <p><strong>eva_style_3_colonnes.css</strong> :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> les pages utilisent 100 % de la largeur de la fenêtre du navigateur<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> les colonnes de gauche et droite utilisent 24 % chacune de la largeur de la fenêtre du navigateur, le contenu utilise 46 %<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur autour du beige - marron - orange<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bordure utilisant des déclarations CSS <i>moz-border-radius</i> permettant d'arrondir les coins des bordures sous certains navigateurs</p> <p><strong>eva_style_basic_menu_a_droite.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de droite contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa gauche d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur rouge sans bordure affichée</p> <p><strong>eva_style_basic_menu_a_gauche.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de gauche contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa droite d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur bleue sans bordure affichée</p> <p><strong>eva_style_images_de_fond.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de gauche contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa droite d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des bordures non arrondies<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> utilisation d'images de fond en dégradé</p> <p><strong>eva_style_menu_a_droite.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de droite contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa gauche d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur vert-jaune-orange avec bordures<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bordure utilisant des déclarations CSS <i>moz-border-radius</i> permettant d'arrondir les coins des bordures sous certains navigateurs</p> <p><strong>eva_style_officielle.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> feuille de style du site officiel d'EVA 3<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de gauche contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa droite d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des bordures non arrondies<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur autour du bleu et du beige</p> <h3 class="spip">Le choix des emplacements des blocs</h3> <p>Vous pourrez choisir l'emplacement des blocs de contenu pour certaines pages de votre site en cliquant sur le petit triangle noir placé en fin de module (déplier/replier) pour les pages suivantes :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page de sommaire<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> pages des rubriques<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> pages des articles<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> pages des brèves<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> pages des auteurs</p> <p>Le positionnement des blocs à droite devient possible uniquement lorsque vous choisissez la feuille de style en trois colonnes nommée <i>eva_style_3_colonnes.css</i> ou une feuille de style avec menu à droite.</p> <h3 class="spip">Le choix du nombre d'éléments dans chaque bloc</h3> <p>Cette partie vous permet de choisir le nombre exact d'éléments à afficher dans les pages de sommaire, des rubriques, des articles, des brèves et des auteurs.</p> <p>Par exemple, vous pouvez afficher les 7 derniers articles et les 3 dernières brèves publiées dans la page de sommaire ; puis choisir d'afficher les 4 dernières brèves et les 2 derniers sites référencés dans les pages des rubriques, etc...</p> <p>Il est possible d'afficher entre 0 et 20 éléments par bloc.</p> Sat, 14 Feb 2009 22:35:07 +0100 Olivier Gautier <h3 class="spip">Évolutions avec EVA-web 4</h3><center><div class='spip_document_196 spip_documents'> <object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' width='465' height='454'> <param name='movie' value='http://spip.ac-rouen.fr/IMG/swf/Habillage_structure.swf' /> <param name="quality" value="high" /> <param name='page' value='podcast' /><param name='class' value='' /> <!--[if !IE]> <--> <object data="http://spip.ac-rouen.fr/IMG/swf/Habillage_structure.swf" width='465' height='454' type="application/x-shockwave-flash"> <param name="quality" value="high" /> <param name='page' value='podcast' /><param name='class' value='' /> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" /> </object> <!--> <![endif]--> </object> <div class='spip_doc_titre'><strong>Modifier la structure de son site</strong></div></div></center><h3 class="spip">But de ce module</h3> <p>Ce module vous permettra de décider dans un premier temps de l'architecture générale de votre site en effectuant un choix parmi plusieurs feuilles de style vous permettant de choisir :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un affichage à 2 ou 3 colonnes<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un menu de navigation placé à gauche ou à droite du contenu<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> les emplacements des différents blocs qui composent les pages (à droite, au centre, à gauche des pages)</p> <p>Les caractéristiques telles que les couleurs de fond, du texte, des bordures, les images de fond seront configurées dans les modules suivants.</p> <h3 class="spip">Description des feuilles de style proposées dans EVA-web 3</h3> <p><strong>Style par défaut</strong> :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de gauche contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa droite d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> textes et bordures gris sur fond blanc<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bordure utilisant des déclarations CSS <i>moz-border-radius</i> permettant d'arrondir les coins des bordures sous certains navigateurs</p> <p><strong>eva_style_100_pourcents.css</strong> :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> les pages utilisent 100 % de la largeur de la fenêtre du navigateur<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> colonne de gauche utilisant 25 % de la largeur de la fenêtre du navigateur, le contenu en utilise 71 %<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur autour du beige - marron - orange<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bordure utilisant des déclarations CSS <i>moz-border-radius</i> permettant d'arrondir les coins des bordures sous certains navigateurs</p> <p><strong>eva_style_3_colonnes.css</strong> :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> les pages utilisent 100 % de la largeur de la fenêtre du navigateur<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> les colonnes de gauche et droite utilisent 24 % chacune de la largeur de la fenêtre du navigateur, le contenu utilise 46 %<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur autour du beige - marron - orange<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bordure utilisant des déclarations CSS <i>moz-border-radius</i> permettant d'arrondir les coins des bordures sous certains navigateurs</p> <p><strong>eva_style_basic_menu_a_droite.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de droite contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa gauche d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur rouge sans bordure affichée</p> <p><strong>eva_style_basic_menu_a_gauche.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de gauche contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa droite d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur bleue sans bordure affichée</p> <p><strong>eva_style_images_de_fond.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de gauche contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa droite d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des bordures non arrondies<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> utilisation d'images de fond en dégradé</p> <p><strong>eva_style_menu_a_droite.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> largeur fixe<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de droite contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa gauche d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur vert-jaune-orange avec bordures<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bordure utilisant des déclarations CSS <i>moz-border-radius</i> permettant d'arrondir les coins des bordures sous certains navigateurs</p> <p><strong>eva_style_officielle.css</strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> feuille de style du site officiel d'EVA 3<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page constituée d'une colonne de gauche contenant le menu d'une largeur d'environ 200 pixelx et du contenu situé à sa droite d'une largeur d'environ 500 pixels pour une largeur totale de 750 pixels<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des bordures non arrondies<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> thème de couleur autour du bleu et du beige</p> <h3 class="spip">Le choix des emplacements des blocs</h3> <p>Vous pourrez choisir l'emplacement des blocs de contenu pour certaines pages de votre site en cliquant sur le petit triangle noir placé en fin de module (déplier/replier) pour les pages suivantes :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> page de sommaire<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> pages des rubriques<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> pages des articles<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> pages des brèves<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> pages des auteurs</p> <p>Le positionnement des blocs à droite devient possible uniquement lorsque vous choisissez la feuille de style en trois colonnes nommée <i>eva_style_3_colonnes.css</i> ou une feuille de style avec menu à droite.</p> <h3 class="spip">Le choix du nombre d'éléments dans chaque bloc</h3> <p>Cette partie vous permet de choisir le nombre exact d'éléments à afficher dans les pages de sommaire, des rubriques, des articles, des brèves et des auteurs.</p> <p>Par exemple, vous pouvez afficher les 7 derniers articles et les 3 dernières brèves publiées dans la page de sommaire ; puis choisir d'afficher les 4 dernières brèves et les 2 derniers sites référencés dans les pages des rubriques, etc...</p> <p>Il est possible d'afficher entre 0 et 20 éléments par bloc.</p> Module 2 : ajustement des paramètres graphiques http://www.evaweb.fr/spip.php?article24 <p>Ce module se compose de 5 formulaires vous permettant, dans l'ordre, d'effectuer les paramétrages suivants pour votre site :</p> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> choix des couleurs de fond des secteurs affichés, regroupés dans 19 paramètres configurables<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> choix des couleurs des polices de caractères utilisés dans les secteurs, regroupés dans 18 thèmes ; possibilités de choisir la famille de police utilisée pour le site<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> choix des couleurs des liens<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> choix des caractéristiques des bordures : couleur, épaisseur, style ; regroupées dans 9 thèmes<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> taille des secteurs du site : page, menu de gauche, menu de droite, contenu, hauteur du secteur d'entête<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un peu gadget, la position des boutons d'administration dans l'interface publique : il s'agit des boutons <i>"Espace privé"</i>, <i>"Recalculer cette page"</i> et <i>"Modifier..."</i> qui apparaissent dans l'espace public lorsque vous êtes identifiés et que vous avez accepté le cookie de correspondance de SPIP.</p> <p>Pour le choix des couleurs, une palette située en bas de module pourra vous aider à trouver certains codes hexadécimaux de couleurs.</p> <h3 class="spip">Évolutions avec EVA-web 4</h3><center><div class='spip_document_197 spip_documents'> <object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' width='465' height='454'> <param name='movie' value='http://spip.ac-rouen.fr/IMG/swf/Habillage_graphisme.swf' /> <param name="quality" value="high" /> <param name='page' value='podcast' /><param name='class' value='' /> <!--[if !IE]> <--> <object data="http://spip.ac-rouen.fr/IMG/swf/Habillage_graphisme.swf" width='465' height='454' type="application/x-shockwave-flash"> <param name="quality" value="high" /> <param name='page' value='podcast' /><param name='class' value='' /> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" /> </object> <!--> <![endif]--> </object> <div class='spip_doc_titre'><strong>Ajustement des paramètres graphiques d'un site utilisant EVA-web</strong></div></div></center><h3 class="spip">Attention à la syntaxe</h3> <p>Respectez scrupuleusement une bonne syntaxe !<br class='manualbr' />Dans le cas contraire, il est possible que vos paramètres de personnalisation soient intégralement ignorés par votre navigateur.</p> <p><strong>Pour les couleurs</strong></p> <p>Vous pouvez utiliser deux types de code de couleur :</p> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Rouge Vert Bleu Hexadécimal : exemple pour la couleur rouge : <strong> <i>#ff0000</i> </strong> (ou <strong> <i>#f00</i> </strong>)<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Nom de la couleur : exemple pour la couleur rouge : <strong> <i>red</i> </strong></p> <p>Il est aussi possible de laisser certains blocs transparents, ce qui permet de voir la couleur du bloc qui est situé à l'arrière, en choisissant la couleur <strong> <i>transparent</i> </strong>.</p> <p><strong>Pour les dimensions</strong></p> <p>Utilisez une des deux syntaxes suivantes :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> taille en pixels : exemple pour une taille de 150 pixels : <strong> <i>150px</i> </strong> (pas d'espace, pas de virgule ou autre symbole).<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> taille relative en pourcentage : exemple pour une taille de 12 pour-cents de la taille de la fenêtre du navigateur : <strong> <i>12%</i> </strong> (pas d'espace, pas de virgule ou autre symbole).</p> <p><strong>Pour le nom de la police de caractères</strong></p> <p>Vous pouvez soit écrire un nom de police, soit plusieurs noms de police séparés par une virgule. Exemples :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un nom de police : <strong> <i>georgia</i> </strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> plusieurs noms : <strong> <i>"Trebuchet MS", georgia, Arial</i> </strong> : si la police <strong> <i>"Trebuchet MS"</i> </strong> n'est pas installée sur l'ordinateur de la personne consultant le site, c'est <strong> <i>georgia</i> </strong> qui sera utilisée. De même, si la police <strong> <i>georgia</i> </strong> n'est pas installée sur l'ordinateur de la personne consultant le site, c'est <strong> <i>Arial</i> </strong> qui sera utilisée.</p> Sat, 14 Feb 2009 22:34:29 +0100 Olivier Gautier <p>Ce module se compose de 5 formulaires vous permettant, dans l'ordre, d'effectuer les paramétrages suivants pour votre site :</p> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> choix des couleurs de fond des secteurs affichés, regroupés dans 19 paramètres configurables<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> choix des couleurs des polices de caractères utilisés dans les secteurs, regroupés dans 18 thèmes ; possibilités de choisir la famille de police utilisée pour le site<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> choix des couleurs des liens<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> choix des caractéristiques des bordures : couleur, épaisseur, style ; regroupées dans 9 thèmes<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> taille des secteurs du site : page, menu de gauche, menu de droite, contenu, hauteur du secteur d'entête<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un peu gadget, la position des boutons d'administration dans l'interface publique : il s'agit des boutons <i>"Espace privé"</i>, <i>"Recalculer cette page"</i> et <i>"Modifier..."</i> qui apparaissent dans l'espace public lorsque vous êtes identifiés et que vous avez accepté le cookie de correspondance de SPIP.</p> <p>Pour le choix des couleurs, une palette située en bas de module pourra vous aider à trouver certains codes hexadécimaux de couleurs.</p> <h3 class="spip">Évolutions avec EVA-web 4</h3><center><div class='spip_document_197 spip_documents'> <object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' width='465' height='454'> <param name='movie' value='http://spip.ac-rouen.fr/IMG/swf/Habillage_graphisme.swf' /> <param name="quality" value="high" /> <param name='page' value='podcast' /><param name='class' value='' /> <!--[if !IE]> <--> <object data="http://spip.ac-rouen.fr/IMG/swf/Habillage_graphisme.swf" width='465' height='454' type="application/x-shockwave-flash"> <param name="quality" value="high" /> <param name='page' value='podcast' /><param name='class' value='' /> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" /> </object> <!--> <![endif]--> </object> <div class='spip_doc_titre'><strong>Ajustement des paramètres graphiques d'un site utilisant EVA-web</strong></div></div></center><h3 class="spip">Attention à la syntaxe</h3> <p>Respectez scrupuleusement une bonne syntaxe !<br class='manualbr' />Dans le cas contraire, il est possible que vos paramètres de personnalisation soient intégralement ignorés par votre navigateur.</p> <p><strong>Pour les couleurs</strong></p> <p>Vous pouvez utiliser deux types de code de couleur :</p> <p><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Rouge Vert Bleu Hexadécimal : exemple pour la couleur rouge : <strong> <i>#ff0000</i> </strong> (ou <strong> <i>#f00</i> </strong>)<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Nom de la couleur : exemple pour la couleur rouge : <strong> <i>red</i> </strong></p> <p>Il est aussi possible de laisser certains blocs transparents, ce qui permet de voir la couleur du bloc qui est situé à l'arrière, en choisissant la couleur <strong> <i>transparent</i> </strong>.</p> <p><strong>Pour les dimensions</strong></p> <p>Utilisez une des deux syntaxes suivantes :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> taille en pixels : exemple pour une taille de 150 pixels : <strong> <i>150px</i> </strong> (pas d'espace, pas de virgule ou autre symbole).<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> taille relative en pourcentage : exemple pour une taille de 12 pour-cents de la taille de la fenêtre du navigateur : <strong> <i>12%</i> </strong> (pas d'espace, pas de virgule ou autre symbole).</p> <p><strong>Pour le nom de la police de caractères</strong></p> <p>Vous pouvez soit écrire un nom de police, soit plusieurs noms de police séparés par une virgule. Exemples :<br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> un nom de police : <strong> <i>georgia</i> </strong><br /><img src="http://www.evaweb.fr/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> plusieurs noms : <strong> <i>"Trebuchet MS", georgia, Arial</i> </strong> : si la police <strong> <i>"Trebuchet MS"</i> </strong> n'est pas installée sur l'ordinateur de la personne consultant le site, c'est <strong> <i>georgia</i> </strong> qui sera utilisée. De même, si la police <strong> <i>georgia</i> </strong> n'est pas installée sur l'ordinateur de la personne consultant le site, c'est <strong> <i>Arial</i> </strong> qui sera utilisée.</p>