Historique

page charte graphique

Affichage de l'historique de la page sous forme de liste des sauvegardes successives.

Poids de la page : 23.796875 ko.

--------------------
03/01/06 08:03 / 82.248.210.177
--------------------
[accueil] | [aide] | [edition]
<h4>charte graphique</h4>
<h5>séparation du contenu et de l'affichage</h5>
<p>Un principe à respecter autant que possible dans la réalisation d'une site web, fût-il un wiki, est de séparer le contenu et l'affichage. Le contenu des pages est distribué dans des fichiers indépendants au format html (c'est à dire du texte balisé), ayant leur propre structure interne en général très simple (titres, paragraphes, listes + insertion d'images et de liens). Cette structure apparaît à l'édition de la page dans le wiki.</p>
<p>L'affichage résulte de la combinaison d'une structure (distribution de blocs d'information) et de règles de styles. La structure est définie dans un fichier <a href="template.html">HTML</a> ; un clic-droit dans la fenêtre conduit au code-source qu'il est possible de modifier assez simplement. Les règles de styles sont contenues dans un fichier <a href="styles.css">CSS</a> et peuvent être modifiées en corrdination avec le fichier HTML. Chacun peut donc modifier à sa guise son wiki, sans avoir à entrer dans le moteur PHP, heureusement !</p>
<h5>cohérence</h5>
<p>Dans une ferme wiki, chaque wiki peut être organisé comme bon lui semble, mais il est préférable de travailler sur la base d'une charte graphique commune afin d'éviter le chaos. Les règles de styles mises en place sont définies dans le fichier <a href="styles.css">CSS</a> ; les règles les plus utiles pour l'édition sont les suivantes en notant que pour la présentation, les balises sont encadrées de parenthèses et non des crochets classiques : </p>
<ul>
<li>la police (font) choisie pour le corps de la page (body) est Trebuchet MS, si elle est disponible, sinon Verdana, Helvetica ou Arial, et si aucune n'est disponible la police à batons (Sans-Serif) présente dans le système ; sa taille est de 80% de la taille par défaut définie dans le navigateur, la couleur est un rouge foncé (25%) donnant un effet sépia ;
<li>les paragraphes sont des portions de texte encadrées par la balise (p) et (/p) qui n'apportent aucune autre règle à celles définies dans le corps, mais ça pourrait changer et c'est une bonne habitude de le faire, en évitant autant que possible la balise (br) ;
<li>l'affichage des titres est défini dans les balises (h1 : head 1, en-tête de niveau 1), (h2), (h3), (h4), (h5) et (h6) en taille décroissante, la plus petite en italique ; en principe le titre d'une page doit être en cohérence avec son rang dans l'aborescence des pages : h1 pour la page <b>accueil</b>, h2 pour la page <b>aide</b>, h3 pour la page <b>edition</b> et h4 pour celle-ci <b>charte graphique</b> ; les sous-titres de la page sont en suivant jusqu'à h6, au delà on ne dispose plus de balises hx ;
<li>la couleur des liens dépend du contexte :
<ul>
<li>rouge vif quand le lien conduit à une page externe ou à une page interne existante,
<li>gris moyen (50%) quand le lien conduit à une page interne qui n'existe pas encore,
<li>rouge vif sur un fond gris moyen (50%) quand le lien est survolé par le curseur.
</ul>
<li>les puces des articles (li : list item) des listes non numérotées (ul : unordered list) sont des carrés rouge vif de 8 pixels ;
<li>les articles (li : list item) des listes numérotées (ol : ordered list) sont précédés d'un numéro attribué automatiquement ;
</ul>
<p>Dans la grande majorité des cas, il suffira de connaître les balises (p), (hx), (ul) ou (ol) et (li) pour structurer le texte ; les balises (b), (i), (u) pour marquer des portions en gras, italique ou souligné ; et les balises (a : anchor, ancre) et (img : image) pour créer des liens vers une page externe ou une image ; étant entendu que les liens vers des pages internes au wiki sont traitées par des crochets encadrant, cf [liens].</p>

--------------------
13/01/06 20:19 / 82.248.205.208
--------------------
[accueil] | [aide] | [edition]
<h4>charte graphique</h4>

<h5>séparation du contenu et de l'affichage</h5>
<p>Un principe à respecter autant que possible dans la réalisation d'une site web, fût-il un wiki, est de séparer le contenu et l'affichage. Le contenu des pages est distribué dans des fichiers indépendants au format html (c'est à dire du texte balisé), ayant leur propre structure interne en général très simple (titres, paragraphes, listes + insertion d'images et de liens). Cette structure apparaît à l'édition de la page dans le wiki.</p>
<p>L'affichage résulte de la combinaison d'une structure (distribution de blocs d'information) et de règles de styles. La structure est définie dans un fichier <a href="template.html">HTML</a> ; un clic-droit dans la fenêtre conduit au code-source qu'il est possible de modifier assez simplement. Les règles de styles sont contenues dans un fichier <a href="styles.css">CSS</a> et peuvent être modifiées en corrdination avec le fichier HTML. Chacun peut donc modifier à sa guise son wiki, sans avoir à entrer dans le moteur PHP, heureusement !</p>

<h5>cohérence</h5>
<p>Dans une ferme wiki, chaque wiki peut être organisé comme bon lui semble, mais il est préférable de travailler sur la base d'une charte graphique commune afin d'éviter le chaos. Les règles de styles mises en place sont définies dans le fichier <a href="styles.css">CSS</a> ; les règles les plus utiles pour l'édition sont les suivantes en notant que pour la présentation, les balises sont encadrées de parenthèses et non des crochets classiques : </p>
<ul>
<li>la police (font) choisie pour le corps de la page (body) est Trebuchet MS, si elle est disponible, sinon Verdana, Helvetica ou Arial, et si aucune n'est disponible la police à batons (Sans-Serif) présente dans le système ; sa taille est de 80% de la taille par défaut définie dans le navigateur, la couleur est un rouge foncé (25%) donnant un effet sépia ;
<li>les paragraphes sont des portions de texte encadrées par la balise (p) et (/p) qui n'apportent aucune autre règle à celles définies dans le corps, mais ça pourrait changer et c'est une bonne habitude de le faire, en évitant autant que possible la balise (br) ;
<li>l'affichage des titres est défini dans les balises (h1 : head 1, en-tête de niveau 1), (h2), (h3), (h4), (h5) et (h6) en taille décroissante, la plus petite en italique ; en principe le titre d'une page doit être en cohérence avec son rang dans l'aborescence des pages : h1 pour la page <b>accueil</b>, h2 pour la page <b>aide</b>, h3 pour la page <b>edition</b> et h4 pour celle-ci <b>charte graphique</b> ; les sous-titres de la page sont en suivant jusqu'à h6, au delà on ne dispose plus de balises hx ;
<li>la couleur des liens dépend du contexte :
<ul>
<li>rouge vif quand le lien conduit à une page externe ou à une page interne existante,
<li>gris moyen (50%) quand le lien conduit à une page interne qui n'existe pas encore,
<li>rouge vif sur un fond gris moyen (50%) quand le lien est survolé par le curseur.
</ul>
<li>les puces des articles (li : list item) des listes non numérotées (ul : unordered list) sont des carrés rouge vif de 8 pixels ;
<li>les articles (li : list item) des listes numérotées (ol : ordered list) sont précédés d'un numéro attribué automatiquement ;
</ul>
<p>Dans la grande majorité des cas, il suffira de connaître les balises (p), (hx), (ul) ou (ol) et (li) pour structurer le texte ; les balises (b), (i), (u) pour marquer des portions en gras, italique ou souligné ; et les balises (a : anchor, ancre) et (img : image) pour créer des liens vers une page externe ou une image ; étant entendu que les liens vers des pages internes au wiki sont traitées par des crochets encadrant, cf [liens].</p>

<h5>différence</h5>
<p>Pour l'instant tous les wikis de cette ferme ont une allure identique. Le <a href="../data/forest_light.jpg">fond</a>, par exemple, est le même. Rien n'interdit de les changer et de construire une identité sur des fonds associés à chaque grand groupe de wikis. Chacun est autorisé (et invité) à tester des solutions graphiques originales, un excellent exemple de ce genre d'exercice étant les étonnants <a href="http://www.csszengarden.com/" target="_blank">CSS ZEN GARDEN</a></p>

--------------------
13/01/06 20:30 / 82.248.205.208
--------------------
[accueil] | [aide] | [edition]
<h4>charte graphique</h4>

<h5>modularité</h5>
<p>La facilité à créer des liens internes à partir de mots-clé encadrés de crochets devrait inciter à découper l'information de façon modulaire et facilement maintenable (gérable), facile à lire sur un écran classique d'ordinateur. L'atome d'information ne doit être ni trop gros ni trop petit, l'accès doit pouvoir se faire rapidement et on ne doit pas être perdu au fin fond d'un dédale une fois cette information trouvée. L'avantage du wiki est qu'il n'existe aucune structure prédéfinie, il est possible de commencer "à l'estime" et de se lancer dans une distribution d'informations qui seront peut-être organisées en arborescence, créer des treillis à l'aide de liens horizontaux (ou obliques), et revenir sans cesse sur l'organisation jusqu'à plus soif ...<br>
Il y a certainement une réflection collective à faire sur ce sujet. </p>

--------------------
13/01/06 20:31 / 82.248.205.208
--------------------
[accueil] | [aide] | [edition]
<h4>charte graphique</h4>

<h5>modularité</h5>
<p>La facilité à créer des liens internes à partir de mots-clé encadrés de crochets devrait inciter à découper l'information de façon modulaire et facilement maintenable (gérable), facile à lire sur un écran classique d'ordinateur. L'atome d'information ne doit être ni trop gros ni trop petit, l'accès doit pouvoir se faire rapidement et on ne doit pas être perdu au fin fond d'un dédale une fois cette information trouvée. Une particularité du concept wiki est qu'il n'existe aucune structure prédéfinie, il est possible de commencer "à l'estime" et de se lancer dans une distribution d'informations qui seront peut-être organisées en arborescence, créer des treillis à l'aide de liens horizontaux (ou obliques), et revenir sans cesse sur l'organisation jusqu'à plus soif ...<br>
Il y a certainement une réflection collective à faire sur ce sujet. </p>

--------------------
06/04/06 22:00 / 84.6.78.118
--------------------
[accueil] | [aide] | [edition]
<h4>charte graphique</h4>

<h5>modularité</h5>
<p>La facilité à créer des liens internes à partir de mots-clé encadrés de crochets devrait inciter à découper l'information de façon modulaire et facilement maintenable (gérable), facile à lire sur un écran classique d'ordinateur. L'atome d'information ne doit être ni trop gros ni trop petit, l'accès doit pouvoir se faire rapidement et on ne doit pas être perdu au fin fond d'un dédale une fois cette information trouvée. Une particularité du concept wiki est qu'il n'existe aucune structure prédéfinie, il est possible de commencer "à l'estime" et de se lancer dans une distribution d'informations qui seront peut-être organisées en arborescence, créer des treillis à l'aide de liens horizontaux (ou obliques), et revenir sans cesse sur l'organisation jusqu'à plus soif ...<br>
Il y a certainement une réflexion collective à faire sur ce sujet. </p>