SPIP-Contrib

SPIP-Contrib

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

273 Plugins, 191 contribs sur SPIP-Zone, 46 visiteurs en ce moment

Accueil du site > Squelettes > Tutoriaux pour squelettes > Mon premier squelette en vidéo

Mon premier squelette en vidéo

13 août 2007 – par Karim Belkacem – 19 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

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

Retour en haut de la page

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

  • Typographie avancée

    3 mars 2010 – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    « Typographie avancée » active automatiquement un grand nombre d’automatismes destinés à affiner la typographie des textes produits par SPIP. Nécessite PHP 5 au minimum. « Typographie avancée » est l’adaptation, pour SPIP, de la classe « PHP Typography », (...)

  • Plugin Convertisseur

    24 février 2008 – 15 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Convertit différents formats d’articles (wiki, docx, pdf, etc..). en format SPIP (texte avec les raccourcis typographiques SPIP)

  • Thèmes pour l’interface privée

    22 février 2010 – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un sélecteur d’interfaces graphiques pour l’espace privé de SPIP 2.1. Une petite collection d’interfaces est livrée avec le plugin. Ce plugin permet à chaque participant à l’espace privé de sélectionner sa propre interface graphique en fonction de ses (...)

  • Albums

    8 novembre 2011 – 29 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet d’afficher une ou plusieurs galeries d’images au fil du texte, dans les articles et ailleurs. Qui rédige un récit de voyage, par exemple, aimerait pouvoir illustrer son article de plusieurs petites séries de photos, une par jour. Or (...)

  • Navigation AJAX

    31 janvier – 17 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet de modifier automatiquement une parties des liens internes de manière à ce qu’ils ne déclenchent pas un chargement complet de la page cible, mais un chargement en AJAX de certains éléments spécifiés à l’avance. Il permet aussi de (...)