Hvordan skrive HTML for en rullingsmelding

Å designe, opprette og vedlikeholde et profesjonelt nettsted for virksomheten din, er mye arbeid. Selv etter at du har oppnådd nettstedet ditt, kan det være enda mer utfordrende å tiltrekke besøkende. Når en potensiell kunde klikker på en annonse eller lenke for å besøke nettstedet ditt, er det viktig at sidene dine raskt tar tak i sin oppmerksomhet for å hindre ham fra å klikke bort til en konkurrents nettsted. En måte å ta tak i en besøkendes oppmerksomhet er å bla tekst som beveger seg over skjermen. Med bare en utdrag av HTML-kode, kan du opprette en rullende markering som trekker en besøkendes øyne til den som en magnet.

1.

Start Windows Notisblokk eller din foretrukne tekst eller HTML-editor. Åpne filen for nettsiden du vil forbedre med en rullingsmelding.

2.

Naviger ned til punktet der du vil at rullingsmeldingen skal vises på siden. Klikk og plasser musen på slutten av kodelinjen like over hvor du vil at meldingen skal vises, trykk deretter "Enter" for å sette inn en vognretur eller linjeskift i koden.

3.

Kopier og lim inn følgende i HTML-dokumentet for å lage en enkel rullingsmelding med tekst som ruller inn fra høyre side av siden en gang, men fortsetter ikke å rulle:

Skriv inn rullingsmeldingen din her

4.

Kopier og lim inn følgende kode i siden for å sette inn en rullende melding med tekst som ruller inn fra høyre og fortsetter å rulle i en loop:

Skriv inn rullingsmeldingen din her

5.

Kopier og lim inn følgende kode i HTML-dokumentet for å lage en rullingsmelding der teksten spretter frem og tilbake på skjermen kontinuerlig:

Skriv inn rullingsmeldingen din her

6.

Kopier og lim inn følgende kode i siden for å få teksten til å rulle opp fra bunnen av tekstboksen:

Skriv inn rullingsmeldingen din her

7.

Endre blahastigheten til meldingen ved å sette "scrollamount" -argumentet inn i teltkoden. For eksempel vil følgende rulle meldingen sakte over skjermen:

Skriv din langsomme rullemelding her

Bruk koden nedenfor for å få meldingen til å rulle mye raskere over skjermen:

Skriv hurtigmeldingsmeldingen din her

Endre "scrollamount" -variabelen etter behov for å øke eller redusere rullhastigheten til teksten.

8.

Lagre HTML-filen i Notisblokk eller ditt foretrukne redigeringsprogram. Logg inn på ditt webhotell kontrollpanel og bruk Filbehandling eller lignende verktøy for å laste opp filen til webserveren din.

9.

Åpne en nettleser og naviger til nettadressen for den oppdaterte HTML-siden. Etter at siden lastet i nettleservinduet, ruller meldingen over skjermen.

Tips

  • Du kan også sette inn et rullende bilde på websiden din også. For å gjøre dette, kopier og lim inn følgende kode på det punktet du vil at rullingsbildet skal vises på siden:
  • Endre "//www.somesite.com/images/picture.gif" til den faktiske nettadressen til bildet du vil bla på skjermen.
  • Hvis du ikke føler deg trygg på å skrive HTML-kode fra grunnen av, kan du bruke en online markørkode generator for å lage koden. Nettsteder som Quackit.com, HTMLMarquee.com og HTMLBasix.com gir gratis, brukervennlige generatorer du kan bruke til å designe rullingsmeldinger og deretter generere HTML-kode som du bare limer inn i en hvilken som helst nettside (linker i ressurser.)

Populære Innlegg