Hoe maak je een pop- up kalender op een webpagina

webpagina's die een verscheidenheid aan voordelen en functionaliteit dienen om meer bezoekers te trekken.De kleverigheid en resultaatwaarde van een pagina afhangen van de hoeveelheid van voordeel of bruikbaarheid van de pagina.Web eigenaren kunnen een webpagina te maken met een popup kalender om de bruikbaarheid van de pagina te vergroten, meer bezoekers te trekken en houd ze daar voor langere tijd.Websurfers komen en gaan net als kanaal surfers, en het verstrekken van handige tools, zoals een pop-up kalender vermindert de bezoeker verlaten dat veel pagina's plagen.

instructies

  1. Haal een javascript-code die de functie van popping up de kalender creëert.Stephen Chapman, gastheer van Felgall.com biedt een script.(Zie referenties 1) Het script gaat in een apart bestand (zelf) op de server.

  2. Maak een nieuw bestand van het bedieningspaneel van de webserver.Gebruikers van Cpanel moet op "File Manager" en selecteer de map waarin de kalender webpagina ligt.De meeste hosts

    plaatst alle openbare documenten in de "public_html" map.Klik op "Nieuw bestand" om het bestand te maken.Dit bestand is geen standaard webpagina, zodat de naam van het bestand "calendar.js" in plaats van het creëren van een webpagina met een "html" of soortgelijke extensie.De webpagina met de pop-up kalender zal toegang tot het script om de kalender weer te geven.

  3. Kopieer en plak de javascript-code van Stap 1 in de code-editor voor de nieuwe "calendar.js" bestand.Kopieer de inhoud van het bestand precies en ervoor te zorgen dat er geen vreemde code in het bestand.Sla de wijzigingen en terug te keren naar dezelfde map.

  4. Maak een nieuw bestand voor de webpagina die de kalender zal bevatten of kies een bestaande pagina-bestand en Web.Open de code editor om die webpagina te bewerken.Elke HTML-pagina heeft een "kop" gedeelte boven het "lichaam" deel van de code.De "kop" deel begint met een & lt; head & gt;tag en eindigt met een & lt; / head & gt;tag.Plaats de volgende code, zoals te zien op de website Felgall.com, ergens tussen deze twee tags:

    & lt; script type = "text / javascript" src = "calendar.js" & gt;
    & lt; / script & gt;

    (zie referenties 2)

  5. Test het script door te bevestigen dat de kalender verschijnt na een bezoek aan de pagina.Het zichtbare deel van een webpagina begint met de & lt; body & gt;tag in het HTML-bestand.Verander dit normaal & lt; body & gt;tag op het volgende:

    & lt; body onload = "kalender (0,0);" & gt;

    Sla het bestand na het veranderen van die lijn.Keer terug naar het bedieningspaneel en daarna naar de nieuwe webpagina om te bevestigen dat de kalender opduikt bij binnenkomst.

Tips & amp;Waarschuwingen

  • Gebruik de kalender op webpagina's die gebeurtenis schema's of speciale data.
  • Veel mensen vinden popups irritant te zijn.Met de agenda's alleen wanneer het nuttig is voor dat doel pagina.Te plaatsen op elke pagina van een site zal sommige bezoekers frustreren en maken ze de site verlaten.

Resources

  • verzamelen van Calendar Scripts
225
0
2
Site Usability