CHOC 02
graphisme généraliste, sites internet, programmation SPIP


la mécanique du web dynamiqueaide en ligne à la conception de site internet

internet regorge littéralement de références et d’explications sur lui-même... voici quelques liens marquants, notions particulières ou globales, environnement technique ou philosophique, glanés pour les nécessités de nos projets ou nos intérêts personnels...

... mais avant tout, une boussole SPIP s’impose :

... alors après ça, bon courage !

le contenu de cette page est construit directement avec les marques-pages de Firefox, ouvrez ici pour savoir comment

petit tutoriel sur le coin de l’écran

but : mettre en ligne automatiquement les marques-pages de Firefox et les rendre accessibles sur un site internet

notions et langages utilisés : HTML, CSS, XML, XSL, FTP, APACHE avec le fichier .htaccess

pour commencer, il faut avoir sous la main le navigateur Firefox (la dernière version à jour, c’est toujours mieux) et un peu d’espace sur un serveur à vous...

  • bon, alors on continue : Firefox à besoin d’un module complémentaire appelé Syncplaces, qui permet de sauvegarder sur un serveur ses marques-pages préférés : outils/modules complémentaires vous permet de rechercher, trouver et installer ce module...
  • après redémarrage vous pouvez paramétrez Syncplaces : marques-pages/Syncplaces/options vous ouvre l’interface de gestion, cliquez sur options pour le paramétrage proprement dit :
  • onglet serveur/connexion choisissez ftp, puis renseigner les informations de connexion (hôte ftp, login et mot de passe)
  • onglet serveur/synchronisation vous pouvez choisir XBEL et cocher le format HTML... et le tutoriel s’arrête là, c’est réussi...
  • mais si vous n’êtes pas satisfait du code html généré par Firefox, si vous voulez mettre vos styles et personnaliser un peu votre page... je vous conseille de continuer comme ceci : choisissez donc XBEL et indiquez le nom de votre future page, par exemple index.xml (sans cocher "envoyez la version HTML", c’est inutile)
  • onglet options vous trouverez peut-être des paramètres utiles pour vous...

à ce stade, si vous "envoyés les marques-pages", vous avez sur un serveur un fichier index.xml qui existe et qui est déjà consultable... pour le mettre en forme nous pouvons utiliser la solution XBEL2HTML :

  • reprenons dans cette idée : marques-pages/Syncplaces/options + options + onglet avancé/XBEL doit contenir le lien vers le modèle xsl qui structurera vos données xml :


<?xml-stylesheet type="text/xsl" href="xbel2html.xsl"?>

  • téléchargez le fichier xbel2html.xls et copiez-le sur votre serveur dans le même répertoire que vos marques-pages index.xml
  • grâce à Syncplaces, nous avons déjà placé dans index.xml l’instruction liant notre page à la feuille xbel2html.xls (<?xml-stylesheet type="text/xsl" href="xbel2html.xsl"?>)
  • tout est donc en place, vous pouvez modifier à volonté la feuille xbel2html.xls, y placer un lien vers une feuille de style pour séparer le contenu et la forme, ou modifier en profondeur le modèle de structure
  • tout est en place sauf que la page index.xml ne joue pas le rôle d’index et ne s’affiche pas automatiquement comme une page index.html... le fichier .htaccess peut vous permettre de choisir l’ordre de préférence et le format de la page index s’il contient cette ligne :


DirectoryIndex index.xml index.html index.php
(où les préférences s’exprime dans l’ordre d’écriture)

voilà... pas si compliqué ?


>>remonter

À l’usage des nouveaux propriétaires et des utilisateurs de sites web dynamiques, aux rédacteurs chevronnés ou qui le seront bientôt, qu’ils publient de manière frénétique ou sporadique mais sans trop savoir ce qu’ils font... voici quelques explications élémentaires sur le fonctionnement de leur outil, pour peut-être comprendre ce que vous raconte votre webmaster préféré ou votre hébergeur adoré, ou bien simplement pour savoir ce qu’on fait, c’est déjà pas rien.

À vrai dire vous pouvez très bien vous en passer et continuer à mettre à jour vos sites web... à lire seulement si ça vous tente !


mentions - Plan du site - SPIP -