SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 253 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

  • Tickets, suivi de bugs

    28 novembre 2008 – 44 commentaires

    Tickets est un outil de suivi de bugs directement intégré à l’espace privé de SPIP. Il est conçu pour faciliter la phase de développement du site (notamment les squelettes du site public). Tickets est un système simple de suivi de bugs directement (...)

  • Les crayons

    23 avril 2008 – 818 commentaires

    Ce plugin permet d’éditer les contenus sur les pages publiques du site, sans passer par l’espace privé de SPIP.

  • Agenda 2.0

    3 novembre 2008 – 1080 commentaires

    Voici la version pour SPIP 2.0 du Plugin Agenda pour SPIP 1.9.2, avec une interface remaniée pour encore plus de plaisir. Pour une documentation concernant l’utilisation d’Agenda 3 pour SPIP 3, veuillez pour l’instant vous référer à SPIP 3, Agenda (...)

  • Calendrier Mini 2.0

    19 mai 2012 – 237 commentaires

    Ce plugin ajoute la balise #CALENDRIER_MINI qui insère un petit widget de navigation par mois dans les dates des évènements. Fonctionnement du mini calendrier Le mini calendrier présente un mois à la fois. Les jours du mois comportant des (...)

  • ciag : plugin « Groupes d’auteurs »

    30 novembre 2011 – 17 commentaires

    Ce plugin facilite l’affectation des auteurs aux rubriques, via des groupes d’auteurs. Il offre également des vues globales des affectations de rubriques aux auteurs. Les objectifs de ce plugin Le premier objectif est de faciliter (...)