Diavoorstellingen zijn een veelgebruikte website-interface die wordt gebruikt om recente inhoud te markeren.
Afbeelding tegoed: Miriam2009/iStock/Getty Images
Dreamweaver is Adobe's professionele webontwikkelingssoftware en biedt een reeks functies voor het bouwen van webpagina's. Deze functies variëren van back-end database-integratie tot JavaScript-diavoorstellingen die afbeeldingen met vaste tussenpozen veranderen. Met het gestandaardiseerde JavaScript van Dreamweaver kunnen websiteontwikkelaars diavoorstellingen maken zonder rechtstreeks in de code te hoeven graven. Terwijl het webelement, een 'diavoorstelling' genaamd, dezelfde naam heeft als een stapel PowerPoint-dia's, is de uitvoer van Dreamweaver standaard HTML die in elke webbrowser kan worden bekeken.
Stap 1
Start Dreamweaver en open het websiteproject vanuit het menu "Bestand". Navigeer naar de pagina van uw websiteproject waar de diavoorstelling wordt geïntegreerd.
Video van de dag
Stap 2
Klik op "Invoegen" en vervolgens op "Laag" in het menu van de bovenste laag. Dit opent een dialoogvenster; klik op "Afbeelding" voor het type laag in dat vak.
Stap 3
Klik op "Bladeren" en navigeer naar uw afbeeldingenmap. Selecteer de afbeelding van uw eerste laag -- dit is de eerste dia die in de diavoorstelling wordt weergegeven. U kunt ook naar andere HTML-pagina's verwijzen in plaats van afbeeldingen; dit is een manier om tekst en klikbare links in de diavoorstelling van uw website te integreren.
Stap 4
Herhaal de vorige twee stappen en voeg een nieuwe laag en geschikte inhoud toe voor elke dia die u wilt weergeven. Omdat het JavaScript dat wordt gebruikt om de diavoorstelling in de webbrowser weer te geven, alle inhoud vooraf ophaalt, zult u: wil waarschijnlijk diavoorstellingen beperken tot niet meer dan zes of zeven elementen, zodat de webpagina binnen een redelijke tijd wordt geladen tijd.
Stap 5
Klik op 'Venster' en vervolgens op 'Tijdlijn' in het menu van de bovenste laag. Er verschijnt een tijdlijneditor. Voer een duur in voor elke afbeelding in de lagenset die u hebt gemaakt. Selecteer de eerste afbeelding die u wilt weergeven, klik met de rechtermuisknop op het tijdlijnitem ervoor en selecteer 'Keyframe toevoegen'.
Stap 6
Selecteer een combinatie van laag en afbeelding voor het geselecteerde keyframe en herhaal deze procedure voor elke laag en afbeelding die u in uw tijdlijn wilt.
Stap 7
Klik op "OK" om uw instellingen op te slaan.
