Articles de formation

Login, connexion au site

Afin de modifier les informations diffusées sur le site, il est possible de le faire par la façade du site ou par le back-office du système Joomla. Le back office s'atteint à l'adresse http://www.gaillard.ch/administrator . On y saisi son login et mot de passe. C'est avec cette interface que l'on gère l'entier des infomartions du site ainsi que la sécurité ou les sauvegardes.

Par exemple, la liste des articles contenu dans le site :

Il est également possible de créer ou de modifier les articles sans passer par le back-office. La fenêtre de login est directement accessible à l'adresse http://gaillard.ch/login ou au fond de la page de contact, en cliquant sur le lien "login".

Le fait d'effectuer une connexion réussie, fait apparaître un nouveau menu en fond de page. Ce menu n'est visible que par l'ordinateur de l'utilisateur connecté au système.

Modification d'un article

Cette interface vous propose des outils classiques de mise en page de texte. Mise en gras, italique, souligné... alignement des paragraphes à gauche, droite ou justifié. Certain sont tout à fait particulier comme : 

	Outil pour le transfert, le redimensionnement, la création d'une vignette pour les images à transférer de votre ordinateur vers le site. Pour transférer une image, il faut cliquer sur l'image afin de pouvoir obtenir l'écran suivant : Grâce à cet écran, on peut redimensionner directement une image à la dimension en pixels voulue. Par exemple, pour l'insertion d'une image défilante pour la première page du site, nous avions décidé la taille de 555 pixels de large sur 347 pixels de haut. Et bien nous pourrions forcer ici la taille d'une image plus grand pour la réduire directement par cet outil en ligne. Le désavantage est le temps d'exécution si la photo source est très volutmineuse. Il est conseillé d'organiser le contenu de ces images en créant des répertoires.
	Outil pour crééer facilement des tableaux HTML. Ils aident à organiser la mise en page, tout comme ce tableau de listing des outils de notre éditeur.
	Outil pour la mise en forme de texte selon des styles HTML pré-définis. Par exemple, pour mettre en évidence un mot, il faut le selectionner et lui attribuer par exemple le style 2.
	Outil de copier-coller. Il est très utile pour importer du texte depuis Word ou depuis un autre site. En utilisant cette interface, on peut simplement coller du texte sans tous ses styles de mise en page associés.
	Outil de visualisation de code HTML. En cliquant sur ce bouton, vous verez le résultat en code HTML de votre mise en page. Ceci permet agréablement de détecter des erreurs et de corriger des fausses manipulations.

Insérer une image défilante en première page

Pour insérer une image défilante sur la première page du site, il faut créer un nouvel article en cliquant sur "Ecrire un article" de votre menu utilisateur. Il faut lui donner un titre. Ce titre sera reprit comme slogan sur la photo lors de son passage dans le diaporama. Il faut catégoriser l'article comme étant de la section "Images de fond" et de son unique catégorie "Image défilante".

Il reste à rajouter simplement en tout début d'article, l'image en utilisant le gestionnaire d'image : et s'assurer de la taille de 920px × 494px

La photo va apparaître dans le diaporama.

Il est à noter que la liste des articles contenant une image défilante se trouve directement à l'adresse http://gaillard.ch/articles-images-defilantes.html

Ajouter une galerie photo

Pour insérer une galerie photo dans un article, il faut insérer le texte : dans le contenu d'un article, où "MEUBLES-TV" est un exemple pour identifier un répertoire qui contient les images de la galerie. Ce repertoire doit se trouver dans les fichiers du site dans le répertoire "/images/stories". Le nom de ce répertoire ne contient pas de caractères accentués ou d'espace. On peut organiser l'ordre des images d'une galerie en profitant de l'ordre alphabétique. Les images sont affichées selon l'ordre des noms des fichiers images.

Pour faire une nouvelle galerie à diffuser sur le site, il faut :

1. Traiter et selectionner une série de photos grâce au logiciel Picasa
2. Les exporter et les redimensionner au format 600 pixels. On peut aller jusqu'au 800 sans souci pour offrir une meilleure qualité à l'écran. On peut y ajouter un élégant filigranne "www.gaillard.ch" pour bien marquer le territoire.
3. Transférer le répertoire dans le dossier "ftp://gaillard.ch/images/stories" par le biais du protocole FTP. Le transfert s'effectue facilement avec le logiciel FileZilla.
4. Taper le code avec "gallery" et les accolades, par exemple dans le corps d'un article. Se code ne s'affichera plus lorsque l'article sera publié. L'emplacement du texte de ce code dans la page Internet sera remplacé par une galerie photo.
5. S'assurer que l'article est bien publié et voir ainsi le résultat