Hvordan legge til bannere

Hvordan legge til bannere


En web banner kan være statisk eller animert og inkluderer bilder, tekst eller en kombinasjon av begge. De kan brukes som overskrifter eller reklame. Web bannere ofte vises øverst på siden din, men kan legges hvor som helst på siden. Du kan bruke divs i Hypertext Markup Language (HTML) for å lage en beholder for din banner på en webside. Bare tilpasse plassering og dimensjoner av DIV å bruke Cascading Style Sheets (CSS).

Bruksanvisning

1 Åpne en fil nettleser, for eksempel Utforsker eller Min datamaskin. Hvil musen på filen som inneholder banner du vil bruke for en liten stund før en pop-up vises. Notere ned dimensjonene på banneret som vises.

2 Begynn din favoritt tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad.

3 Åpne eller opprette en ny CSS fil for banneret du vil legge til. Sett inn følgende kode, men endre banner dimensjoner og filnavnet til de riktige for din nettside:

banner {float: left; width: 800px; height: 300px; background-image: url ( "banner.jpg"); }

4 Klikk "Fil" og "Lagre som" i menyen. Navnet på filen i "Lagre som type" tekstfeltet. Legg en CSS-fil forlengelse, for eksempel "style.css". Plasser hele filnavnet i anførselstegn for å holde tekst editor fra å legge en tekst utvidelse til det. Klikk på "Lagre".

5 Lukk CSS-filen, men la tekst editor åpen. Velg "File" og "Open" fra menyen. Endre "Files of type" til "Alle filer". Finn HTML-filen du vil endre, og dobbeltklikk på den. Den åpner i tekstredigeringsprogrammet.

6 Plasser markøren rett etter åpningen <HEAD> tag. Hvis du vil koble til CSS-filen, legger du til følgende mellom <head> taggene:

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

7 Plasser markøren etter åpningen <BODY> tag. Legg til følgende kode der du vil at banneret skal vises:

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

8 Velg "File" og "Save" fra menyen for å oppdatere HTML-fil.

Hint

  • Du kan plassere bildet for banneret, CSS og HTML-filer i samme mappe slik at nettsiden og banner vises riktig.
  • Hvis du har plassert banner og CSS-filen i en annen mappe enn HTML-filen, må du ta med mappens navn i koden.
  • For eksempel, for å koble til en "Vis bilder" mappen i hovedmappen, endring "banner.jpg" til "Vis bilder / banner.jpg" i trinn 3. Hvis du vil koble til en "css" mappen i hovedmappen, endring "stil Css "til" css / style.css ") i trinn 6.