UTILISATION CMS LINKEO
Table des matières 1 Synopsis... 3 2 Connexion à l'interface d'administration...4 3 Edition d'une page...5 3.1 Edition d'une page...5 3.2 Ajout d'une image...5 3.2.1 Transfert d'une image... 5 3.2.2 Affichage de l'image... 6 4 Enregistrement des modifications...7 A. Annexe : Utilisation de Vso image resizer...7 A.1 Sélection des images...7 A.2 Configuration du logiciel...7 A.3 Lancement de redimensionnement... 8 B. Annexe : Fonctionnalités...9 B.1 Mise en page avec des tableaux...9
1 Synopsis L'outil CMS vous permettra de : Insérer / modifier du texte sur votre page (écriture directe ou copier-coller depuis word, ou n'importe quel source de texte) Gérer la mise en page du texte : gras, souligné, italique, barré, indice, exposant, puce, liste numérotée, alignement, taille de caractères, police, format, couleur du texte, couleur de fond... Ajouter des liens hypertextes Insérer des images et ajuster leur taille d'affichage Voir page 5 Créér des tableaux personnalisés afin de mettre en forme votre contenu (bordure, nombre de lignes/colonnes, alignement du contenu, hauteur, largeur...) Voir Annexe B page 9. Insérer des animations flash existantes
2 Connexion à l'interface d'administration Dans la barre d'adresse de votre navigateur taper «http://www.votresite.com/linkeo/cms/index.php» où il faut remplacer «votresite.com» par votre nom de domaine. Indiquer vos identifiants de connexion. Vous les avez recus par courrier, mail ou fax Vous arrivez sur la page d'accueil du CMS Linkeo : Cliquez sur la page que vous désirez modifier.
3 Edition d'une page 3.1 Edition d'une page Effectuer les modifications désirées, à l'aide des différents boutons. Toutes les fonctionnalités sont identiques à celles d'un éditeur de texte. Pour plus de détails sur certaines fonctionnalités, se reporter à l'annexe B Par exemple : sélectionner le texte, puis le passer en gras, italique, changer sa couleur... 3.2 Ajout d'une image Pour pouvoir afficher une image sur une page, celle-ci doit d'abord avoir été transférée sur le serveur. Se placer la où vous souhaitez insérer une image Cliquer sur «Insérer/Modifier image» 3.2.1 Transfert d'une image Cliquer sur «Parcourir le serveur». Cliquer sur «Parcourir...» et Localiser l'image à sélectionner. Veiller à ce que son format ne dépasse pas 800*600 pixels. La redimensionner au besoin avec le programme VSO Image Resizer téléchargeable à l'adresse http://www.vso-software.fr/download_product_direct.php?product=vir L'utilisation du logiciel VSO Image Resizer est décrite dans l'annexe A Cliquer ensuite sur «Upload».
3.2.2 Affichage de l'image Sélectionner l'image dans la liste Cliquer sur «Ok» Cliquer sur l'image, un cadre apparaît autour Utiliser les repères pour la redimensionner
4 Enregistrement des modifications Pour enregistrer les modifications, cliquer sur le bouton «Enregistrer». Pour annuler les modifications, cliquer sur le bouton «Annuler». A. Annexe : Utilisation de Vso image resizer A.1 Sélection des images Aller dans le répertoire contenant vos photos et sélectionner toutes les photos à modifier avec la touche «Ctrl» Cliquer sur «Ouvrir» A.2 Configuration du logiciel Sélectionner le profil «800x600» Dans le champs «Action», sélectionner «créér des copies» Dans le champs «Destination», sélectionner «<Emplacement d'origine>» Il est inutile de toucher aux autres options
A.3 Lancement de redimensionnement Une fois la configuration effectuée, cliquer sur «ok» Lorsque le traitement est terminé, cliquer sur «fermer» Les photos redimensionnées ont une extension «[800x600]»
B. Annexe : Fonctionnalités B.1 Mise en page avec des tableaux Se placer à l'endroit où vous souhaitez insérer un tableau Cliquer sur le bouton «Insérer/Modifier Tableau» Une fenêtre s'ouvre dans laquelle il faut définir les propriétés du tableau Lignes : nombre de ligne(s) du tableau. Colonnes : nombre de colonne(s) du tableau. Bordure : épaisseur de la bordure du tableau. Pour ne pas mettre de bordure, mettre 0. Alignement : Gauche, Centré, ou Droite. Définit si votre tableau sera calé sur la gauche de la page, centré, ou calé à droite. Largeur : largeur du tableau en pixel ou pourcentage. Pour un tableau faisant toute la largeur de la page, mettre 100 «pourcentage». Le tableau s'adaptera alors à la taille de la page. Hauteur : hauteur en pixel du tableau. Pour une mise en page simple, ne rien mettre. Espacement : espace en pixel entre une case du tableau et le bord du tableau. Contour : espace en pixel entre le contenu d'une case et le bord d'une case. Titre : possibilité de donner un titre au tableau (ne rien mettre). Résumé : possibilité d'ajouter un descriptif du tableau (ne rien mettre).
Pour mettre en page votre contenu, le plus simple est généralement de faire un tableau d'une ligne, deux colonnes, sans bordure (transparente), de lui donner une largeur en pourcentage (généralement 100 %), de ne pas lui donner de hauteur, un espacement et un contour de 1. Ce qui donne : Une fois les propriétés du tableau définies, cliquer sur le bouton «OK» Il ne reste plus qu'à insérer le contenu dans les cases du tableau, en cliquant à l'endroit où l'on souhaite écrire du texte ou insérer une image.
Une fois le tableau créé, il est possible de définir plus précisément les propriétés de chaque case. Cliquer avec le bouton gauche de la souris dans la case en question pour la sélectionner, puis faire un clic droit et sélectionner «Propriétés de Cellule» Vous pourrez alors définir la largeur de la cellule en pixel ou pourcentage. Pour une mise en page simple, dans un tableau de 2 colonnes, mettre 50% pour des colonnes de tailles identiques, 33% pour 3 colonnes, etc...) et la hauteur de la cellule en pixel (la plupart du temps, laisser vide). Vous pourrez aussi définir l'alignement horizontal et vertical du contenu dans la cellule.