Wat is een HTML-diavoorstelling?
Een diavoorstelling met hypertext markup language (HTML) is een reeks afbeeldingen die achtereenvolgens worden bekeken met een webbrowser. De afbeeldingen in een HTML-diavoorstelling veranderen wanneer een gebruiker op een knop klikt om de volgende of vorige dia's te bekijken, of volgens een timer. Bovendien combineren sommige diavoorstellingen een timer met bedieningselementen van de gebruiker. HTML-diavoorstellingen kunnen worden gecodeerd met alleen HTML of een combinatie van HTML en andere talen, zoals JavaScript ™ en Flash®. Afhankelijk van de soorten code die worden gebruikt om de HTML-diavoorstelling te maken, kan de diavoorstelling extra functies bevatten, zoals zoommogelijkheden en de mogelijkheid om een volledige diavoorstelling op dezelfde webpagina te bekijken.
Met de meest eenvoudige HTML-diavoorstelling kan een kijker op koppelingen of knoppen klikken die naar de volgende of vorige dia's leiden en alleen HTML-code gebruiken. Dit type diavoorstelling maakt geen gebruik van een timer of biedt extra functies, zoals de mogelijkheid om in te zoomen op een dia. Om dit type diavoorstelling te maken, wordt er één HTML-pagina per dia gemaakt en biedt elke pagina links waarop een gebruiker klikt om door de show te gaan. Elke dia kan afbeeldingen, bijschriften en extra tekst bevatten. De pagina's in de diavoorstelling moeten worden ontworpen met behulp van vergelijkbare stijlen of dezelfde HTML-paginasjablonen, waardoor de kijker de inhoud als een diavoorstelling kan zien, in plaats van afzonderlijke webpagina's.
Een getimede HTML-diavoorstelling kan worden gemaakt met behulp van de HTML http-equiv refresh metatag. Er kunnen extra bedieningselementen worden toegevoegd, waaronder knoppen waarmee de gebruiker naar de volgende afbeelding kan gaan of terug kan gaan naar de vorige afbeelding. Net als de meest eenvoudige HTML-diavoorstelling, wordt er één HTML-pagina per dia gemaakt. De webprogrammeur voegt de meta-tag http-equiv verversen toe aan de HTML-pagina van elke dia en definieert het aantal seconden om te wachten voordat de volgende dia wordt geladen door de parameter content toe te voegen aan de metatag. De uniforme resource locator (URL) die de locatie van de volgende dia identificeert, bevindt zich ook in de metatag met behulp van de URL-parameter.
De meeste HTML-diavoorstellingen worden gemaakt met een combinatie van talen, waaronder HTML, Flash®, JavaScript ™, jQuery en cascading style sheets (CSS). Deze diavoorstellingen bieden meer functies dan die gecodeerd met alleen HTML. Naast getimede dia's en gebruikersbesturingen waarmee kijkers dia's kunnen overslaan, kunnen zoomen, pannen en ingesloten miniaturen van dia's worden toegevoegd. Dia-miniaturen zijn met name handig voor diavoorstellingen met een groot aantal dia's, omdat elke klikbare miniatuur een voorbeeld van de gekoppelde dia weergeeft en de gebruiker naar elke dia kan gaan die hij of zij wenst te bekijken. Bovendien kunnen websiteontwerpers door het gebruik van extra talen een volledige diavoorstelling in één webpagina insluiten.
Voor het toevoegen van een HTML-diavoorstelling met veel functies die een combinatie van talen gebruikt, moet de website-ontwerper minstens twee programmeertalen kennen. Gelukkig is de code die nodig is om deze diavoorstellingen te maken, afgedrukt in webprogrammaboeken en gratis online beschikbaar. Bovendien ondersteunen sommige contentmanagementsystemen (CMS) de toevoeging van plug-ins en zijn sommige plug-ins voor diavoorstellingen beschikbaar. Deze plug-ins maken het mogelijk om een HTML- of meertalige diavoorstelling aan een webpagina toe te voegen zonder HTML of andere talen te leren.