SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 83 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

  • ScolaSPIP 4

    19 janvier 2016 – 362 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Convertir un site SPIP 3 en utf-8 avec le plugin Grenier

    8 janvier 2014 – 23 commentaires

    SPIP 3 fonctionne nativement avec l’encodage universel unicode utf-8. Sur certains sites (par exemple sur une mise à jour), on peut avoir un site qui est resté en iso-latin ce qui n’est pas conseillé (source de bugs, d’incompatibilité, ...) . (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 10 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • Mailsubscribers

    16 janvier 2013 – 408 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes de (...)

  • Nouvelle version - Modération de modifications

    29 janvier 2012 – 49 commentaires

    Suite à une migration depuis SPIP-Agora, j’ai développé ce plugin permettant de reprendre la fonctionnalité « Nouvelle version » inexistente sur SPIP2 ni sur SPIP3 Ce plugin permet d’étendre le work-flow de -rédaction-publication d’un article au cas d’un (...)