SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 241 visiteurs en ce moment

Accueil > Squelettes > Tutoriels pour squelettes > Mon premier squelette en vidéo

Mon premier squelette en vidéo

13 août 2007 – par Karim Belkacem – 19 commentaires

9 votes

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.

Voir en ligne : Résultat de l’exercice en ligne

P.-S.

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).

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

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 23 octobre 2010 à 20:46, par christophe En réponse à : Mon premier squelette en vidéo

    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

  • Le 10 février 2010 à 00:55, par Emyspip En réponse à : Mon premier squelette en vidéo

    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

  • Le 23 juin 2009 à 09:38, par juan tajon En réponse à : Mon premier squelette en vidéo

    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

  • Le 22 juin 2009 à 18:39, par ? En réponse à : Mon premier squelette en vidéo

    Merci pour cet exposé très clair !!

    Répondre à ce message

  • Le 19 juin 2009 à 19:32, par rudy En réponse à : Mon premier squelette en vidéo

    pas mal bravo.

    Répondre à ce message

  • Le 15 avril 2009 à 03:16, par ? En réponse à : Mon premier squelette en vidéo

    ou est la base a telecharger

    je ne la trouve pas

    Répondre à ce message

  • Le 25 janvier 2009 à 23:23, par ? En réponse à : Mon premier squelette en vidéo

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

    Répondre à ce message

  • Le 14 janvier 2009 à 23:22, par David En réponse à : Mon premier squelette en vidéo

    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

  • Le 2 octobre 2008 à 16:08, par ? En réponse à : Mon premier squelette en vidéo

    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

  • Le 19 mai 2008 à 11:30, par PhiloµKooL En réponse à : les videos ne fonctionnent pas...

    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

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Adaptive Images

    15 novembre 2013 – 69 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Social tags

    8 septembre 2008 – 428 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • Module de Paiement Stripe

    17 octobre – commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

  • Métas

    8 août 2009 – 50 commentaires

    Ce petit plugin permet l’ajout, depuis l’espace privé, de metatags aux articles et rubriques de SPIP, ainsi que la mise en exergue de mots importants.

Ça spipe par là