Articles taggés avec ‘template’

Popfly+Silverlight: potion magique pour créer des pages web et des mashups

Saturday 27 October 2007

Excellent, Popfly permet de manière relativement simple de créer des pages web et des mashups par drag & drop.

Popfly is the fun and easy way to build and share mashups, gadgets, and Web pages. It’s made up of online visual tools for building Web pages and mashups and a social network where you can host, share, rate, comment and even remix creations from other Popfly users.

Popfly is the fun and easy way to build and share mashups, gadgets, and Web pages. It’s made up of online visual tools for building Web pages and mashups and a social network where you can host, share, rate, comment and even remix creations from other Popfly users.

Source

Heuh… c’est bien la première fois que je parle d’un produit Microsoft… pourtant j’ai bien mangé à midi… Peut-être est-ce par ce que quand ils indiquent la compatibilité de Popfly avec les navigateurs, ils citent Firefox avant leur tracteur Internet Explorer? (Browser Support: Mozilla Firefox 2.0, Internet Explorer 6.0 or higher) ;)

Tags: , , , ,

Comment créer le même modèle que la base de données Modules and plugins de Moodle?

Thursday 31 May 2007

Oulala le titre… Bon, je m’explique: la plateforme de formation en ligne Moodle propose un outil base de données des plus sympathiques. On est encore loin d’une base de données car on se rapproche plus d’un outil de création de “tables” que véritablement de base données. Les bidouilleurs de base de données à la MySQL comprendront, les autres imagineront que cet outil permet de créer uniquement une feuille Excel et non pas plusieurs. On oublie donc d’utiliser cet outil si l’on désire créer des liens relationnels entre tables d’une même base de données.

Mais pour des applications simples, c’est un outil parfait, qui se rapproche de la logique de Filemaker et donc me rappelle ma jeunesse de programmeur de base de données sans le savoir puisque Filemaker a réussi à pondre un outil d’une simplicité étonnante. Même principe avec l’outil base de données de Moodle puisqu’il suffit de créer ses champs (nom, prénom, image, URL, etc.) et d’assigner un type à ces champs (texte, date, image, bouton radio, etc.) et de construire ses modèles d’affichage en “plaçant” à l’écran les champs créés. A la différence de Filemaker, ici, seuls trois types de modèles sont proposés:

  • le modèle affichage liste
  • le modèle affichage d’une entrée
  • le modèle permettant d’insérer une entrée

Mais bon on ne va pas se plaindre quand même. Le hic, c’est qu’il est difficile de créer un modèle d’affichage qui ressemble par exemple à cette base de données Moodle: Modules and plugins. J’ai trouvé sur cette page un lien pointant vers une discussion proposant le code permettant d’imiter ce modèle (d Chris Porter). On a un code pour le header, un code pour la partie centrale et un code pour le footer. Mais l’éditeur HTML de Moodle casse l’entrée de ce code en le réécrivant et surtout en en effaçant un peu. J’ai donc essayé d’exporter le modèle pour le retravailler avec un éditeur externe mais la réimportation ne marchait pas (impossible de dézippé mon travail…). Sûrement un bug passager moodlien… Dans une autre discussion, quelqu’un (Josep M. Fontana) semble rencontrer le même problème et s’en est sortir en répétant le code complet du tableau de présentation dans le header ainsi que dans la partie centrale. Pas très logique et cela ferait hurler un ayatollah des base de données, mais bon si ça marche, je m’en satisfait pour l’instant.

Voici donc mon code pour ceux qui ça intéresserait (il vous faudra adapter les noms de vos champs et rajouter des colonnes si nécessaires):

A placer dans “entête” (header):

<table class="modulesdata generaltable" align="center" border="1" cellpadding="5" width="90%">
<tr>
<th class="header" align="left" width="60%">Titre</th>
<th class="header" align="left" width="20%">Outil</th>
<th class="header" align="left" width="20%">Options</th>
</tr>
</table>

A placer dans “Fiche répétée”:

<table width="90%" cellpadding="5" border="1" align="center" class="modulesdata generaltable"> <tbody>
<tr>
<td width="60%"><a href="##MoreURL##">[[Titre]]</a>
</td>
<td width="20%">[[Outil]]
</td>
<td width="20%">##Edit## ##More## ##Delete## ##Approve##
</td>
</tr> </tbody>
</table>

Tags: , , , , , ,

Opensourcetemplates.org

Thursday 22 June 2006

Via Kesako: des templates de qualité pour des sites non commerciaux.

Opensourcetemplates.org propose des feuilles de style librement exploitables pour une utilisation personnelle ou dans un but non-commercial. A l’origine, le site a été développé pour offrir des maquettes de sites Web aux associations et organisations caritatives afin de leur épargner le coût d’un développement.

Source

Tags: , ,

Des templates valides avec Kits-Gratuits.net

Friday 5 May 2006

Des templates valides aux normes du W3C, de qualité professionnelle, gratuits, composés avec amour (j’en sais rien en fait) par des bénévoles motivés, ça existe? Oui, sur Kits-Gratuits.net. Pas étonnant avec un tel CV que cette nouvelle a été relayée par Standblog.

KG a pour vocation de vous aider à réaliser votre projet de site le plus facilement et dans les meilleures conditions possibles en vous proposant de nombreux kits-graphiques gratuits et de qualité professionnelle, valides aux nouvelles normes du W3C (vulgairement appelés templates). Dans cette perspective, un forum est mis à disposition pour répondre à vos diverses questions et vous aider dans la création de projet.

Source

Cette aventure est à suivre bien évidemment sur le blog de Kits-Gratuits.net.

Tags: , , , ,

Colored boxes - one method of building full CSS layouts

Saturday 28 August 2004

“How do you go about building a full CSS layout? Is there an overall method that can be used for any layout? This article explains one method of building a full CSS layout from start to finish. The method, based on positioning colored boxes and testing across a range of browsers, can be used to build a wide range of full-CSS layouts.”

Tags: ,

Positionnement header - 3 colonnes - footer

Saturday 28 August 2004

Explication détaillée pour réaliser une page contenant un affichage en 3 colonnes avec un header et un footer. Cela fonctionne sur IE et Mozilla et surtout si on modifie la taille du texte !

Tags: ,

CSS Templates

Saturday 28 August 2004

Intensivstation propose une liste déjà conséquente de templates CSS pouvant être utilisés pour son propre site.

L’interface est simple d’emploi, le design élégant, les codes propres et valides, que demander de plus?

Tags: ,