Website X5 pour tous
Coin publicitaire
Étape 4
Insertion d'un coin publicitaire sur la page d'accueil de votre site
Un coin publicitaire est une animation dynamique qui s'affiche dans le coin supérieur droit de votre page d'accueil (ou sur toutes les pages du site, à votre convenance). Cette animation bouge, clignote, roule, etc... et invite vos visiteurs à y jeter un coup d'oeil en y glissant leur souris. Au survol de la souris, le coin de la page se déroulera, (dans notre exemple) dévoilant une autre animation, un texte, une image qui, une fois cliquée, amènera votre visiteur à consulter immédiatement une autre page de votre site, ou pourquoi pas, une page extérieure à votre site...
Les réglages possibles
Le coin publicitaire s'installe à l'étape 4, Paramètres avancés, en cliquant sur l'icône prévu à cet effet.
Voici les composantes de la fenêtre d'installation:
1- Type. Cette liste déroulante vous permet de choisir parmi l'un des 15 effets possibles. La procédure à suivre pour l'installation est la même, peut importe l'effet choisi. Dans notre exemple, nous choisissons l'effet Page peel, l'un des plus populaires et des plus réussis. Certains effets cacheront une partie de l'image ou de l'animation déterminée au point suivant derrière un grahique animé. Vous devez tenir compte de ce fait dans la conception de votre image ou fichier flash.
2- Fichier image/animation: Le bouton "Choisir", à la droite de la boîte de dialogue, vous permet de sélectionner, sur votre disque dur, le fichier image ou l'animation Flash qui servira pour le coin publicitaire. Cette image ou cette animation doit avoir été préparée à l'avance et doit correspondre aux critères de largeur et hauteur, définis au point 5. Les formats acceptés sont: swf (Flash) pour une animation, jpg, gif ou png pour une image statique.
3- Son: vous pouvez appliquer une touche sonore à votre coin publicitaire, en choisissant sur votre disque dur, un fichier son, préparé à l'avance, qui sera associé à l'animation. Ce fichier doit être au format
Les réglages possibles
4- Page à rappeler par un clic: Page de votre site qui sera affichée au clic de la souris sur le coin publicitaire. Par défaut, Website n'autorise que l'affichage d'une page de votre site. Le présent tutoriel vous montre comment contourner cette restriction.
5- Largeur et hauteur: le coin publicitaire s'affichera toujours dans une zone carrée, dans le coin supérieur droit de votre page d'accueil. Les dimensions par défaut sont de 400px par 400px, mais vous pouvez ajuster à votre guise. Vous déterminez vous même les valeurs optimales en fonction de votre site et de l'effet recherché.
6- Vous pouvez afficher votre coin publicitaire sur la page d'accueil seulement, ou sur toutes les pages de votre site. Dans ce cas, le coin publicitaire sera le même sur toutes les pages.
Vous devez créer l'image ou le flash
Tel que mentionné, vous devez préparer au préalable l'image ou le fichier flash qui sera placé dans le coin publicitaire, en tenant compte des dimensions de ce dernier et de l'effet désiré.
Dans l'exemple à droite, j'ai créé une simple image au format jpg, de 400px par 400px, avec Photoshop.
Comme j'ai choisi d'utiliser dans mon exemple l'effet Page Peel (coin de la page qui se déroule) et que cet effet masque la moitié de l'image, en diagonale à gauche (voir la fenêtre APERÇU, pour avoir une idée du produit final), j'ai placé le texte pertinent en diagonale, en haut à droite de mon image, afin qu'il soit bien présent au survol de la souris.
Dans mon exemple, je désire amener le visteur à consulter le forum de Website X5.
Pour utiliser une image dans le coin publicitaire, je clique sur l'icône "Choisir", à la droite de la boîte de dialogue Fichier image/animation et je retrouve sur mon disque dur l'emplacement du fichier image créé au préalable, que j'avais baptisé coin_pub.jpg, lors de sa conception.
Une animation Flash peut aussi être utilisée à la place d'une image. Ses dimensions doivent être prévues en fonction de l'effet "coin publicitaire" choisi.
Lien vers une page du site
Dans l'exemple expliqué ici, je n'applique pas de son à mon coin publicitaire. Libre à vous d'utiliser cette fonction.
Je dois par contre choisir la page qui sera affichée lorsque le visiteur cliquera sur le coin publicitaire. En cliquant sur le bouton "Choisir", à la droite de la boîte de dialogue Page à rappeler par un clic, Website affichera la fenêtre habituelle qui permet de choisir l'une ou l'autre des pages de votre site. La page choisie sera affichée dans la fenêtre courante, au clic de la souris.
Si votre coin publicitaire vise à afficher une page de votre site, il n'y a plus qu'à cliquer sur la page désirée, cliquer sur OK, sauvegarder et exporter votre site. Le tour est joué. Vérifiez le résultat obtenu et corrigez, au besoin.
Astuce: lien vers une page externe
Par défaut, Website ne permet pas d'utiliser une page extérieure à votre site.
Il y a moyen de contourner cette limitation. Voici comment:
1) À l'onglet 2, Création du plan du site, créez une nouvelle page que vous nommez "coin_pub" pour les besoins de la cause.
2) Rendez cette page invisible, en cliquant sur l'icône "Page invisible" dans la barre d'outils.
3) Cliquez sur l'Icône "Propiétés de la page"
Une autre utilité du code HTML
Cliquez sur l'onglet Avancées de la fenêtre Propriétés de la page et dans la boîte "Code à insérer dans l'entête de la page", inscrivez-y le code suivant:
<meta http-equiv="refresh" content="0;url=http://adresse_du_site.com/">
Attention à l'orthographe. N'oubliez pas les guillemets.
Évidemment, remplacez "adresse_du_site" par l'URL du site que vous désirez afficher.
Dans mon exemple, j'ai inscrit l'adresse URL du forum de Website et cette page s'affichera dans la même fenêtre que ma page d'accueil, au clic de la souris effectué par un visiteur.
Cliquez sur OK. Enregistrez, exportez.
Votre site comporte maintenant un joli coin publicitaire qui attirera l'oeil de votre visiteur et piquera sa curiosité.
Suivez ce lien, pour voir en action le coin publicitaire dont il est question dans ce tutoriel.
Sous-menu