Comment ajouter Bannières

Comment ajouter Bannières


Une bannière Web peut être statique ou animé et inclure des images, du texte ou une combinaison des deux. Ils peuvent être utilisés comme en-têtes ou des publicités. bannières Web apparaissent souvent en haut de votre page, mais peuvent être ajoutés partout sur la page. Vous pouvez utiliser DIVs Hypertext Markup Language (HTML) pour créer un conteneur pour votre bannière sur une page Web. Il suffit de personnaliser l'emplacement et les dimensions du DIV en utilisant les feuilles de style (CSS).

Instructions

1 Ouvrez un navigateur de fichiers, tel que l'Explorateur ou le Poste de travail. Reposez votre souris sur le fichier contenant la bannière que vous souhaitez utiliser pendant quelques instants jusqu'à ce qu'un pop-up apparaît. Notez les dimensions de la bannière qui sont affichés.

2 Démarrez votre éditeur de texte favori, tel que Notepad, TextPad ou EditPad.

3 Ouvrez ou créez un nouveau fichier CSS pour la bannière que vous voulez ajouter. Insérez le code suivant, mais changer les dimensions de la bannière et le nom du fichier pour les bons pour votre page web:

bannière {float: left; largeur: 800px; hauteur: 300px; background-image: url ( "banner.jpg"); }

4 Cliquez sur "Fichier" et "Enregistrer sous" dans le menu. Nom du fichier dans le "Save as type" zone de texte. Ajouter une extension de fichier CSS, tels que "style.css." Placez le nom de fichier entier entre guillemets pour garder l'éditeur de texte de l'ajout d'une extension du texte. Cliquez sur "Enregistrer".

5 Fermez le fichier CSS, mais laissez l'éditeur de texte ouvert. Sélectionnez "Fichier" et "Ouvrir" dans le menu. Changer "Fichiers de type" à "tous les fichiers". Trouvez le fichier HTML que vous souhaitez modifier et double-cliquez dessus. Il ouvre dans l'éditeur de texte.

6 Placez votre curseur juste après l'ouverture balise <HEAD>. Pour créer un lien vers le fichier CSS, ajouter ce qui suit entre les balises <HEAD>:

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

7 Placez votre curseur après l'ouverture <BODY>. Ajoutez le code suivant où vous voulez la bannière apparaisse:

<Div id = "banner"> </ div>

8 Sélectionnez "Fichier" et "Enregistrer" dans le menu pour mettre à jour le fichier HTML.

Conseils et avertissements

  • Vous pouvez placer l'image pour les fichiers bannière, CSS et HTML dans le même dossier pour rendre la page web et l'affichage de la bannière correctement.
  • Si vous avez placé le fichier de bannière et CSS dans un autre dossier que le fichier HTML, vous aurez besoin d'inclure les noms du dossier dans votre code.
  • Par exemple, pour créer un lien vers un dossier "imgs" dans le dossier principal, le changement "banner.jpg" à "imgs / banner.jpg" à l'étape 3. Pour créer un lien vers un dossier "css" dans le dossier principal, le changement «style css "à" css / style.css ") à l'étape 6.