Si vous avez une bannière, mais qu'il n'y a pas de code html prêt à l'emploi pour l'insérer dans la page, l'ajout du lien dont vous avez besoin n'est pas si difficile. Même si la bannière est réalisée avec la technologie flash. Les options possibles pour organiser les liens vers les bannières aux formats graphiques et flash dans le code source sont décrites ci-dessous.
Instructions
Étape 1
Si la bannière est dans l'un des formats graphiques (gif, jpg, png, bmp), alors il suffira de mettre la balise image à l'intérieur de la balise link. Tout d'abord, formez la balise image. Dans le langage de balisage des pages web (HTML - HyperText Markup Language - "langage de balisage hypertexte"), sa version la plus simple ressemble à ceci: Ici l'"adresse relative" de l'image est précisée dans l'attribut src. Dans cette version, le navigateur supposera que l'image est dans le même dossier sur votre serveur où la page elle-même est l'endroit où la bannière est insérée. Mais il vaut mieux préciser une "adresse absolue":
Étape 2
Il y a quelques attributs supplémentaires à ajouter à cette balise. Deux attributs indiqueront les dimensions de la bannière (hauteur et largeur). Ce sont des attributs facultatifs - l'image sera affichée sans eux si tout se passe bien lors du chargement de la page du serveur vers le navigateur. Mais si l'image n'est pas chargée pour une raison quelconque, le manque de dimensions peut entraîner le fait que tous les autres éléments de conception seront déplacés. L'étiquette de taille ressemblera à ceci:
Étape 3
Par défaut, le navigateur dessine une bordure bleue autour des images de liens. Pour éviter cela, ajoutez un attribut border avec une valeur nulle à la balise banner:
Étape 4
Ajoutez un autre attribut (titre), qui contiendra le texte de l'info-bulle lorsque vous passerez le curseur de la souris sur la bannière:
Étape 5
Vous avez préparé la balise d'image avec les attributs les plus importants, vous devez maintenant la placer à l'intérieur de la balise de lien. Chaque lien hypertexte est formé de deux balises - ouverture et fermeture: La balise d'ouverture contient l'attribut href, qui contient l'adresse d'envoi de la demande. Entre ces deux balises lien et insérez la balise banner: Le code HTML de la bannière avec le lien est prêt, n'oubliez pas de remplacer: - dans l'attribut href: "https://kakprosto.ru" par l'adresse de votre lien pour la bannière; - dans l'attribut src: " https://kakprosto.ru/banner
Étape 6
Tout ce qui précède fait référence à des bannières d'images, mais il existe également des bannières réalisées à l'aide de la technologie flash. Pour insérer un lien dans une animation flash de manière standard, vous devez disposer non seulement de la bannière elle-même, mais également de son code source. De plus, vous pouvez éditer le code source, puis compiler l'animation Flash uniquement dans un éditeur spécialisé - un éditeur de texte classique ne convient pas pour cela. Cependant, il existe un moyen de contourner toutes ces difficultés, en se limitant à éditer uniquement du HTML et du CSS (Cascading Style Sheets - "feuilles de style en cascade"). Le langage CSS est utilisé pour une description plus détaillée (par rapport au HTML) de l'apparence des éléments de la page. Avec son aide, des structures multicouches assez complexes peuvent être construites sur les pages. Nous allons l'utiliser en plaçant la bannière Flash dans le calque inférieur et en plaçant le calque avec le lien au-dessus. Le code HTML de la bannière ressemblera à ceci:
N'oubliez pas de remplacer les attributs width et height (en deux endroits), le nom de la bannière banner.swf (en deux endroits) et l'adresse du lien https://kakprosto.ru (en un seul endroit). correspondant à ce code HTML devrait être comme ceci:
div.linkedFlashContainer {position: relative; indice z: 1; bordure: 0px; largeur: 468px; hauteur: 60px}
a.flashLink {position: absolue; indice z: 2; largeur: 468px; hauteur: 60px; arrière-plan: url (spacer.gif) sans répétition;}
Une image transparente (de n'importe quelle taille) appelée spacer
