Mon premier squelette en vidéo

Construire son premier squelette SPIP pas a pas en vidéo tout en CSS.

Tutoriaux en vidéo de la création et gestion du répertoire « squelettes », création de la nouvelle page d’accueil « sommaire.html » tout en CSS avec la gestion des filtres images, etc...

Une version zippée du dossier « squelettes » comprenant tous les fichiers qui ont été utilisés pour la réalisation de cet exercice est disponible avec cet article. Ce zip comprend :

Dossier « squelettes » :

  • sommaire.html
  • win_png.html
  • dossier css
  • dossier polices
  • dossier lang
  • dossier mes_images

Le logo du site est dans le répertoire mes_images/src/ et il se nomme « logo.png », le logo de l’article « Télécharger SPIP » qui est intégré dans la rubrique racine « 01. SPIP, Kesako ? » est aussi dans mes_images/src/ et se nomme « arton2670-a32a9.png »...

Dossier dump « mettre dans le dossier tmp » :

  • Squelettes_SPIP_20070808_001.xml

Le login et le password « administrateur » utilisés pour cette base sont :

  • login : admin
  • password : spipenvideo

Tutoriaux vidéos « en ligne » sur screencast-o-matic.com :

Attention le plug-in Java 1.5 ou Plus est requis pour visualiser les vidéos. Si vous ne savez si Java est installer sur votre machine pas vous pouvez tester votre configuration matérielle ici.

Pour importer la base de donnée dans votre espace privé de test, placé là d’abord dans tmp/dump/ de votre site spip et donné lui le nom pour l’importation dans votre espace privé « Squelettes_SPIP_20070808_001 ». Elle fait (39 457 octets).

Discussion

19 discussions

  • christophe

    Bonjour,
    Je trouve cet exemple super, je commence avec spip, j’ai installé le dossier « modele » pour voir a quoi ceci ressemblait. tt a fonctionné en travaillant avec easy php en local.

    Maintenant j’essaie de suivre le tuto pas à pas mais (j’ai supprimé tt le dossier modèle) et es le début lorsque je fais le lien dans le sommaire avec le fichier mon_style.css simplifié et ds lequel seuls des couleurs apparaissent pour la page je me retrouve avec le background du modèle essayé auparavant alors que rien dans mon css ne fait appel a l’image en question !!!
    le code source indique que le css utilisé est bien celui du modele alors que celui ci a ete supprimé !! dans mon répertoire local.
    j’ai bien vider le cache, essayer de recalculer la page mais rien n’y fait !!

    pouvez vous me dire à quoi et ce du. Merci

    Répondre à ce message

  • Un tuto de ouf vraiment un travail EXTRA chapeau avec ce tuto j’ai pu mieux comprendre le fonctionnement du spip Mercii Karim

    Répondre à ce message

  • juan tajon

    Il est vrai que ce travail manquait cruellement. Cependant, les débutants vont encore s’y perdre, du fait de l’utilisation de DreamWeaver CS3 dès la première vidéo. C’est dommage car il manque un véritable pas à pas. Merci quand même.

    Répondre à ce message

  • Merci pour cet exposé très clair !!

    Répondre à ce message

  • pas mal bravo.

    Répondre à ce message

  • ou est la base a telecharger

    je ne la trouve pas

    Répondre à ce message

  • bonjour
    où peut-on visionner la vidéo ?
    merci

    Répondre à ce message

  • Merci beaucoup pour ce tuto ! C’est de la balle. Pour ceux qui ne voient pas les vidéos, essayez sur un autre navigateur (ça marche pas sous firefox pour moi mais très bien sous safari).

    Répondre à ce message

  • Oui c’est vrais un super travail car moi spip je ne pigé rien de rien alors que là en quelque minute tout est plus claire.
    Michel brest

    Répondre à ce message

  • PhiloµKooL

    Ce serai une excellente initiative si on pouvait visionner les videos.... les liens du site ne fonctionnent pas et les videos en java débutent puis coupent apres 2-3 secondes....

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 19 août 2007