aide :: regles

<div style="display:none">%ouvert%</div>
[accueil] | [aide] | [edition]
<h4>des règles</h4>
<p>Donc il va falloir suivre des règles pour écrire dans le navigateur ? Ce n'est pas WYSIWYG ? Bonne nouvelle, il existe un moyen d'échapper à l'édition en mode texte pur enrichi à l'aide de balises du genre HTML : sans entrer dans les détails, il suffit d'écrire son texte dans son traitement de texte préféré (MSOffice-Word, OpenOffice-Writer,...), de l'enregistrer au format HTML, puis de le réouvrir en mode texte pur pour voir s'afficher les affreuses balises HTML, copier le tout en se bouchant le nez et coller dans l'éditeur du navigateur. Ca peut marcher, mais ... non ce n'est pas vraiment la bonne solution, sauf peut-être pour de long textes complexes, et dans ce cas il y a toujours la solution pdf.</p>
<p>Mauvaise nouvelle donc, dans un wiki <b>il faut écrire du texte pur, apporter les enrichissements en utilisant un système de balises</b>, et donc apprendre un vocabulaire et probablement une syntaxe, un véritable langage. Le langage natif du WEB est le HTML (Hyper Text Markup Language, langage à base de texte balisé et de liens), une sorte de langage de programmation heureusement très élémentaire et réellement accessible au commun des mortels.</p>
<h5>HTML no !</h5>
<p>La plupart des wikis tentent d'échapper à ce langage et proposent des codages en principe plus simples à utiliser que le HTML pour un ensemble réduit d'opérations jugées indispensables : mettre en gras, créer des titres, créer un lien, insérer une image,... Le problème est que chaque wiki a son propre système de codage différent des autres et que les possibilités d'enrichissements et de structurations sont vraiment limitées. De plus il n'est pas rare qu'on passe d'un wiki à un autre et, quand l'opération est possible, il n'est jamais agréable de devoir transposer ses informations de l'un à l'autre. Allez donc voir sur le site de <a href="http://fr.wikipedia.org/wiki/Wiki">Wikipedia</a>, visitez une page (par exemple en cherchant le mot-clé Le Corbusier), n'hésitez pas à cliquer sur le bouton "modifier", notez la façon dont les mises en gras ou en italique sont codées, les liens sont créés ; ce n'est pas évident et on peut se demander s'il vaut mieux, pour le mettre en gras, écrire '''Le Corbusier''' ou <b>Le Corbusier</b>, en suivant ainsi la syntaxe HTML.</p>
<h5>HTML now !</h5>
<p>Pour ces raisons, le choix fait dans ce wiki est de rester sur le langage universel HTML.  Un investissement limité dans l'apprentissage de quelques balises suffira pour la majorité des besoins, et la porte restera ouverte à celui qui voudra aller plus loin, moyennant un effort supplémentaire très raisonnable. De plus, on sera sur que les informations seront enregistrées dans un format universel, indépendant de tout système et pérenne.</p>
<p>Pour apprendre les règles qui ont été utilisées dans la rédaction de cette page, il suffit de l'éditer et de lire attentivement pour comprendre comment ont été traités les titres, les sous-titres, les paragraphes, les gras et les italiques. Seuls les liens vers des pages / mots-clés ne sont pas traités à la façon HTML, comme expliqué plus haut</p>
<h5>HTML how ?</h5>
<p>La partie la moins évidente du langage HTML, mais aussi la plus riche est l'écriture des liens ; liens vers d'autres pages, liens vers des images et autres sources multimedia. Dans ce qui suit, on montre quelques exemples de liens suivant le langage HTML ; éditez la page pour comprendre la syntaxe et constater que ce n'est pas vraiment compliqué. Et surtout on n'est jamais obligé de <i>faire</i> compliqué, tout comme dans un e-mail, on peut se contenter d'écrire du texte non formaté. Jouer tout de suite, et peaufiner plus tard des compositions plus complexes, des présentations plus sophistiquées !</p>
<h6>Exemples</h6>
<ol>
<li>insérer un lien vers un site externe : 
<hr>
<a href="http://www.claudiosilvestrin.com">claudio silvestrin</a>
<hr>
<li>insérer une image externe : 
<hr>
<img src="http://www.claudiosilvestrin.com/contact/portrait.jpg" width="150">
<hr>
<li>insérer une image interne (téléchargée dans le dossier "data") : 
<hr>
<img src="data/logo.jpg">
<hr>
<li>créer un diaporama "au survol" : analysez par exemple la page : <a href="../S8_archilegere/index.php?page=shigeru%20ban">shigeru ban</a>
<li>utiliser un javascript (auteur : Lokesh Dhakar - <a href="http://www.huddletogether.com" target="_blank">www.huddletogether.com</a>) améliorant considérablement l'affichage des images, cliquez donc sur celle qui suit et analysez le code source : 
<hr>
<a href="../alpha.beta/data/ladybug.jpg" rel="lightbox" title="ladybug"><img src="../alpha.beta/data/ladybug.jpg"></a>
<hr>
<li>insérer un site complet dans un cadre : 
<hr><iframe src="http://www.pixar.com" width="600" height="600"></iframe>
<hr>
<li>des sons et des videos également (attention à la taille !!!)
<hr>
<embed src="data/applause.wav" autostart="false" loop="true">
<hr>

<li>afficher/cacher un bloc en ligne
<hr>
<a href="javascript:montrer('bloc_en_ligne')">afficher/cacher :</a> 
<span class="note" id="bloc_en_ligne">Ceci est le bloc affiché ou caché ; qui peut contenir du texte, des images, à peu près tout ce qu'on veut.</span>
<hr>

<li>...
<li>...
<li>...

</ol>

annuler l'édition

modifié le : 04/06/06 21:30 ||| votre IP : 3.139.84.223 ||| date : 15/03/25|14:42 ||| cpu 1 ms

amwiki v.20060617