« FrankizII » : différence entre les versions
Aucun résumé des modifications |
|||
(18 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 | ; 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.}} | |||
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 | ||
Pour commencer la création d'une nouvelle css, vous pouvez utiliser vous baser sur la CSS par défaut qui se trouve dans: | Pour commencer la création d'une nouvelle css, vous pouvez utiliser vous baser sur la CSS par défaut qui se trouve dans: | ||
Ligne 60 : | Ligne 60 : | ||
Une CSS doit contenir: | Une CSS doit contenir: | ||
* un fichier | * un fichier <code>style.css</code> qui contient la feuille de style proprement dite. | ||
* un fichier | * 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] | ||
[[Catégorie:Frankiz]] | |||
Version actuelle datée du 12 avril 2013 à 22:18
- Frankiz II
- Frankiz III
- Frankiz IV
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
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>
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.