Les Savoirs inédits, le site

Sommaire

Objectifs du site
  - Présenter l'association "Les Savoirs Inédits"
  - Diffuser le numéro 0
  - Préparer l'activité vente en ligne des manuscrits de la SCOP d'édition

Les accès au site
  - Partie public
  - Partie privée

Les droits et les rôles

Mode d'emploi et documentation
  - Les documentation Joomla
  - Howto's express

Les aspects techniques
  - Les composantes du site
  - Les rajouts (Composants, modules, mambots)

Le référencement
  - Les choses faites
  - Les choses à faire


Objectifs du site

- Présenter l'association "Les Savoirs Inédits"
- Diffuser le numéro 0
- Préparer l'activité vente en ligne des manuscrits de la SCOP d'édition


Les accès au site

- Partie public http://www.lessavoirsinedits.fr



  - Partie privée http://www.lessavoirsinedits.fr/administrator



Identifiants : catherine, thierry, admin, mots de passe : xxx


Les droits et les rôles


THierry Perreau
Publication, et édition des contenus sur le site

Catherine Bécognée
Publication, et édition des contenus sur le site
Administration du site



Mode d'emploi et documentation


  - Les documentation Joomla
Voici 3 sites spécialisés Joomla en français
http://www.joomlafrance.org/ (Site de la communauté Joomla en france)
http://www.joomla.fr/  (Portail francophone de Joomla)
http://forum.joomlafacile.com/ (forum pour poser tout un tas de question, attention à bien rechercher au préalable si aucune réponse n'a été donné avant).

  - Howto's express

Ecrire une page :
> Se connécter
> sur la page d'accueil cliquer sur "créer un article"
> Choisir une section et une catégorie.
> Ecrire dans la seconde partie de préférence.
> Enregistrer

Ajouter une actualité :
> Se connécter
> sur la page d'accueil cliquer sur "créer un article"
> Choisir la section "vitrine" et la catégorie "actualité"
> Ecrire dans la première partie de préférence.
> Enregistrer

Ajouter un élément dans le menu horizontal en haut à droite
> Se connécter
> sur la page d'accueil cliquer sur "Menu"
> Sélectionner "Topmenu" puis cliquez sur le bouton "éléments du menu"
> Choisissez "Nouveau"
> Choisir le lien que vous souhaitez créer pour votre nouvel élément
  -> Nouvelle page => Lien - Article
  -> vers une catégorie => Blog - Catégorie de contenus


Les aspects techniques

  - Les Codes

Serveur ftp          : ftp.lessavoirsinedits.fr
lessavoia / gu3bendk

MySQL:
 Serveur        : mysql5-16
 Utilisateur    : lessavoia-base
 Nom de la base : lessavoia-base
 Mot de passe   : XFPkkibr

OVH
pt4376-ovh / gu3bendk

  - Les composantes du site

Ce site est réalisé à partir du logiciel libre Joomla version 1.0.12 Stable
Ce site est hébergé chez OVH
Les noms de domaines disponibles et pointant vers www.lessavoirsinedits.fr sont www.lessavoirsinedits.com www.lessavoirsinedits.org www.lessavoirsinedits.net


  - Les rajouts (Composants, modules, mambots)
Ce site utilise le composant FireBoard FR Rev7.5 pour le forum
Ce site utilise le composantVirtueMart 1.0.12 pour la boutique en ligne.
Ce site utilise le module shHMenu pour le menu horizontale et dynamique

- Les éléments de mise en forme



/* ==== LEXIQUE ====

Une ligne s'écrit sous la forme suivante :

#element {
attribut: valeur;
}

height = hauteur
width = largeur
margin = marge entre l'élément et le précédent
padding = marge entre le bord de l'élément et le contenu de celui-ci
font-family = famille de police de caractère
font-size = taille de police de caractère
font-style = de police de caractère (italic, ...)
color = couleur de police de caractère
text-decoration = décoration des liens (souligné ou rien)
float = position de l'élément
background-image = image de fond
background-repeat = répétition de l'image de fond
background-position = position de l'image de fond
background-color = couleur du fond
display = affichage
text-align = alognement du texte
border = bordures
==== LEXIQUE ====*/


/* ==== GENERAL ==== */

  /* Cette partie s'applique aux document en général*/
html {
    height: 100%;
}

/* Cette partie s'applique aux corps du document*/
body {
    width: 1000px;
    margin: auto;
    padding: 0;
        font-family: Arial, Helvetica, Sans Serif;
        font-size: 12px;
    color: #21252C;
}

/* Cette partie s'applique aux liens*/
a {
    color: #ccc;
        text-decoration: underline;
}
a:hover {
    color: #000;
        text-decoration: none;
}


/* Cette partie s'applique aux contenus*/
#global {
    width: 940px;
    margin: auto;
    float: left;
}


/* ==== Menu haut ==== */
/* le menu est aligné à droite et il mesure 465 pixels*/
#lsimenu {
       float: right;
       width: 465px;
}

/* ==== BANNIERE ==== */
/* Le logo est à gauche et le block mesure 940 par 163 pixel et débute à 5 px du bord*/
#logo {
    float: left;
    background-image: url(../images/top2.png);
    background-repeat: no-repeat;
        background-position: bottom;
        background-color: transparent;
    height: 163px;
    width: 940px;
        padding-top: 5px;
}

/* ==== CORPS ==== */
/* Le corps du document mesure 940 pixel de large et a pour fond l'image fond-long.jpg et se répète vers le bas*/
#corps {
    width: 940px;
    background-image: url(../images/fond-long.jpg);
    background-repeat: repeat-y;
}

/* ==== Elements DE LA PAGE ==== */
/* Le flash info à une bordure de 1 à 3 pixels et de couleur grise*/
#flash_info {
        margin: 5px;
        padding: 2px;
    background-image: url(../images/bg.png);
    background-repeat: repeat;
        border-top: 1px solid #ccc;
        border-right: 3px solid #ccc;
        border-bottom: 3px solid #808080;
        border-left: 1px solid #ccc;
}

/* ==== PIED DE PAGE ==== */
/* le contenu du pied de page démarre à 10 pixel du bord haut et du bord bas */
#barre_bas {
    background-image: url(../images/bg-foot.jpg);
    background-repeat: repeat;
    width: 940px;
    margin: auto;
    text-align: center;
        padding: 10px 0 10px 0;
}

/* les éléments du block mentions est aligné horizontalement */
#mentions {
    width: 940px;
    margin: auto;
    text-align: center;
        color: #ccc;
        margin: 15px 0 15px 0;
}

/* S'applique aux liens du block mentions */
#mentions a {
    color: #ccc;
        text-decoration: underline;
}

/* S'applique aux liens lorsqu'ils sont survolés du block mentions */
#mentions a:hover {
    color: #808080;
        text-decoration: none;
}

#legals {
    width: 940px;
    margin: auto;
    text-align: center;
        color: #ccc;
}

#legals a {
    color: #ccc;
        text-decoration: underline;
}
#legals a:hover {
    color: #808080;
        text-decoration: none;
}

/* ==== DIVERS ==== */

.vide {
    clear: both;
}

/* ==== MENUS ==== */

a.mainlevel {
        display: block;
        margin-left:15px;
        margin-top:3px;
        width:130px;
        height:15px;
        text-align: center ;
        text-decoration: none ;
        padding: 4px 0 ;
        background-color: #f3aa2b;
        font-size: 12px;
}

/* Les éléments du menu gauche sont de forme carré grâce à display: block qui veut dure affichage sous forme de block */
a.mainlevel:link, a.mainlevel:visited {
    /*width: 100%*/
    color: #808080; /*Black;*/
    display: block;
        margin-left:15px;
        margin-top:3px;
        width:130px;
        height:15px;
        text-align: center ;
        text-decoration: none ;
        padding: 4px 0 ;
    text-decoration: none;
}

a.mainlevel:hover {
    color: #000000;
        background-color: #f9e397;
    display: block;
        margin-left:15px;
        margin-top:3px;
        width:130px;
        height:15px;
        text-align: center ;
        text-decoration: none ;
        padding: 4px 0 ;
}

/* apparence general des modules */
table.moduletable {
    width:100%;
    text-align: center;
    color: black;
    margin: 0px;
}

/* apparence du titre des modules */
table.moduletable th {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-variant: small-caps;
    color: Black;
    background-image: url(../images/nav_bar.png);
        background-color: #FFF;
    height: 30px;
}

/* apparence du contenu des modules */
    table.moduletable td {
   
}

/* apparence des listes des modules */
table.moduletable ul {
   
}

/* ==== BORDURE ==== */
/* L'image de fond du bord gauche ne se répète pas */
#bord_gauche {
    background-image: url(../images/bord_gauche.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 600px;
    float: left;
}
/* idem bord gauche */
#bord_droit {
    background-image: url(../images/bord_droit.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 600px;
    float: right;
}

/* ==== MENU GAUCHE ==== */
/* Colonne de gauche */
#colonne1 {
    /*float: left; */
    vertical-align: top;
         padding-top: 15px;
    width: 190px;
    height: auto;
    text-align: center;
}

/* ==== CONTENUS ==== */
/* Colonne centrale */
#colonne2 {
    /* float: left; */
    vertical-align: top;
    width: auto;
    height: auto;
    padding: 25px 10px 10px 10px;
    /*min-width: 478px;
    max-width: 578px;*/
}
   
#colonne2 a {
    color: #c64934;
}

/* ==== COLONNE DROITE ==== */
/* Colonne de droite */
#colonne3 {
    vertical-align: top;
    width: 120px;
    height: auto;
}

#colonne3 a {
        padding: 0;
        margin: 0 0 5px 0;
        background: transparent;
        vertical-align: top;
        color: #df635a;
}

#colonne3 a:hover {
        padding: 0;
        margin: 0 0 5px 0;
        background: transparent;
    vertical-align: top;
    color: #df635a;
        text-decoration: underline;
}


/* ==== TITRES ==== */

h1 {
       font-size: 3em;
       color: #333;
       text-align: center;
}

h2 {
       font-size: 2em;
       color: #df635a;
}

h3 {
       font-size: 1em;
       color: #808080;
       text-align: center;
}

h4 {
       font-size: 1.6em;
       color: #df635a;
}

h5 {
       font-size: 1.4em;
       color: #000;
       text-align: center;
}

h6 {
       font-size: 1.2em;
       color: #ccc;
}

/* ==== CONTENUS LIENS ==== */

.contentheading {
       font-size: 2em;
       color: #df635a;
       text-align: left;
}

/* ==== CONTENUS LIENS ==== */

.componentheading {
       font-size: 2em;
       color: #df635a;
       text-align: left;
       padding: 0 0 10px 0;
}
.contentpane {
       margin: 0px 0 0 0;
}
.contentdescription {
       font-style: italic;
       text-align: left;
}

/* ==== CONTENUS BLOG ==== */

.blog {
       width: 100%;
}

/* ------------------------- Paramètres l'interface d'administration Joomla! en frontend ------------------------- */
/* les CSS suivant permettent de définir l'interface d'administration en frontend (lorsqu'un utilisateur est connecté) */
 
.ontab {} /* apparence des onglets actifs dans l'éditeur d'article en "frontend" */
.offtab {} /* apparence des onglets inactifs dans l'éditeur d'article en "frontend" */
.tabpadding {
width: 100%;
} /* dýfini la largeur les fenêtres de saisie (formulaire) */
.tabheading {}
.pagetext {
font-size: 0.5em;
} /* apparence du contenu des fenêtres de saisie du contenu */
 
.message { }                /* style du message envoyé par l'éditeur en frontend suite à une action de l'utilisteur, par exemple "Publication sauvegardée avec succès" */

/* ==== INDEX MOSPAGEBREAK ==== */
.contenttoc {
margin-left: 80px;
background: #ccc;
padding: 5px;
}



Le référencement

- Les choses faites

Création d'un compte google pour effectuer le référencement à l'aide d'un sitemap


- Les choses à faire