« FrankizII » : différence entre les versions
| Ligne 53 : | Ligne 53 : | ||
Le répertoire où on place les fichiers est: | Le répertoire où on place les fichiers est: | ||
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: | Le nom de la feuille de style principale est: | ||
style.css | style.css | ||
Pour commencer la création d'une nouvelle css, vous pouvez utiliser une ancienne CSS et la modifier. | |||
[http://www.w3schools.com/css/default.asp Documentation CSS] | |||
==Pages d'administration== | ==Pages d'administration== | ||
Version du 12 mai 2005 à 15:11
Présentation
Frankiz est le portail des élèves hébergé par Frankiz.
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 pour 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
Note: Actuellement les fichiers se trouvent dans htdocs/skins/pico/nom_de_la_css
Le nom de la feuille de style principale est:
style.css
Pour commencer la création d'une nouvelle css, vous pouvez utiliser une ancienne CSS et la modifier.
Pages d'administration
Structure des fichiers
Ajouter des modules
Retour : Accueil
