Affichage du code PML – 'pml/sources.pml' :

   1 <pml <%scripts>pmldoc.pss>

   2 §marine <span #style=color:#000080>

   3 #§chapitre <div #style=background:#c0ffff <h1.chap <*>>>

   4 #§sous_chapitre <h2>

   5 #§toc <h1 #1=chapitre,,toc1 #2=sous_chapitre,,toc2 <@Contents>>

   6 #§coché <p.liste <b ☑ ><*>>

   7 #§code <p.code>

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

   9 #§insécable <span+ #style=background:#80b0b0  >

  10 §table900 <table #style=width:900px>

  11 §td150 <td #style=width:150px>

  12 §td3c <td #colspan=3>

  13 §titre <p.centre #style=font-size:16pt;line-height:18pt <marine <arial <*>>>>

  14 §bu <b <u <*>>>

  15 §boutonsource <§ <td150  >

  16 ———›———›<td.bouton+gris #style=width:150px; <a.neutre #href=<pmlroot>source.pml?src=<*1>&lang=<lang> #target=_blank   <*1>  >>

  17 ———›———›<td150  >

  18 ———›———›>

  19 §séparation <p.centre <img #src=<pmlroot>images/bdbleue.gif>>

  20

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

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

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

  24 <title <@understand_PML>>

  25

  26 # Génération de classes pour boutons

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

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

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

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

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

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

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

  34

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

  36 ———›# Colonne de gauche avec menu

  37 ———›<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;

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

  39 ———›———›<espace>

  40 ———›———›# Ajout des boutons

  41 ———›———›<table.bouton

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

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

  44 ———›———›———›<tr #height=24px <td.bouton+cyan <a.neutre #<pmlroot>pml/index.pml   <@Presentation>  >>>

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

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

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

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

  49 ———›———›———›<trv>

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

  51 ———›———›———›<trv>

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

  53 ———›———›———›<trv>

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

  55 ———›———›———›>

  56 ———›———›>

  57 ———›# Affichage principal

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

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

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

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

  62 ———›———›———›>

  63 ———›———›<espace>

  64 ———›———›<version>

  65 ———›———›<espace>

  66 ———›———›<encadré

  67 ———›———›———›<p En sus du bouton disponible directement sur les pages où le code source est affichable, j’ai regroupé ci-dessous la totalité des pages (ou éléments importés) dont vous pouvez voir ledit code source, avec quelques commentaires utiles.>

  68 ———›———›———›<p <bu 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.>

  69 ———›———›———›>

  70 ———›———›<espace>

  71 ———›———›<table900 <tr <boutonsource #pml.pss><boutonsource #scripts/pmldoc.pss>>

  72 ———›———›———›<tr

  73 ———›———›———›———›<td3c

  74 ———›———›———›———›———›<titre Les métabalises communes à tout le site>

  75 ———›———›———›———›———›>

  76 ———›———›———›———›<td3c

  77 ———›———›———›———›———›<titre Les métabalises de la section PML>

  78 ———›———›———›———›———›>>

  79 ———›———›———›>

  80 ———›———›<séparation>

  81 ———›———›<table900 <tr <boutonsource #index.pml><boutonsource #404.pml>>

  82 ———›———›———›<tr

  83 ———›———›———›———›<td3c

  84 ———›———›———›———›———›<titre Page d’accueil du site>

  85 ———›———›———›———›———›<espace_demi>

  86 ———›———›———›———›———›<p.centre <b À voir :> Comment sont gérées les puces de la partie « Dernières mises à jour ».>

  87 ———›———›———›———›———›>

  88 ———›———›———›———›<td3c

  89 ———›———›———›———›———›<titre Page d’erreur>

  90 ———›———›———›———›———›<espace_demi>

  91 ———›———›———›———›———›<p.centre Une seule ligne avec usage de littéraux et d’une constante reçue en paramètre.>

  92 ———›———›———›———›———›>>

  93 ———›———›———›>

  94 ———›———›<séparation>

  95 ———›———›<table900 <tr <boutonsource #source.pml><boutonsource #pml/index.pml>>

  96 ———›———›———›<tr

  97 ———›———›———›———›<td3c

  98 ———›———›———›———›———›<titre Affichage d’un code source>

  99 ———›———›———›———›———›<espace_demi>

 100 ———›———›———›———›———›<p.centre <b À voir :> Utilisation des balises conditionnelles pour ne pas permettre n’importe quelle page.>

 101 ———›———›———›———›———›>

 102 ———›———›———›———›<td3c

 103 ———›———›———›———›———›<titre Page de présentation de PML>

 104 ———›———›———›———›———›<espace_demi>

 105 ———›———›———›———›———›<p.centre <b À voir :> Comment définir une balise pour paragraphe avec puce (<arial \<coché …\>>).>

 106 ———›———›———›———›———›>>

 107 ———›———›———›>

 108 ———›———›<séparation>

 109 ———›———›<table900 <tr <boutonsource #pml/pmldoc.pml><boutonsource #pml/pml.pml>>

 110 ———›———›———›<tr

 111 ———›———›———›———›<td3c

 112 ———›———›———›———›———›<titre Page d’affichage de la documentation>

 113 ———›———›———›———›———›<espace_demi>

 114 ———›———›———›———›———›<p.centre Un document maître et un corps de document importé, pour affichage navigateur.>

 115 ———›———›———›———›———›>

 116 ———›———›———›———›<td3c

 117 ———›———›———›———›———›<titre Documentation ePub>

 118 ———›———›———›———›———›<espace_demi>

 119 ———›———›———›———›———›<p.centre Un document maître et un corps de document importé, pour création ePub.>

 120 ———›———›———›———›———›>>

 121 ———›———›———›>

 122 ———›———›<séparation>

 123 ———›———›<table900 <tr <boutonsource #pml/pmldocimport.pml><boutonsource #pml/download.pml>>

 124 ———›———›———›<tr

 125 ———›———›———›———›<td3c

 126 ———›———›———›———›———›<titre Le corps de la documentation>

 127 ———›———›———›———›———›<espace_demi>

 128 ———›———›———›———›———›<p.centre <b À voir :> Comment définir un encadré, des chapitres, une liste, une balise spéciale code… et un sommaire automatique !>

 129 ———›———›———›———›———›<p.centre+p10 À noter que c’est ce même fichier qui est incorporé dans les deux documents maîtres ci-dessus. <img #http://www.blary.eu/frimousses/Rires/MDR13.gif>>

 130 ———›———›———›———›———›>

 131 ———›———›———›———›<td3c

 132 ———›———›———›———›———›<titre Page de téléchargement>

 133 ———›———›———›———›———›<espace_demi>

 134 ———›———›———›———›———›<p.centre <b À voir :> Insertion d’images et de liens.>

 135 ———›———›———›———›———›>>

 136 ———›———›———›>

 137 ———›———›<séparation>

 138 ———›———›<table900 <tr <boutonsource #pml/sources.pml><boutonsource #pml/contact.pml>>

 139 ———›———›———›<tr

 140 ———›———›———›———›<td3c

 141 ———›———›———›———›———›<titre La présente page>

 142 ———›———›———›———›———›<espace_demi>

 143 ———›———›———›———›———›<p.centre <b À voir :> Comment définir un encadré et prédéfinir les éléments d’un tableau avec des métabalises.>

 144 ———›———›———›———›———›>

 145 ———›———›———›———›<td3c

 146 ———›———›———›———›———›<titre Page contact>

 147 ———›———›———›———›———›<espace_demi>

 148 ———›———›———›———›———›<p.centre <b À voir :> Un formulaire de saisie avec usage de paramètres et constantes renseignées via des routines Python et des messages conditionnés par ces constantes.>

 149 ———›———›———›———›———›>>

 150 ———›———›———›>

 151 ———›———›<séparation>

 152 ———›———›<table900 <tr <boutonsource #cultureSF/lunatique/lunatique.pml><boutonsource #cultureSF/lunatique/lunatiquedetail.pml>>

 153 ———›———›———›<tr

 154 ———›———›———›———›<td3c

 155 ———›———›———›———›———›<titre Présentation du fanzine/magazine <i Lunatique>>

 156 ———›———›———›———›———›<espace_demi>

 157 ———›———›———›———›———›<p.centre <b À voir :> La définition de métabalises pour simplifier au maximum le tableau et les liens vers le détail par numéro.>

 158 ———›———›———›———›———›>

 159 ———›———›———›———›<td3c

 160 ———›———›———›———›———›<titre Affichage du détail d’un numéro de <i Lunatique>>

 161 ———›———›———›———›———›<espace_demi>

 162 ———›———›———›———›———›<p.centre <b À voir :> L’usage de conditions pour ne pas pointer vers des numéros inexistants, la définition de constantes via Python ainsi que le détail du sommaire (chargé et mis en forme par une routine Python depuis un fichier texte global).>

 163 ———›———›———›———›———›>>

 164 ———›———›———›>

 165 ———›———›<séparation>

 166 ———›———›<table900 <tr <boutonsource #cultureSF/DAS/DAS.pml><boutonsource #cultureSF/orion/orion.pml>>

 167 ———›———›———›<tr

 168 ———›———›———›———›<td3c

 169 ———›———›———›———›———›<titre Présentation de la série <i D.A.S.>>

 170 ———›———›———›———›———›<espace_demi>

 171 ———›———›———›———›———›<p.centre <b À voir :> La définition de métabalises pour simplifier le texte (éditions)et les liens vers les images et les pages Eons.>

 172 ———›———›———›———›———›>

 173 ———›———›———›———›<td3c

 174 ———›———›———›———›———›<titre Présentation de la série <i Orion>>

 175 ———›———›———›———›———›<espace_demi>

 176 ———›———›———›———›———›<p.centre <b À voir :> La définition de métabalises pour simplifier les tableaux listant les titres cycle par cycle.>

 177 ———›———›———›———›———›>>

 178 ———›———›———›>

 179 ———›———›<hr>

 180 ———›———›<p.centre+p10 © 2017 Jean-Luc-Blary>

 181 ———›———›>

 182 ———›>


© 2017 Jean-Luc-Blary