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

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

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

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

Pour réaliser un MiniSite HTML :
--------------------------------
 - la premiè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éfixés par HTTP:// seront considérés comme internes à 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ête de page) identique pour toute vos pages (un look identique par exemple) :
          - !l_header! / le nom du fichier devant-ê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-être : footer.html

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

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

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

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

   ou bien seulement :
   !blog!
   => par défaut 4 articles par page

NPDS fera le reste !

---------------------------------------------------------------------------------------------------
Vous pouvez voir le résultat (et communiquer cette adresse à 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éliorer le rendu graphique de votre BLOG, l'utilisation d'une CSS est optimum. NPDS à 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érer un compteur du nombre de pages affichées (le fichier de ce compteur se trouve dans votre espace personnel)
 !l_gestion!      / permet d'insérer un lien permettant d'appeler le gestionnaire de MiniSite
 !l_blog_ajouter! / SI vous avez activé le BLOG, permet d'insé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éliorer le rendu graphique de vos News dans le BLOG, vous pouvez décider ne ne pas utiliser la présentation proposée en standard :
 - le modèle de pré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é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>
