Showing as PML code – 'pml/index.pml' :

   1 <pml <%scripts>pmldoc.pss>

   2 §coché <p.liste <b ><*>>

   3 §code <p.code>

   4 §encadré <div #style=border:1px\ solid\ black;padding:5px>

   5

   6 <meta #name=keywords #content='''science-fiction, Lunatique, DAS, Orion, PML, Markup Language, HTML, ePub'''>

   7 <meta #name=author #content=Jean-Luc\ Blary>

   8 <link #rel=stylesheet #href=<pmlroot>pml/pmldoc.css #type=text/css>

   9 <title PML – <@home>>

  10

  11 # Génération de classes pour boutons

  12 <dégradé #bleu ##00e0ff ##004090>

  13 <dégradé #gris ##e0e0e0 ##808080>

  14 <dégradé #orange ##ffe000 ##ff8000>

  15 <dégradé #cyan ##00e0e0 ##008080>

  16 <dégradé #bordeaux ##c00000 ##600000>

  17 <dégradé #vert ##80ff80 ##009000>

  18 <dégradé #jaune ##ffff80 ##d0d000>

  19 <dégradé #violet ##ff50a0 ##800050>

  20 <dégradé #olive ##c0c000 ##606000>

  21

  22 <div #style=display:table;width:100%;height:100vh

  23 ———›# Colonne de gauche avec menu

  24 ———›<div #style=min-width:200px;display:table-cell;background:#e0e0e0;border-right:2px\ solid\ grey;padding-top:10px;background-image:url(<pmlroot>index_fond.jpg);background-attachment:scroll;background-position:top\ left;background-repeat:repeat;

  25 ———›———›<p.centre <img #<pmlroot>images/pml225.png #style=width:190px>>

  26 ———›———›<espace>

  27 ———›———›<p.centre <a.neutre #<pmlroot>pml/index.pml?lang=fr <img #<pmlroot>images/drapeaux/fr.png #width=30px #title=<@langFrench>>>

  28 ———›———›———›   <a.neutre #<pmlroot>pml/index.pml?lang=en <img #<pmlroot>images/drapeaux/en.png #width=30px #title=<@langEnglish>>>

  29 ———›———›———›   <a.neutre #<pmlroot>pml/index.pml?lang=eo <img #<pmlroot>images/drapeaux/eo.png #width=30px #title=<@langEsperanto>>>

  30 ———›———›———›>

  31 ———›———›<espace>

  32 ———›———›# Ajout des boutons

  33 ———›———›<table.bouton

  34 ———›———›———›<tr #height=24px <td.bouton+orange <a.neutre #<pmlroot>index.pml   <@home>  >>>

  35 ———›———›———›<trv>

  36 ———›———›———›<tr #height=24px <td.bouton+bleu <a.neutre #<pmlroot>pml/pmldoc.pml <blanc   <@Documentation>  >>>>

  37 ———›———›———›<trv>

  38 ———›———›———›<tr #height=24px <td.bouton+bordeaux <a.neutre #<pmlroot>pml/download.pml <blanc   <@Downloading>  >>>>

  39 ———›———›———›<trv>

  40 ———›———›———›<tr #height=24px <td.bouton+violet <a.neutre #<pmlroot>pml/changelog.pml #target=_blank <blanc   Changelog  >>>>

  41 ———›———›———›<trv>

  42 ———›———›———›<tr #height=24px <td.bouton+vert <a.neutre #<pmlroot>pml/sources.pml   <@understand_PML>  >>>

  43 ———›———›———›<trv>

  44 ———›———›———›<tr #height=24px <td.bouton+gris <a.neutre #<pmlroot>source.pml?src=<document>&lang=<lang> #target=_blank   <@show_PML_code>  >>>

  45 ———›———›———›<trv>

  46 ———›———›———›<tr #height=24px <td.bouton+olive <a.neutre #<pmlroot>pml/pymyadmin.pml   PyMyAdmin  >>>

  47 ———›———›———›<trv>

  48 ———›———›———›<tr #height=24px <td.bouton+jaune <a.neutre #<pmlroot>pml/contact.pml   <@contact>  >>>

  49 ———›———›———›>

  50 ———›———›>

  51 ———›# Affichage principal

  52 ———›<div #style=display:table-cell;padding-left:10px;padding-right:10px;vertical-align:top;

  53 ———›———›<div #style=background-image:url(<pmlroot>index_fond.jpg);background-attachment:scroll;background-position:top\ left;background-repeat:repeat;

  54 ———›———›———›<p.arial+centre #style=font-size:50px;line-height:60px <b <pm <vert P>ersonnalisable <vert M>arkup <vert L>anguage>>>

  55 ———›———›———›<p.arial+centre #style=font-size:40px;line-height:40px <b <pm <@Presentation>>>>

  56 ———›———›———›>

  57 ———›———›<espace>

  58 ———›———›<version>

  59 ———›———›<incl lang≠fr <br>>

  60 ———›———›<p.centre <pm <i+ <@ <@.fr  >

  61 ———›———›———›———›———›———›<@.en (Translation in progress.)>

  62 ———›———›———›———›———›———›<@.eo (Tradukado en progreso.)>

  63 ———›———›———›———›———›———›>>>>

  64 ———›———›<espace_demi>

  65 ———›———›<h2 <@ <@.fr Pourquoi PML ?><@.en Why PML?><@.eo Kial PML ?>>>

  66 ———›———›<p <@

  67 ———›———›———›———›<@.fr PML est né de l’idée qu’on pouvait à la fois rendre les documents HTML plus simples, plus lisibles et plus puissants.>

  68 ———›———›———›———›<@.en PML was born from the idea that we could make HTML documents easier, more readable and more powerful.>

  69 ———›———›———›———›<@.eo PML naskiĝis de la ideo, ke vi povus fari HTML-dokumentojn pli facila, pli legebla kaj pli potenca.>>>

  70 ———›———›<coché <@

  71 ———›———›———›———›<@.fr Plus simples, parce qu’en remplaçant le système de balises ouvrantes et fermantes par des balises englobantes, on réduit l’encombrement de celles-ci.>

  72 ———›———›———›———›<@.en Easier, because replacing the system of opening and closing tags with bounding tags, we reduce the congestion of them.>

  73 ———›———›———›———›<@.eo Pli facila, ĉar anstataŭiganta la sistemon malfermi kaj fermi etikedojn kun ligitaj etikedoj, ni reduktas la kongestadon de ili.>>>

  74 ———›———›<coché <@

  75 ———›———›———›———›<@.fr Plus lisibles, parce que grâce à la réduction de l’encombrement des balises et à un système de métabalises, on se rapproche du texte natif.>

  76 ———›———›———›———›<@.en More readable, because thanks to the reduction of the clutter of tags and a system of metatags, we are getting closer to the native text.>

  77 ———›———›———›———›<@.eo Pli legebla, ĉar danke al la redukto de la malordo de etikedoj kaj sistemo de metaetikedojs, ni pli proksimiĝas al la denaska teksto.>>>

  78 ———›———›<coché <@

  79 ———›———›———›———›<@.fr Plus puissants, parce qu’on peut, grâce aux métabalises, utiliser des commandes plus courtes qui en font davantage.>

  80 ———›———›———›———›<@.en More powerful, because you can, thanks to metatags, use shorter commands that do more.>

  81 ———›———›———›———›<@.eo Pli potenca, ĉar vi povas, danke al etikedoj, uzu pli mallongajn ordonojn, kiuj faras pli.>>>

  82 ———›———›<espace>

  83 ———›———›<p <@

  84 ———›———›———›———›<@.fr Tout fichier HTML est directement convertible en PML et vice-versa.>

  85 ———›———›———›———›<@.en Any HTML file is directly convertible into PML and vice versa.>

  86 ———›———›———›———›<@.eo Ajna HTML-dosiero estas rekte konvertebla en PML kaj viceversa.>>>

  87

  88 ———›———›<h2 <@ <@.fr Principe><@.en Principle><@.eo Principo>>>

  89 ———›———›<p <@

  90 ———›———›———›———›<@.fr Le principe de base de PML consiste à remplacer le groupe>

  91 ———›———›———›———›<@.en The basic principle of PML is to replace the group>

  92 ———›———›———›———›<@.eo La baza principo de PML estas anstataŭigi la grupon>>>

  93 ———›———›<@

  94 ———›———›———›<@.fr <code \<balise\>texte\</balise\>>

  95 ———›———›———›———›<p par>

  96 ———›———›———›———›<code \<balise texte\>>>

  97 ———›———›———›<@.en <code \<tag\>text\</tag\>>

  98 ———›———›———›———›<p by>

  99 ———›———›———›———›<code \<tag text\>>>

 100 ———›———›———›<@.eo <code \<etikedo\>teksto\</etikedo\>>

 101 ———›———›———›———›<p per>

 102 ———›———›———›———›<code \<etikedo teksto\>>>>

 103 ———›———›<p <@

 104 ———›———›———›———›<@.fr le texte pouvant lui-même contenir des balises.>

 105 ———›———›———›———›<@.en the text can itself contain tags.>

 106 ———›———›———›———›<@.eo la teksto povas enhavi etikedojn.>>>

 107 ———›———›<espace_demi>

 108 ———›———›<p <u <@ <@.fr Exemple :><@.en Example:><@.eo Ekzemple :>>>>

 109 ———›———›<p <@

 110 ———›———›———›———›<@.fr Pour afficher « Chapitre 1<er> », il faut coder en HTML :>

 111 ———›———›———›———›<@.en To display “Chapter 1<st>”, you must code in HTML:>

 112 ———›———›———›———›<@.eo Por montri « Ĉapitro 1<sup a> », vi devas kodon en HTML :>>>

 113 ———›———›<code \<h1\>Chapitre 1\<sup\>er\<sup\>\</h1\>>

 114 ———›———›<p En PML de base, on peut déjà écrire plus lisiblement :>

 115 ———›———›<code \<h1 Chapitre 1\<sup er\>\>>

 116 ———›———›<p Mieux ! Grâce aux métabalises, en définissant une métabalise <arialb chapitre> et une métabalise <arialb er>, ça peut devenir :>

 117 ———›———›<code \<chapitre 1\<er\>\>>

 118 ———›———›<p Difficile de faire plus court et plus lisible, non ?>

 119 ———›———›<espace_demi>

 120 ———›———›<p PML dispose de fonctionnalités très puissantes :>

 121 ———›———›<p.liste définition de constantes, pour éviter de répéter des mots ou des bouts de texte plusieurs fois dans un document ou dans un ensemble de pages ;>

 122 ———›———›<p.liste usage de littéraux, stockés dans des fichiers de langue (selon le principal standard des outils multilingues) pour un affichage tenant compte automatiquement de la langue courante ou définie ;>

 123 ———›———›<p.liste possibilité de définir des textes dans diverses langues directement dans le corps du document, là aussi pour un affichage tenant compte automatiquement de la langue courante ou définie ;>

 124 ———›———›<p.liste appel de routines en Python pour des affichages dynamiques ou paramétrés (ex. avec une base de données). ;>

 125 ———›———›<p.liste Lignes ou blocs conditionnés par la présence ou la valeur d’une ou plusieurs constantes, pour un affichage personnalisé.>

 126 ———›———›<p.liste etc.>

 127 ———›———›<p et tout ça rien qu’avec des balises !>

 128

 129 ———›———›<h2 <@ <@.fr Utilisation pratique><@.en Practical use><@.eo Praktika uzo>>>

 130 ———›———›<p PML a été développé aussi bien pour créer des pages HTML utilisables n’mporte où que pour créer des ePub ou même pour gérer des sites Internet complets (grâce à une interface permettant d’appeler directement des pages PML depuis un navigateur, aussi simplement que si c’était du HTML, du PHP ou autre…)>

 131 ———›———›<p L’un des utilitaires permet également de convertir un fichier HTML ou un ePub en un document PML.>

 132

 133 ———›———›<h2 <@ <@.fr Pour aller plus loin…><@.en For further…><@.eo Iri plu…>>>

 134 ———›———›<p.liste Vous pouvez consulter la documentation en ligne en cliquant sur <arialb <@Documentation>>>

 135 ———›———›<p.liste Vous pouvez télécharger les différents modules et tester vous-même (<arialb <@Downloading>>), y compris la documentation sous forme d’ePub.>

 136 ———›———›<p.liste Vous pouvez même regarder le code source de toute page de ce site en cliquant sur le bouton <arialb <@understand_PML>> présent sur ladite page.>

 137 ———›———›<espace>

 138 ———›———›<encadré

 139 ———›———›———›<p.centre Pour afficher le code source de la présente page, cliquez ici :>

 140 ———›———›———›<table <tr <td.bouton+gris <a.neutre #<pmlroot>source.pml?src=<document>&lang=<lang> #target=_blank   <@show_PML_code>  >>>>

 141 ———›———›———›<espace_demi>

 142 ———›———›———›<p <u <b Note :>> Le code source des différentes pages est volontairement non optimisé (càd styles et métabalises directement sur la page au lieu d’être dans des .css et .pss) afin de mieux montrer la simplicité de mise en œuvre.>

 143 ———›———›———›>

 144 ———›———›#Pied de page

 145 ———›———›<hr>

 146 ———›———›<p.centre+p10 © 2017,2018 Jean-Luc-Blary>

 147 ———›———›>

 148 ———›>

 149


© 2017 Jean-Luc-Blary