Bildspel är ett vanligt webbplatsgränssnitt som används för att lyfta fram det senaste innehållet.
Bildkredit: Miriam2009/iStock/Getty Images
Dreamweaver är Adobes professionella webbutvecklingsprogram och tillhandahåller en rad funktioner för att bygga webbsidor. Dessa funktioner sträcker sig från back-end-databasintegration till JavaScript-bildspel som ändrar bilder med fasta intervall. Dreamweavers standardiserade JavaScript låter webbplatsutvecklare skapa bildspel utan att behöva gräva direkt i koden. Medan webbelementet som kallas ett "bildspel" har samma namn som en kortlek med PowerPoint-bilder, är Dreamweavers utdata standard HTML som kan visas i vilken webbläsare som helst.
Steg 1
Starta Dreamweaver och öppna webbplatsprojektet från menyn "Arkiv". Navigera till sidan i ditt webbplatsprojekt där bildspelet kommer att integreras.
Dagens video
Steg 2
Klicka på "Infoga" och sedan på "Layer" från menyn översta lagret. Detta öppnar en dialogruta; klicka på "Bild" för typen av lager i den rutan.
Steg 3
Klicka på "Bläddra" och navigera till din bildkatalog. Välj ditt första lagers bild -- detta kommer att vara den första bilden som visas i bildspelet. Du kan också peka på andra HTML-sidor istället för bilder; detta är ett sätt att integrera text och klickbara länkar i ditt bildspel på din webbplats.
Steg 4
Upprepa de två föregående stegen, lägg till ett nytt lager och lämpligt innehåll för varje bild du vill ska visas. Eftersom JavaScript som används för att visa bildspelet i webbläsaren hämtar allt innehåll i förväg, kommer du att vill förmodligen behålla bildspel till högst sex eller sju element så att webbsidan laddas på ett rimligt sätt tid.
Steg 5
Klicka på "Fönster" och sedan på "Tidslinje" från menyn översta lagret. En tidslinjeredigerare visas. Ange en varaktighet för varje bild i lageruppsättningen du skapade. Välj den första bilden du vill visa, högerklicka på tidslinjeposten för den och välj "Lägg till nyckelbildruta".
Steg 6
Välj en kombination av lager/bild för den valda nyckelbildrutan och upprepa denna procedur för varje lager och bild du vill ha i din tidslinje.
Steg 7
Klicka på "OK" för att spara dina inställningar.