Slideshows er en almindelig webstedsgrænseflade, der bruges til at fremhæve seneste indhold.
Billedkredit: Miriam2009/iStock/Getty Images
Dreamweaver er Adobes professionelle web-udviklingssoftware og giver en række funktioner til opbygning af websider. Disse funktioner spænder fra back-end-databaseintegration til JavaScript-diasshows, der ændrer billeder med faste intervaller. Dreamweavers standardiserede JavaScript lader webstedsudviklere oprette diasshows uden at skulle grave direkte i koden. Mens webelementet kaldet et "diasshow" deler det samme navn som et sæt PowerPoint-dias, er Dreamweavers output standard HTML, som kan ses i enhver webbrowser.
Trin 1
Start Dreamweaver, og åbn webstedsprojektet fra menuen "Filer". Naviger til siden i dit webstedsprojekt, hvor diasshowet vil blive integreret.
Dagens video
Trin 2
Klik på "Indsæt" og derefter på "Layer" fra toplagsmenuen. Dette åbner en dialogboks; klik på "Billede" for typen af lag i den boks.
Trin 3
Klik på "Gennemse" og naviger til dit billedbibliotek. Vælg dit første lags billede -- dette vil være det første dias, der vises i diasshowet. Du kan også pege på andre HTML-sider i stedet for billeder; dette er en måde at integrere tekst og klikbare links i dit websteds diasshow.
Trin 4
Gentag de to foregående trin, tilføj et nyt lag og passende indhold for hvert dias, du vil have vist. Fordi det JavaScript, der bruges til at vise diasshowet i webbrowseren, vil forhåndshente alt indhold, vil du vil sandsynligvis ikke beholde diasshows til mere end seks eller syv elementer, så websiden indlæses på en rimelig måde tid.
Trin 5
Klik på " Vindue " og derefter " Tidslinje " fra menuen på det øverste lag. En tidslinjeeditor vises. Indtast en varighed for hvert billede i det lagsæt, du oprettede. Vælg det første billede, du vil have vist, højreklik på tidslinjeindgangen for det, og vælg "Tilføj nøgleramme".
Trin 6
Vælg en kombination af lag/billede for den valgte keyframe, og gentag denne procedure for hvert lag og billede, du ønsker på din tidslinje.
Trin 7
Klik på "OK" for at gemme dine indstillinger.
