« FrankizII » : différence entre les versions

De WikiBR
Aucun résumé des modifications
 
(21 versions intermédiaires par 5 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Archive|FrankizII a été replacé par FrankizIII}}
{{menu Frankiz}}
==Présentation==
==Présentation==


Frankiz est le portail des élèves hébergé par [[Frankiz|Frankiz]].
Frankiz est le portail des élèves hébergé par [[Admin:Frankiz|Frankiz]] (privé).


Il a été recodé entièrement par les [[BR2002]] et [[BR2003]].
Il a été recodé entièrement par les [[BR2002]] et [[BR2003]].


Le site a été conçu pour être:
Le site a été conçu pour être:
; modulaire: La majorité des informations sont présentées sous forme de modules que l'utilisateur pour choisir d'afficher ou d'effacer.
; modulaire: La majorité des informations sont présentées sous forme de modules que l'utilisateur peut choisir d'afficher ou d'effacer.
; skinnable: La page est générée en XML avant d'être transformée au niveau du serveur par une feuille de style XSLT afin d'obtenir le format voulu ( HTML, WAP...) Puis le html est retravaillé au niveau du client par l'intermédiaire d'une feuille de style CSS.
; skinnable: La page est générée en XML avant d'être transformée au niveau du serveur par une feuille de style XSLT afin d'obtenir le format voulu ( HTML, WAP...) Puis le html est retravaillé au niveau du client par l'intermédiaire d'une feuille de style CSS.
; extensible: Il est facile de rajouter un module.
; extensible: Il est facile de rajouter un module.
Ligne 25 : Ligne 27 :


===Réalisation de skin XSLT===
===Réalisation de skin XSLT===
 
{{Attention| ne pas multiplier les skins XSL, une par langage de sortie suffit.}}
'''Attention à ne pas multiplier les skins XSL''', une par langage de sortie suffit.


Les templates XSLT se trouvent dans  
Les templates XSLT se trouvent dans  
Ligne 54 : Ligne 55 :
  htdocs/skins/xhtml/nom_de_la_css
  htdocs/skins/xhtml/nom_de_la_css


'''Note''': Actuellement les fichiers se trouvent dans ''htdocs/skins/'''pico'''/nom_de_la_css''


Le nom de la feuille de style principale est:
Pour commencer la création d'une nouvelle css, vous pouvez utiliser vous baser sur la CSS par défaut qui se trouve dans:
  style.css
  htdocs/skins/xhtml/default


Pour commencer la création d'une nouvelle css, vous pouvez utiliser une ancienne CSS et la modifier.
Une CSS doit contenir:
* un fichier <code>style.css</code> qui contient la feuille de style proprement dite.
* un fichier <code>description.txt</code> qui contient la description de la skin, qui apparaitra sur le site.


[http://www.w3schools.com/css/default.asp Documentation CSS]
[http://www.w3schools.com/css/default.asp Documentation CSS]


==Pages d'administration==
[[Catégorie:Frankiz]]
 
==Structure des fichiers==
 
==Ajouter des modules==
 
----
Retour : [[Accueil]]

Version actuelle datée du 12 avril 2013 à 23:18

Warning.png Article archivé.
FrankizII a été replacé par FrankizIII
Warning.png

Présentation

Frankiz est le portail des élèves hébergé par Frankiz (privé).

Il a été recodé entièrement par les BR2002 et BR2003.

Le site a été conçu pour être:

modulaire
La majorité des informations sont présentées sous forme de modules que l'utilisateur peut choisir d'afficher ou d'effacer.
skinnable
La page est générée en XML avant d'être transformée au niveau du serveur par une feuille de style XSLT afin d'obtenir le format voulu ( HTML, WAP...) Puis le html est retravaillé au niveau du client par l'intermédiaire d'une feuille de style CSS.
extensible
Il est facile de rajouter un module.


De plus, il contient une interface de gestion du site, des utilisateurs et d'administration du réseau.

Réalisation de skins

Frankiz a été conçu pour pouvoir être entièrement skinné. Ainsi toutes les pages php génèrent un code XML.

Il existe alors 2 catégories de skins:

  • les skins XSL, qui vont convertir le XML dans un autre langage: XHTML, WML, RSS, DocBook...
  • les skins CSS, qui vont mettre en forme le XHTML dans le navigateur.

Note: Initialement il était prévu de n'avoir qu'une seule XSLT par langage de sortie, mais pendant le développement, plusieurs XSLT générant du XHTML sont apparues, nous sommmes en train d'essayer de les fusionner. (05/2005)


Réalisation de skin XSLT

Warning.png Attention : ne pas multiplier les skins XSL, une par langage de sortie suffit.

Les templates XSLT se trouvent dans

htdocs/skins/nom_du_format_de_sortie/xsl

La template racine doit se nommer

skin.xsl

Structure de base d'un template xslt:

<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="xml" indent="yes" encoding="utf-8"
       doctype-public="-//W3C//DTD XHTML 1.1//EN"
       doctype-system="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"/>

... mon contenu ...

</xsl:stylesheet>

Documentation XSLT

TODO La DTD du XML Frankiz est à compléter :-(

Réalisation de skin CSS

Le répertoire où on place les fichiers est:

htdocs/skins/xhtml/nom_de_la_css


Pour commencer la création d'une nouvelle css, vous pouvez utiliser vous baser sur la CSS par défaut qui se trouve dans:

htdocs/skins/xhtml/default

Une CSS doit contenir:

  • un fichier style.css qui contient la feuille de style proprement dite.
  • un fichier description.txt qui contient la description de la skin, qui apparaitra sur le site.

Documentation CSS