Hvordan lage Web Link Pop-Ups

October 10

Pop-ups kan betraktes som et irritasjonsmoment for noen, men hvis du gir de besøkende muligheten til å bringe det opp med et klikk, kan han være mer villig til å lese hva du har vist innsiden av pop-up. Pop-up-bokser er nyttige fordi de tillater bruker å trekke opp en ny, mindre side mens du holder den opprinnelige siden åpne samtidig. Det er en svært grunnleggende HTML-kode som du kan skrive for å lage en web-linken i pop-up vindu.

Bruksanvisning

1 Lag HTML-filen for din pop-up vindu. Innholdet i denne filen er avhengig av hva du vil at web besøkende å se når hun klikker på lenka.

2 Finn arealet av websiden (innsiden av "<body>" tags) der du vil plassere web link. For eksempel, hvis du forteller den besøkende om ditt produkt eller tjeneste, og mistenker at han kan ha spørsmål, kan det være lurt å få opp en pop-up link til et kontaktskjema. Du vil plassere koden rett etter "Har du et spørsmål til oss?" eller en lignende spørsmål.

3 Skriv inn "<a href =" popuppage.html "onclick =" window.open ( 'popuppage.html', 'popup', 'width = 450, height = 700, scrollbars = no, resizable = no, venstre = 0, top = 0 '); return false "> Klikk her for å kontakte oss </a>" (uten utenfor anførselstegn). Erstatt "popuppage.html" med HTML linken adresse til pop-up-side som du opprettet i trinn 1.

4 Sett på bredde og høyde i koden med dine egne valg for å angi størrelsen på pop-up vindu. De andre attributter i koden fjerne scrollbars, tillater ikke brukeren å endre størrelsen på boksen, og definere plasseringen av pop-up --- i dette tilfellet på venstre og øverste hjørne av skjermen. Endre disse attributtene som det passer deg.

5 Lagre HTML-fil og laste den opp til webserveren din. Husk å laste opp pop-up HTML-kode som du opprettet i trinn 1 i tillegg. Naviger til nettsiden din online, og klikk på linken for å sikre at den viser pop-up siden på riktig måte.

Hint

I stedet for teksten i trinn 3 ( "klikk her for å kontakte oss") kan du legge til et bilde. Skriv inn <img src = yourimage.jpg> og erstatte "yourimage.jpg" med navnet på et bilde som er på webserveren din.