Un éclairage pour mieux comprendre la structure CSS des squelettes Spip par défaut et pouvoir les personnaliser avec plus de facilité.
Vous pouvez en effet construire vos propres squelettes en modifiant les feuilles de style de Spip, sans nécessairement modifier les squelettes de départ en eux-mêmes.
Principales règles et méthodologie pour rendre un site conforme aux normes w3c
Pourquoi des normes ? Le consortium w3c est un organisme indépendant qui veille à l’évolution des standards Internet. Il réunit les principaux acteurs de l’Internet (entreprises, développeurs, usagers). Son but est de fabriquer les régles des langages et protocoles du web.
Ces règles techniques communes sont la garantie du fonctionnement technique du web mais aussi de son interopérabilité.
Pour chaque langage, (…)
Lorsque l’on saisit "information jeunesse internet" dans Google, le site du Bureau information Jeunesse de Brest arrive en cinquième position, et ce n’est pas un hasard.
Nous avions déjà relevé il y a quelque temps la démarche Internet originale du BIJ de Brest (voir l’article Un chouette site de BIJ). La rencontre de l’un de ses membres nous permet aujourd’hui de revenir sur cette démarche, qui n’est sans doute pas unique au sein du réseau Information Jeunesse.
Pierre-Yves (…)
Beespip vient de naître. C’est SPIP avec un plus non négligeable : un habillage graphique à la fois beau, simple et bien pensé au niveau ergonomique.
Les installateurs de sites SPIP se heurtaient jusqu’à présent à cette difficulté principale : la conception de squelettes html graphiques ou leur importation depuis un autre site. Certains trouveront donc leur compte avec Beespip.
Et outre ce grand intérêt, Beespip possède d’autres points forts…
Après plusieurs mois de travail, la dernière version du logiciel libre SPIP vient de sortir. Voici ses nouveautés et points forts.
Créer une rubrique ou une sous-rubrique
Il faut être "super administrateur" pour créer une nouvelle rubrique (un rédacteur ne le peut pas ; un "administrateur restreint" ne peut que créer une sous-rubrique dans une rubrique dans laquelle il possède des droits d’administration).
L’interface administrateur de SPIP permet de créer ou de modifier des rubriques directement par l’intermédiaire de son navigateur Web. Un "super administrateur" voit s’afficher une icone "Créer une (…)
Qu’y a t-il dans un squelette ?
Les "squelettes" html sont les patrons-types qui définissent le look de toutes les pages du site : pour les pages présentant les articles, il existe un squelette html nommé par défaut article.html, pour les pages présentant les rubriques, c’est rubrique.html, etc.
Les squelettes SPIP ne contiennent normalement que du code html et des boucles SPIP (et parfois du javascript). On peut donc, à condition de connaître leur emplacement dans un site, les afficher (…)
Voir aussi www.spip.net/fr_rubrique269.html
NB : ce chapitre ne traite pas de notions spécifiques à Spip. La gestion des feuilles de style par Spip est identique à celle qui est recommandée par le W3C (World Wide Web Consortium), exceptée sur deux points :
Spip génère automatiquement des balises html lors du traitement des balises Spip, et des styles CSS sont associés par défaut à ces balises html générées (voir ci-dessous "Les caractéristiques de style générées par SPIP"). Ces styles CSS (…)
Des jeunes qui fréquentent votre Point cyb vous ont demandé comment créer un blog ? Voici deux modèles de blogs "libres", inspirés de SPIP.
Dans un site construit avec SPIP, on trouve en général sur la page d’accueil une icône "administration" ou "espace privé" qui permet d’accéder à l’interface de gestion du site avec ses codes d’accès personnalisés (login - ou identifiant - et mot de passe) :
NB : les premiers codes d’accès créés le sont lors de l’installation de SPIP sur le serveur d’hébergement (voir l’article Installer SPIP sur un serveur distant). Ce sont ceux-là qui permettent au "premier" administrateur de pénétrer (…)
Le plugin "Formulaires" permet de créer dans un site Spip des formulaires (d’inscription, de sondage…) que l’on peut utiliser dans un ou plusieurs articles du site. Il permet également d’afficher en temps réel les résultats du sondage (s’il s’agit d’un sondage), ou de télécharger les réponses pour les traiter de façon plus approfondie à l’aide d’un tableur ou d’un programme de gestion de base de données.
Les outils dédiés à la création de photoblog sont nombreux, et la liste s’allonge régulièrement. On peut citer par exemple le très apprécié Pixelpost dont la simplicité d’utilisation a séduit bon nombre de photo-bloggeurs.
Pourtant, plusieurs fonctions de spip peuvent être utiles dans le cadre du photoblog. Un point cyb, un club photo ou encore un collectif de photographes pourra bénéficier de la gestion des auteurs, et la gestion des mots clés facilitera l’indexation et permettra de créer une petite photothèque personnelle.
Le site des contributeurs de Spip, www.spip-contrib.net, propose depuis 2003 une macro pour Word qui fonctionne encore très bien aujourd’hui. Elle répond à une question souvent posée par les rédacteurs d’un site Spip : "j’ai un document mis en page dans Word, dois-je refaire entièrement la mise en page pour Spip ?". Eh bien non, vous pouvez aisément transférer votre mise en page de Word à Spip. Une macro équivalente existe pour Writer, le traitement de texte de OpenOffice.
Deux ensembles de contenus inestimables viennent d’être publiés sous une licence libre sur le logiciel Spip servant à créer et animer des sites Internet :
GénérationCyb vous les propose en téléchargement dans cet article.
Voici, tirés de www.spip-contrib.net, des modèles de menus déroulants et dépliants pour votre site Spip, avec des liens menant vers les explications pour les mettre en oeuvre.
Nous vous rappelons qu’il reste quelques places dans le stage "Construire un site Spip de A à Z" qui se déroule entre le 8 septembre et le 15 décembre 2008 (au total, 7 jours en présentiel et 3 mois de travail collaboratif à distance). Pour s’inscrire : Construire un site Spip de A à Z.
Notre exemple se déroule chez l’hébergeur OVH, mais d’autres hébergeurs gratuits ou payants proposent également les mêmes services.
Nous disposons de trois méthodes possibles pour installer un site Spip :
Ce plugin enrichit le menu d’outils de mise en page dont on dispose pour la saisie d’articles et de brèves de nouveaux "raccourcis typographiques" pour construire des tableaux, des ancres nommées, gérer les images, etc.
L’expression "logiciel libre" est magique. Pour le néophyte, elle signifie "tout, tout de suite".
Non, avec SPIP, il faut accepter que "tout" et "tout de suite" soient incompatibles.
À défaut de casser cette illusion d’entrée de jeu, on peut tout à fait, en voulant bien faire, dégoûter son auditoire de SPIP et des logiciels libres…
Si vous animez des ateliers SPIP dans votre Point Cyb, ces quelques réflexions sont pour vous.
Gribouille est un squelette Spip (et devrait devenir un plugin un jour…) que l’on peut installer sur une rubrique de son site pour faire fonctionner celle-ci en mode wiki, c’est-à-dire permettre que ses contenus soient modifiés par des personnes autorisées (ou tout un chacun) sans nécessité de pénétrer dans l’interface de gestion de Spip.
Cet article peut faire suite à Exercice : installer un site Spip chez OVH pour qui veut créer son premier site Spip et lui apporter un habillage graphique sympathique.
Dans l’article précédent, nous avons décrit comment installer un site Spip "nu". Voyons ici comment lui ajouter des "squelettes" graphiques afin d’agrémenter sa présentation. Nous avons choisi dans notre exemple le jeu de squelettes Sandwater, libres et gratuits.
L’installation de SPIP chez un hébergeur se fait aisément, sans connaissances techniques particulières, en trois temps : création d’une base de données MySQL, installation des fichiers de SPIP sur votre serveur et mise en relation des fichiers SPIP ainsi installés avec la base de données MySQL, opération qui s’effectue très simplement, directement à travers n’importe quel navigateur Web.
Apache (prononcez "Apatchy" pour être dans le coup - "A patchy server" signifie "un serveur bricolé") est le serveur le plus utilisé au monde. C’est un logiciel libre, qui permet par exemple de construire et tester un site SPIP sur son propre ordinateur, sans hébergement extérieur. Installation.
Si vous vous précipitez sur cet article en pensant que cette question n’a pas de sens, vous avez bien raison. Joomla est un CMS (content managment system - système de gestion de contenu, bref un site Internet dynamique) libre qui répond à certains besoins, et SPIP à d’autres. L’un n’est donc pas meilleur que l’autre dans l’absolu.
Ainsi, si votre objectif est d’avoir un site dynamique avec un look correct le plus vite possible, choisissez Joomla.
Le but de cet article est d’apporter un éclairage sur des points forts et des limites comparés de ces deux CMS.
Le prochaine journées Spip à l’Injep a lieu le 11 juin 2008.
Coût : accès libre et gratuit sur inscription à jessic@injep.fr - prévoir seulement un chèque de 9,50 euros pour le déjeuner
Horaires : 9h30 à 16h30.
Lieu : salle informatique Lewis Carroll, sur le côté droit du château en haut du parc de l’Institut national de la jeunesse et de l’éducation populaire à Marly-le-Roi (pour l’accès depuis Paris, voir www.injep.fr/article.php3 ?id_article=440).
Pour infos et inscription : (…)
Sur la page d’accueil de www.generationcyb.net, figure depuis quelques semaines un cartouche signalant des événements et formations à venir, classés de façon chronologique.
Les événements signalés sont en réalité des articles auxquels on a associé une date de début d’événement, une date de fin d’événement et, au besoin, quelques informations complémentaires :
L’affichage automatique et dans l’ordre chronologique est géré par les deux plugins Agenda et Widget calendrier :
Dans le (…)
Le plugin Spip "accès restreint" gère, une fois installé sur votre site Spip, des rubriques intranet-extranet, c’est-à-dire des rubriques qui ne seront accessibles en lecture qu’aux visiteurs qui se seront identifiés avec succès.
Décidément, c’est contagieux ;-) Après Créatif il y a peu, le site de l’association Médias-Cité basée à Saint-Médard-en-Jalles en Aquitaine fait peau neuve grâce à SPIP.
SPIP 1-8b2 ne fait pas encore le café, mais presque. Passage en revue de quelques nouveautés de cette version en cours de test, que vous pouvez télécharger sur www.spip.net.
Voici l’ouvrage à emporter sur les plages : un manuel d’utilisation du logiciel libre de création et animation de sites Internet SPIP, dans sa dernière version (1.8). Il vient de paraître aux Editions Eyrolles et ses auteurs sont Vincent Caron et Yann Forgerit, développeurs et consultants en logiciels libres.
Sébastien est emploi-jeune à L’Escale et animateur-coordonnateur des deux cybers espaces qu’anime ce centre socio-culturel du quartier de la Robertsau, près du parlement européen à Strasbourg. Avec Marie, animatrice multimédia, il nous présente leurs activités et leurs projets.
Pour ceux qui n’ont pas encore vu l’intérieur d’un site SPIP-AGORA, voici quelques images de l’interface d’administration montrant des petits plus apportés par rapport à SPIP.
Objectifs de l’exercice :
On l’a déjà vu, SPIP a inventé un langage simplifié basé sur des « boucles », afin de vous éviter la programmation en php et MySql pure et dure. Pour créer vos propres squelettes (c’est-à-dire pour créer votre propre mise en page), il est inévitable de savoir comment créer des boucles. Et rien de tel pour apprendre à concevoir ses boucles que de partir d’exemples.
Entre un site SPIP et un site à architecture traditionnelle qui présente les mêmes contenus, il n’y a pas photo : le premier paraîtra plus vivant et suscitera des échanges que le second décourage. Si, bien sûr… il y a une réelle présence et une animation éditoriale derrière le site. Concrètement, voici comment cela peut se passer.
Pour SPIP, la vie est simple et est faite de boucles. La "boucle SPIP" est, avec la "balise", le "filtre SPIP" et le "critère", LA chose à comprendre pour faire ce que l’on veut avec ce logiciel libre qui permet de construire des sites Web interactifs. Tentative d’explication…
Accédez tout d’abord à « l’espace privé » de l’intranet (ou « interface administrateur ») en cliquant simplement sur l’icone « administration » de la page d’accueil du site, puis saisissez vos nom et mot de passe de connexion.
Sur la page d’accueil de l’espace privé, cliquez sur « Ecrire un nouvel article » (NB : ce qui suit se déroule dans « l’interface simplifiée » de l’espace privé ; lorsque vous aurez saisi et mis en ligne un ou deux articles, vous pourrez utiliser « l’interface (…)
A l’unité JESSI de l’INJEP parviennent des demandes de conseil liées à des projets Web. La dernière en date : la semaine passée : "Nous souhaitons d’une part repenser le site internet de la direction départementale et envisager la possibilité de le faire avec SPIP (dans l’idée que chaque conseiller pédagogique mette à jour et alimente la page concernant le dossier dont il a la responsabilité) et, d’autre part, imaginer un portail internet de la vie associative sur notre département (collaboratif et alimenté par les partenaires concernés). Que nous conseillez-vous ?".
Les versions 1.9 et 1.9.1 de Spip ont été rendues publiques les 1er juillet et 30 août 2006. Passage en revue des principales innovations.
Un Captcha est une forme de test permettant de différencier un utilisateur humain d’un ordinateur… qui, par exemple, voudrait noyer votre site sous un déluge de messages publicitaires. Un outil devenu vital pour les blogs et tous les sites qui donnent la parole aux internautes. Un nouveau plugin a été créé pour protéger ainsi les sites Spip : Captcha2.
Spip-squelettes est un logiciel libre qui permet de construire des squelettes pour un site Spip, ces fameux gabarits graphiques qui permettent de personnaliser le look et les fonctionnalités publiques de son site.
Spip-squelettes propose en particulier une aide à la construction des "boucles Spip", ce langage de programmation simplifiée inventé par Spip pour éviter d’avoir à coder du php.
le logiciel est téléchargeable (versions Windows, Linux et Mac) depuis (…)
Du 10 au 13 septembre 2007, quinze courageux stagiaires ont franchi la première étape d’un stage de trois mois que l’Institut national de la jeunesse et de l’éducation populaire propose pour la seconde année consécutive : Construire un site Spip de A à Z. Il faut dire qu’un pro de Spip les accompagne : Emmanuel Lamotte, développeur et webmaster indépendant, connu sous le pseudo d’Erational comme membre actif de la communauté Spip et créateur ou contributeur de plusieurs plugins.
Syndiquer un contenu, c’est en publier tout ou partie sur un autre site Web ou, à l’inverse, accueillir sur son site des (morceaux de) contenus provenant d’un autre (d’autres) site(s). Une opération automatisée, magique, que permet le Web et que ne permet pas le papier. Comment faire ? Tout le monde est-il gagnant à ce jeu ?
La contribution "Spip2spip" ("Spip to Spip" ; "de Spip à Spip") sert à proposer automatiquement un article sur un site B au moment où il est mis en ligne sur un site A.
Cet échange d’article automatisé fonctionne dans les deux sens : vous pouvez importer les articles d’un autre site se rapportant à une thématique donnée, et vous pouvez proposer à l’exportation vos articles rattachés à une thématique donnée.
Le site du BIJ de Brest sent bon l’air marin. Il est léger, "libre" et… tenu à jour régulièrement, ce qui n’est pas sans lien avec ce qui précède, puisque le choix d’utiliser des logiciels libres pour le construire et l’animer (SPIP, GIMP pour les images, OpenOffice pour les pdf) permet une grande souplesse et une grande réactivité.
Vous l’avez rêvé (et on l’attendait pour début 2004, mais mieux vaut tard que jamais)… le SIG (Service d’Information du Gouvernement) l’a fait pour vous ! Le SIG vient de rendre publics les codes du logiciel libre SPIP-AGORA, construit à partir de SPIP pour gérer des sites publics.
Le webzine (journal en ligne) de lycée, c’est l’apprentissage de l’expression écrite, du travail en commun, de l’usage des médias, de la création de pages Internet. C’est aussi une ouverture sur le monde et une porte ouverte sur la création. Et les Points Cyb dans tout ça ?
Mots-clés dans le même groupe
- newsletter
- Logiciels et contenus libres
- epn
- hardware
- software
- Cours
- PIM
- offre commerciale
- Public scolaire ou étudiant
- préparer son site web
- référencement
- Jeux
- Fracture numérique
- public en difficulté
- prospective
- Politiques publiques
- A l’étranger
- Collaboration - coopération
- Afrique
- image
- Atelier Flash
- Atelier GIMP
- Cyber usages
- standards W3C - accessibilité
- Supports d’ateliers
- Handicap
- Intergénérationnel
- Web 2.0
Generationcyb.net est motorisé par Spip 1.9.2c
associé à un squelette graphique Rizom
