Comment modifier le logo et l`image d`entête web 1

Transcription

Comment modifier le logo et l`image d`entête web 1
Version 1 du 29/06/2012
Comment modifier le logo et l'image d'entête web
1. Introduction
Ce tutorial-cookbook montre comment remplacer le logo JWay et l'image d'entête dans les pages web HTML des
applications générées avec FormPublisher.
2. Dossier images
Version courte pour utilisateurs expérimentés :
❍
❍
le logo utilisé pour générer l'application est : REF\images\logo\logo.png
l'image de fond d'entête est : REF\images\background\header.png
Version découverte :
Regarder à droite dans le Studio le "Project Explorer". Le projet contient un dossier "APPLI.REF" qui sert aux ajustements
du projet, notamment pour le rendu graphique.
Dans APPLI.REF, ajouter un dossier "images" et des sous-dossiers "logo" et "background" pour obtenir la structure cidessous :
Placer le fichier "logo.png" dans le sous dossier "logo" et le fichier "header.png" dans le sous dossier "background". Ces
fichiers vont alors remplacer le logo et l'image d'entête par défaut lors de la génération de l'application.
Comment modifier le logo et l'image d'entête web
Version 1
du 29/06/2012
Page: 2/2
Ci-dessus un exemple de résultat ; le logo JWay a été remplacé par un autre, ainsi que l'image d'entête HTML.
3. Conclusion
En suivant pas à pas ce tutorial-cookbook, un "auteur FormPublisher" ayant suivi la formation initiale peut modifier
directement les éléments graphiques des entêtes des pages HTML des applications web qu'il conçoit et réalise sans
programmation.