-----------------
| NPDS Hub-Blog |
-----------------
Le webmestre de ce site viens de vous autoriser &agrave; disposer d'un MiniSite.

NPDS vous propose donc un espace personnel qui peut servir :
 - au stockage de fichiers (format d&eacute;fini par le webmestre / par exemple : Word, Excel, ...),
 - &agrave; la r&eacute;alisation de mini-site web en html,
 - &agrave; la r&eacute;alisation de mini-site web utilisant des fonctions de NPDS.

                             --------- :: ---------

------------------
| MINI SITE HTML |
------------------
Pour g&eacute;rer votre MiniSite :
 - rendez-vous dans la gestion de compte sur ce site et cliquez sur l'option "G&eacute;rer votre MiniSite"
 - Un gestionnaire de fichier s'ouvre dans une fen&ecirc;tre compl&eacute;mentaire et vous permet :
   - de t&eacute;l&eacute;charger dans votre espace des fichiers issus de votre poste de travail,
   - de supprimer des fichiers,
   - de visualiser les documents ainsi stock&eacute;s.

Pour r&eacute;aliser un MiniSite HTML :
--------------------------------
 - la premi&egrave;re page de votre site doit obligatoirement s'appeler : index.html
 - cette page peut appeler d'autres pages via des liens

 => Les liens et images qui ne sont pas pr&eacute;fix&eacute;s par HTTP:// seront consid&eacute;r&eacute;s comme internes &agrave; votre MiniSite.

 => Attention : certaines fonctions sont interdites (javascript, DHTML ...) mais
    certaines fonctions de NPDS sont disponibles : Essayez d'incorporer dans votre page index.html : Bonjour, !whoim! et nous sommes le : !date!

    ==> Le META-LANG de NPDS est actif dans votre Minisite donc :
        - pour incorporer un header (ent&ecirc;te de page) identique pour toute vos pages (un look identique par exemple) :
          - !l_header! / le nom du fichier devant-&ecirc;tre : header.html

        - pour incorporer un footer (pied de page) identique pour toute vos pages (un look identique par exemple) :
          - !l_footer! / le nom du fichier devant-&ecirc;tre : footer.html

        - mais aussi de nombreuses autres possibilit&eacute; (CF doc en ligne de l'&eacute;diteur HTML)

                             --------- :: ---------

-------------------------
| MINI SITE HTML + BLOG |
-------------------------
NPDS vous offre une fonction encore plus puissante pour votre MiniSite : un syst&egrave;me de publication d'articles (un BLOG)

Pour activer cette fonction : rien de plus simple :
 - &agrave; l'endroit ou vous souhaitez que le BLOG se mette en place saisissez les META-MOTs comme indiqu&eacute; :
   !blog_page!5
   !blog!
   => soit 5 articles par page par exemple

   ou bien seulement :
   !blog!
   => par d&eacute;faut 4 articles par page

NPDS fera le reste !

---------------------------------------------------------------------------------------------------
Vous pouvez voir le r&eacute;sultat (et communiquer cette adresse &agrave; votre entourage) via le lien suivant :
=> http://www.lesite.org/minisite.php?op=votre-identifiant-NPDS

 Par exemple => http://www.npds.org/minisite.php?op=developpeur
---------------------------------------------------------------------------------------------------

                             --------- :: ---------

---------------------
E X T E N S I O N S :
---------------------

---------
LES CSS :
---------
Pour am&eacute;liorer le rendu graphique de votre BLOG, l'utilisation d'une CSS est optimum. NPDS &agrave; besoin de 4 tags pour ce faire :
 .BLOG_TITRE
 .BLOG_NEW
 .BLOG_TEXTBOX
 A.BLOG_LIEN pour les liens

s'ils existent dans votre CSS (qui peut se trouver dans header.html par exemple), NPDS les utilisera !

---------------------------
META-MOTs COMPLEMENTAIRES :
---------------------------
 !l_compteur!     / permet de g&eacute;rer un compteur du nombre de pages affich&eacute;es (le fichier de ce compteur se trouve dans votre espace personnel)
 !l_gestion!      / permet d'ins&eacute;rer un lien permettant d'appeler le gestionnaire de MiniSite
 !l_blog_ajouter! / SI vous avez activ&eacute; le BLOG, permet d'ins&eacute;rer un lien pour ajouter une New
 !l_new_pages!    / affiche les liens vers les pages de News ( 1 2 ... ) / ce Meta-mot peut se trouver aussi dans news-tpl.html

------------------
MODELE pour BLOG :
------------------
Pour am&eacute;liorer le rendu graphique de vos News dans le BLOG, vous pouvez d&eacute;cider ne ne pas utiliser la pr&eacute;sentation propos&eacute;e en standard :
 - le mod&egrave;le de pr&eacute;sentation doit obligatoirement s'appeler : news-tpl.html
 - il doit contenir du code HTML valide et 5 META-MOTs particuliers :
   !l_new_date!   / affiche la date de la New
   !l_new_titre!  / affiche le titre de la New
   !l_new_pages!  / affiche les liens vers les pages de News ( 1 2 ... ) / ce Meta-mot peut se trouver aussi dans index.html
   !l_new_texte!  / affiche le texte de la New
   !l_new_modif!  / affiche le lien permettant de modifier la New
   !l_new_suppr!  / affiche le lien permettant de supprimer la New

                             --------- :: ---------

-----------------
E X E M P L E S :
-----------------

index.html :
 !l_header!
 ceci est le corp de ma page en HTML
 ceci est une image locale : <img src=photo.gif>
 ceci est le lien sur ma page num&eacute;ro 2 : <a href=page2.html>La suite</a>
 !l_footer!

header.html :
 <html>
 <head>
 <style type="text/css">
 BODY {
   background: #efefef;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   color: #000000;
   font-weight: normal;
   margin: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;font-weight: normal;
 }
 </style>
 </head>
 <body>
  Bonjour, !whoim! et nous sommes le : !date!<br />
  <hr>

footer.html :
 <br />
 <font color=red>Pied de page de mon site</font>
 </body>
 </HTML>


-----------------------------
exemple de CSS pour un BLOG :
-----------------------------

<style type="text/css">
BODY {
background: #efefef;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #000000;
font-weight: normal;
margin: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;font-weight: normal;
}

A, A:VISITED, A:LINK, A:HOOVER, A:ACTIVE {
        color: #181818;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: bold;
}

.BLOG_TITRE {
        background-color: #BBC9E7;
        color: #282828;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
}

.BLOG_NEW {
        background-color: #AAC9E7;
        color: #282828;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: none;
}
.BLOG_TEXTBOX {
        font-family: Tahoma, Verdana, sans-serif;
        background-color: #FFFFFF;
        border-bottom: #000000 1px solid;
        border-left: #000000 1px solid;
        border-right: #000000 1px solid;
        border-top: #000000 1px solid;
        color: #45445B;
        font-size: 11px;
        width: 90%;
}
A.BLOG_LIEN, A.BLOG_LIEN:VISITED, A.BLOG_LIEN:LINK, A.BLOG_LIEN:HOOVER, A.BLOG_LIEN:ACTIVE {
        color: #282828;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: bold;
}
</style>