Comment créer des pages web

Utilisation de l'outil de gestion de contenu : Isens


Ce logiciel permet à partir d'un simple navigateur de gérer l'administration complète du serveur Web et de donner la possibilité à tout utilisateur préalablement déclaré, de créer facilement des pages Web.

 

Compatibilité des navigateurs


Isens peut s'exécuter sur les différentes plateformes Unix (Solaris, Linux), PC (Windows 2000 et XP, MAC (MacOSX), possédant un navigateur Mozilla ou FireFox sur toutes les plates formes et IE6 pour les PC. Tout autre navigateur est incompatible.
Cependant, certaines fonctionnalités ne sont pas encore disponibles sur MacOSX.

 

Demande de création de compte


Il faut dans un premier temps demander au service SI (si@&laas.fr ou w3master@laas.fr) la création d'un compte utilisateur.  Il sera alors déclaré dans la Base de données de Isens et les droits d'accès aux différentes rubriques du serveur seront alors définis. L'utilisateur recevra par mail son nom de login ainsi qu'un mot de passe initial.

 

Connexion Isens


L'utilisateur devra se connecter à l'URL suivante : http://www2.laas.fr/laas/admin
puis entrer son nom de login et mot de passe
Un menu d'icones et l'arborescence du site est alors affichée avec les rubriques accessibles en noir (les autres - non accessibles, sont grisées). Illustration

 

Modification du mot de passe


L'utilisateur doit modifier le mot de passe initial attribué. Il est conseillé d'utiliser le même mot de passe que celui du compte Unix.  Illustration

 Documentation


• Formation Isens au LAAS
• Aide Isens 6.3
  

Création d'une page Web


L'utilisateur peut cliquer sur l'icone Nouveau ou Dupliquer une page existante qui  est  plutot conseillé lorsque on désire utiliser un format prédéfini (exemple page des groupes de recherche).

 

Titre de la page 


Illustration
Le titre va définir également le nom du fichier php de cette page. Il faut donc choisir des noms explicites et lisibles (éviter les contractions, sigles, etc ...).

 

Appartenance


La nouvelle page pourra être rattachée à n'importe quelle autre page du site. Les menus dynamiques du site, le plan du site, les liens, ... seront automatiquement mis à jour lors de la publication du site avec Isens.

 

Edition


 Illustration
L'éditeur offre quasiment toutes les possibilités de codage Html mais reste simple d'utilisation. Il permet d'appliquer de façon transparente la charte graphique du site à toute nouvelle page.

Liste des  Commandes de l'Editeur

 

Publication des pages

bouton
Chaque page créée ou modifiée doit être enregistrée et publiée sur le site. Le bouton "Voir la page" permet de vérifier son contenu intégré dans l'environnment du site.
La création d'une nouvelle page sera intégrée dans les différents menus dynamiques et dans le plan du site uniquement après la publication complète du site. Cette fonction réalisée par l'administrateur peut prendre quelques minutes.

 

Gestion de fichiers

permet de transférer des fichiers sur le serveur dans le répertoire "files/xxx"
permet de transférer ou sélectionner des images dans le répertoire images/xxx
Une gestion plus complète des fichiers est disponible dans la rubrique Outils->gestion de fichiers

 

Date de validité d'une page


Dans la fenêtre Edition, l'onglet "Avancé" permet de paramétrer précisement la page et en particulier de fixer sa date de fin de validité. Au dela de cette date un message sera automatiquement envoyé à l'auteur de la page pour une intervention de suppression ou modification de son contenu.

 

Gestion des images


Les images doivent obligatoirement être au format "jpg", "gif" ou "png". Vous devez utiliser un outil de traitement d'image (Gimp, Graphic Converter, Photoshop, etc ...) pour convertir toutes les images dans l'un de ces trois formats mais aussi pour en déterminer la taille (en pixels) et le niveau de compression souhaité sachant que le poids minimal (en Koctets) d'un fichier est toujours prépondérant pour la rapidité de transfert des pages d'un site.
La zone de texte utilisable dans la charte du site du LAAS est fixée à 510 pixels en largeur. Il est donc conseillé de déterminer des largeurs d'images de 500 pixels maximum (voir moins bien sûr ...). Une image nécessitant une taille plus importante devra être ouverte dans une fenêtre indépendante.
Les transferts des images sur le site peu se faire à partir de la fenêtre d'Edition ou bien à partir du menu Outils->Gestion de Fichiers.

 

Création de tableau


L'affichage des tableaux avec bordure de couleur et fond n'est pas très homogène entre les différents navigateurs (IE, Mozilla, Firefox, Safari, Opera, ...) et les différents systèmes d'exploitation. Pour une meilleure portabilité, il est conseillé d'utiliser la méthode correspondante à l'exemple ci-dessous.

     1998    1999    2000    2001    2002    2003
Ouvrages*    7    13    12    41    13    10
Revues scientifiques    99    121    83    108    74    90
Manifestations avec actes    174    173    177    175    173    190
Thèses**    49    39    46    36    34    46
HDR    8    8    5    3    1    4
Rapports    264    241    269    306    195    229
Autres documents***    113    150    159    165    156    183
Brevets    2    1    9    4    5    10
TOTAL    716    746    760    838    651    762

La création de ce tableau correspond à la définition de  :

• 10 lignes et 7 colonnes,
• Espacement intérieur de 4 pix
• Espacement extérieur de 1 pix
• Epaisseur de bordure 0
• Couleur de fond #fba51a

Paramètre des cellules

Paramètres applicables à toutes les cellules de la colonne de gauche
• Couleur #e3e8ec
• Alignement vertical Haut
• Alignement horizontal Droite

Paramètres applicables à toutes les cellules de la première ligne
• Couleur #e3e8ec
• Alignement vertical Haut
• Alignement horizontal Centré

Paramètres applicables à toutes les autres cellules
• Couleur #f3f3f3
• Alignement vertical Haut
• Alignement horizontal Droite

 

Utilisation des couleurs


Bien que Isens permet de choisir les couleurs (texte, tableaux, cellules, ...) à partir d'une palette accessible dans plusieurs menu, il est conseillé d'utiliser plutôt les styles de texte prédéfinis et les couleurs des tableaux définies dans la charte graphique.

Version Anglaise


La version anglaise est du site correspond à la duplication des pages de la version française. De cette façon on garde exactement la même structure pour les deux versions. Pour créer/modifier des pages dans la version anglais :

• Sélectionner l'icone Version,
• les deux versions apparaissent, sélectionner alors la version Anglaise.    
L'arborescence du site en Anglais apparaitra avec la même structure que la version française, il suffit ensuite de modifier le titre et le contenu de chaque page.