Artifact bef8089616638f81a9b2aca579977571815c0de6:

Wiki page [Documentation_site web] by spipfactory on 2020-12-01 21:05:57.
D 2020-12-01T20:05:57.423
L Documentation_site\sweb
N text/x-markdown
P 3d542b97c95eb8c2309795a97ba127da9e79eb95
U spipfactory
W 8963
**Page en cours d'écriture** par spipfactory

> Quand on parle de site web , c'est la partie visible pour les internautes, accessible via votre nom de domaine.

_Exemple :_ : https://garradin.eu/

![l'interface public du site Garradin](https://mk0independanti6lhsy.kinstacdn.com/wp-content/uploads/garradin-fonctionnalite%CC%81s.png "Trop de la balle Garradin !")

et Garradin nous dit que pour le Web on a :

1. [**Wiki intégré**](https://fossil.kd2.org/garradin/wiki?name=Documentation_wiki)
2. **Prise de notes en réunion** (suffit d'ouvrir une page)
3. [**Compatible SPIP**](https://fossil.kd2.org/garradin/wiki?name=Squelettes)
4. **Édition collaborative** (_Le droit d’écrire, de modifié ou de consulter les pages sont définis à partir de la catégorie de membres auquel appartient un adhérent_)
5. **Protection de pages par mot de passe** (_ Chiffrer le contenu de votre page (facultatif), sachez que le mot de passe n'est ni transmis ni enregistré, vous seul le connaissez, il n'est pas possible de retrouver le contenu si vous l'oubliez._)
---------------------------------------------------------------

#### C'est dans l'interface Wiki que vous allez créer une page :
![creer](https://fossil.kd2.org/garradin/raw/a4bc963d93b97a82d7032c76c603222d36888378?m=image/png)

##### Personnaliser l'affichage privé / public  et pour qui sera t'elle visible

--------------------
#####  l'affichage de création de page  se décompose de partie distinct.

* Le menu du haut qui permet de :
1. Créer une nouvelle page
2. Éditer
3. Historique
4. Supprimer
* Un fil d'arianne pour savoir ou l'on se situe dans l'arborescence
* un boite "Dans cette rubrique" listant ce qu'elle contient.
* l'article lui même
* un pied de page affichant la date de la dernière modification et par qui
-------------------

###### Créer une nouvelle page

![Créer une nouvelle page](une image)

=> Titre de votre nouvelle page obligatoire 

=> Valider en cliquant sur "créer une nouvelle page" 

=> Vous arrivez sur la page d'édition
Celle-ci composer de :

* Édition avec son menu

* Informations générales ( Ou vous pouvez modifié)
 * Titre
 * Adresse unique
 * l'endroit ou vous souhaiter inclure votre page (Cette page est une sous-rubrique de...)
 * Date
    
* **Droits d'accès**
(<span style="color: #FF0000">permet de définir et de gérer des zones de l’espace public ou privé en accès restreint</span>,_C'est l'équivalent du plugin spip "Acces Restreint"_)

> C'est ici que l'on défini si Cette page est visible :

 * Sur le site de l'association
_cette page apparaîtra sur le site public de l'association, accessible à tous les visiteurs_

   * Sur le wiki uniquement
_seuls les membres ayant accès au wiki pourront la voir_

   * Aux membres de ma catégorie
_seuls les membres de la même catégorie que moi pourront voir cette page_

* <span style="color: #FF0000"> Attention Cette page peut être modifiée </span> par :

  * Les membres qui ont accès au wiki en écriture

  * Les membres de ma catégorie

Vous pouvez également :

* Chiffrer le contenu (facultatif)

* Voir le Résumé des modifications (facultatif)

* Cliquer sur le Bouton enregistrement

#####  Intéressons nos plus particulièrement a la partie " Sur le site de l'association"
C'est quand même le but de cette article  et les pages apparaîtrons sur le site public de l'association, accessible à tous les visiteurs

les pages dans Garradin sont affiché via des squelettes,  les squelettes sont rangés dans un dossier dédié, nommé squelettes-dist/. Le dossier squelettes/ accueillera vos squelettes personnalisés.

Ce sont des fichiers HTML qui permettent de choisir les données affichées sur le site. Ils sont semblables aux squelettes de SPIP. ( [voir l'article Les squelettes dans Garradin](https://fossil.kd2.org/garradin/wiki?name=Squelettes))

Pour modifier l'apparence du site, il est conseillé d'avoir un minimum de connaissances sur la mise en forme de pages web (HTML, CSS) et l'usage de balises spécifiques (dont la syntaxe est similaire aux boucles SPIP).

Les avantages de ce rangement sont évidents : meilleure séparation du code de garradin et de la structure du site, possibilité de changer tout un ensemble de squelettes d’un seul coup, etc.

Les fichiers par défaut (/squelettes_dist) sont les suivants :

    entete.html : partie commune en haut de page
    pied.html : partie commune en bas de page
    sommaire.html : page d'accueil par défaut du site, présentant la liste des 9 derniers articles
    article.html : contenu de la page par défaut d'un article
    rubrique.html : page listant les articles d'une rubrique
    galerie.html : fichier utilisé pour présenter une galerie d'images
    documents.html : mise en page de présentation de documents à télécharger
    index.html : modèle pour page introuvable
    default.css : contenu de la feuille de styles du site pour modifier son apparence
    atom.xml : contenu du fichier générateur de flux RSS

Les fichiers qui contrôlent l'apparence sont modifiable depuis :  Configuration > Site public : on y a accès pour les modifier depuis l'interface, une fois qu'un fichier a été modifié, il apparaît dans le dossier www/squelettes/  (sa version originale est conservée dans squelettes-dist/). 

À savoir, les fichiers qui sont appelés en fonction de l'uri (adresse tapée dans le navigateur, après le domaine du site) :

    S'il n'y a rien/que l'uri vaut "/" : les fichier sommaire.html est appelé
    Si c'est "/feed/atom/" : le fichier atom.xml est appelé
    S'il y a quelque chose puis un / à la fin (ex: site.net/actus/ ) : le fichier rubrique.html est appelé
    Sinon, si ça correspond au nom d'un fichier ajouté dans www/squelettes/ : ce fichier est appelé
    Sinon, c'est le fichier article.html

(tel que défini dans le fichier include/lib/Garradin/Squelette.php, fonction dispatchURI() )

En sachant que rubrique.html et article.html, par défaut, sont fait pour afficher le contenu public correspondant du wiki.

###### Les bases de la compréhension de construction des squelettes étant établie, regardons l'affichage public.
Le site est donc construit de la manière suivante :

* entete.html

* sommaire.html

* pied.html

Comme expliqué plus haut dans votre navigateur le nom de domaine appelé c'est le fichier sommaire.html qui est servie.
=>  Alors pourquoi je visionne entete.html et pied.html ?

Regardons le code du fichier sommaire.html

	<INCLURE{entete.html}>
        bla bla bla
       <INCLURE{pied.html}>


On constate la présence de <INCLURE ....  qui permet l'appel a d'autre squelette.( Bon a savoir).

Okayyyyyyyy et donc ça affiche

![sommaire.html](https://fossil.kd2.org/garradin/raw/b93aab9e55520781483b15d13b4c606758bf4a27?m=image/png)


=> le menu du haut avec deux onglets modifiable dans le fichier entete.html

          <ul>
			<li class="current"><a href="#URL_RACINE">Accueil</a></li>
			<li><a href="#URL_ADMIN">Administration</a></li>
		</ul>

=> le Nom de votre association ainsi que l'adresse
_qui reprend les infos de la page configuration / Informations sur l'association_

                    <h1><a href="#URL_RACINE">#NOM_ASSO</a></h1>
	[<h4>(#ADRESSE_ASSO)</h4>]

=> le pied de page.

1°) **Créer un menu.**
l'affichage sur le site public est réalisé par le fichier entete.html

     <B_menu>
	<nav>
		<ul>
		<BOUCLE_menu(RUBRIQUES){parent=0}{par titre}>
			<li><a href="#URL/">#TITRE</a></li>
		</BOUCLE_menu>
		</ul>
	</nav>
	</B_menu>

lorsqu’on créer des pages  celle-ci sont pré-coché pour le wiki , ne pas oublier de cocher les Droits d'accès pour l'affichage public
 
* Cette page est visible :
 
 *    Sur le site de l'association 

le résultat est l'affichage sur la page public comme un article
![page A](https://fossil.kd2.org/garradin/raw/d60e286ce6eb09ebe1417909fc320035c283ce4e?m=image/png)

Il faut donc créer une deuxième page associé a la page que l'on souhaite voir apparaître dans le menu
![menu](https://fossil.kd2.org/garradin/raw/060458613152e84e0ecb945a9d872fa986695b64?m=image/png)

Seul les 9 derniers articles apparaîtrons par date inverse sur la page sommaire de par la boucle suivante
avec la condition : {par date}{inverse}{1,9} 

               <B_derniers>
	<section class="articles">
	<BOUCLE_derniers(ARTICLES){par date}{inverse}{1,9}>
		<article>
		<h3><a href="#URL">#TITRE</a></h3>
		<h5>Posté : [(#DATE_CREATION|date_intelligente)]</h5>
		<p>[(#TEXTE|supprimer_skriv|couper{200})]</p>
		</article>
	</BOUCLE_derniers>
	</section>
</B_derniers>

il faudra répéter l'opération pour obtenir votre menu horizontal.
![menuh](https://fossil.kd2.org/garradin/raw/f31536a0786b0151b987a60b4dd8093f02170bb6?m=image/png)


Z 71d0a058d632e28db92643c827be4904