Hoe HTML te schrijven voor een scrollend bericht

Het ontwerpen, creëren en onderhouden van een professionele website voor uw bedrijf is een hoop werk. Zelfs nadat u uw website heeft opgezet, kan het aantrekken van bezoekers zelfs nog uitdagender blijken te zijn. Zodra een potentiële klant op een advertentie of link klikt om uw site te bezoeken, is het belangrijk dat uw pagina's snel zijn aandacht trekken om te voorkomen dat hij wegkijkt naar de website van een concurrent. Een manier om de aandacht van een bezoeker te trekken, is met scrollende tekst die over het scherm beweegt. Met slechts een HTML-codefragment kunt u een schuifbaar selectiekader maken dat de ogen van een bezoeker er als een magneet naar toe trekt.

1.

Start Windows Notepad of de gewenste tekst- of HTML-editor. Open het bestand voor de webpagina die u wilt verbeteren met een schuifbericht.

2.

Navigeer naar het punt waar u het scrollbericht op de pagina wilt laten verschijnen. Klik en plaats de muis aan het einde van de coderegel net boven waar u het bericht wilt laten verschijnen en druk vervolgens op "Enter" om een ​​regelterugloop of regeleinde in de code in te voegen.

3.

Kopieer en plak het volgende in het HTML-document om een ​​eenvoudig scrollbericht te maken met tekst die aan de rechterkant van de pagina één keer schuift maar niet blijft scrollen:

Typ hier uw scrollbericht

4.

Kopieer en plak de volgende code in de pagina om een ​​scrollen bericht in te voegen met tekst die van rechts scrollt en blijft scrollen in een lus:

Typ hier uw scrollbericht

5.

Kopieer en plak de volgende code in het HTML-document om een ​​schuifbericht te maken waarin de tekst continu heen en weer springt op het scherm:

Typ hier uw scrollbericht

6.

Kopieer en plak de volgende code in de pagina om de tekst omhoog te laten scrollen vanaf de onderkant van het tekstvak:

Typ hier uw scrollbericht

7.

Wijzig de bladersnelheid van het bericht door het argument "scrollamount" in de selectiekadercode te plaatsen. Het volgende zal bijvoorbeeld het bericht langzaam over het scherm scrollen:

Typ hier uw langzaam scrollen bericht

Gebruik de onderstaande code om het bericht sneller te laten scrollen over het scherm:

Typ hier uw snel scrollen bericht

Wijzig de "scrollamount" -variabele naar wens om de schuifsnelheid van de tekst te verhogen of te verlagen.

8.

Sla het HTML-bestand op in Kladblok of de gewenste editor-toepassing. Meld u aan bij uw webhostingconfiguratiescherm en gebruik Bestandsbeheer of een vergelijkbaar hulpprogramma om het bestand naar uw webserver te uploaden.

9.

Open een webbrowser en ga naar de URL voor de bijgewerkte HTML-pagina. Nadat de pagina in uw browservenster is geladen, schuift het bericht over het scherm.

Tips

• U kunt ook een verschuivende afbeelding invoegen op uw webpagina. Hiertoe kopieert en plakt u de volgende code op het punt waar u de schuifafbeelding op de pagina wilt weergeven:
• Wijzig "//www.somesite.com/images/picture.gif" in de eigenlijke URL van de afbeelding die u op het scherm wilt weergeven.
• Als u er geen zelfvertrouwen van hebt om de HTML-code helemaal opnieuw te schrijven, kunt u een online selectiekarakterengenerator gebruiken om de code te maken. Sites zoals Quackit.com, HTMLMarquee.com en HTMLBasix.com bieden gratis, eenvoudig te gebruiken generatoren die u kunt gebruiken om scrolle berichten te ontwerpen en vervolgens HTML-code te genereren die u eenvoudig in een webpagina plakt (koppelingen in bronnen).