Sådan skrives HTML til en rullende besked

Design, oprettelse og vedligeholdelse af en professionel hjemmeside til din virksomhed er en masse arbejde. Selv efter at du har fået din hjemmeside til at køre, kan tiltrække besøgende vise sig at være endnu mere udfordrende. Når en potentiel kunde klikker på en annonce eller et link for at besøge dit websted, er det vigtigt, at dine sider hurtigt får sin opmærksomhed for at forhindre ham i at klikke væk til en konkurrents hjemmeside. En måde at gribe en besøgers opmærksomhed på er at rulle tekst, der bevæger sig på tværs af skærmen. Med blot et uddrag af HTML-kode kan du oprette en rullende markering, der trækker en besøgendes øjne til den som en magnet.

1.

Start Windows Notepad eller din foretrukne tekst eller HTML editor. Åbn filen til den webside, du vil forbedre med en rullebesked.

2.

Naviger ned til det punkt, hvor du vil have rullebeskeden vist på siden. Klik og placér musen i slutningen af ​​kodelinien lige over, hvor du vil have meddelelsen vist, og tryk derefter på "Enter" for at indsætte en vognretur eller linjeskift i koden.

3.

Kopier og indsæt følgende i HTML-dokumentet for at oprette en simpel rullebesked med tekst, der ruller ind fra højre side af siden en gang, men fortsætter ikke med at rulle:

Skriv din rullende besked her

4.

Kopier og indsæt følgende kode på siden for at indsætte en rullende besked med tekst, der ruller ind fra højre og fortsætter med at rulle i en loop:

Skriv din rullende besked her

5.

Kopier og indsæt følgende kode i HTML-dokumentet for at oprette en rullende besked, hvor teksten springer frem og tilbage på skærmen kontinuerligt:

Skriv din rullende besked her

6.

Kopier og indsæt følgende kode på siden for at få teksten til at rulle op fra bunden af ​​tekstboksen:

Skriv din rullende besked her

7.

Ændre scrollhastigheden for meddelelsen ved at indsætte "scrollamount" -argumentet i markeringenskoden. For eksempel vil følgende rulle meddelelsen langsomt over skærmen:

Skriv din slow scrolling besked her

Brug koden nedenfor for at få beskeden til at rulle meget hurtigere på tværs af skærmen:

Skriv din hurtige rullende besked her

Skift "scrollamount" -variablen efter behov for at øge eller formindske teksthastigheden.

8.

Gem HTML-filen i Notesblok eller dit foretrukne editor-program. Log ind på dit webhosting kontrolpanel og brug File Manager eller lignende værktøj til at uploade filen til din webserver.

9.

Åbn en webbrowser og naviger til URL'en for den opdaterede HTML-side. Når siden er indlæst i dit browservindue, rulles beskeden hen over skærmen.

Tips

• Du kan også indsætte et rullende billede på din webside. For at gøre dette skal du kopiere og indsætte følgende kode på det punkt, hvor du ønsker at rullebilledet skal vises på siden:
• Skift "//www.somesite.com/images/picture.gif" til den faktiske webadresse for det billede, du vil rulle på skærmen.
• Hvis du ikke føler dig sikker på at skrive HTML-kode fra bunden, kan du bruge en online markørkodegenerator til at oprette koden. Websider som Quackit.com, HTMLMarquee.com og HTMLBasix.com giver gratis, brugervenlige generatorer, du kan bruge til at designe rullebeskeder og derefter generere HTML-kode, som du blot indsætter i en webside (links i Resources.)