Hvordan lage en lysbildefremvisning med Dreamweaver

Diapositiv

Lysbildefremvisninger er et vanlig nettstedsgrensesnitt som brukes til å fremheve nylig innhold.

Bildekreditt: Miriam2009/iStock/Getty Images

Dreamweaver er Adobes profesjonelle webutviklingsprogramvare og tilbyr en rekke funksjoner for å bygge nettsider. Disse funksjonene spenner fra back-end databaseintegrasjon til JavaScript-lysbildefremvisninger som endrer bilder med faste intervaller. Dreamweavers standardiserte JavaScript lar nettstedutviklere lage lysbildefremvisninger uten å måtte grave direkte i koden. Mens webelementet kalt en "lysbildefremvisning" deler samme navn som en kortstokk med PowerPoint-lysbilder, er utdataene til Dreamweaver standard HTML som kan vises i alle nettlesere.

Trinn 1

Start Dreamweaver og åpne nettsideprosjektet fra "Fil"-menyen. Naviger til siden til nettstedet ditt der lysbildefremvisningen skal integreres.

Dagens video

Steg 2

Klikk "Sett inn" og deretter "Layer" fra topplagmenyen. Dette vil åpne en dialogboks; klikk "Bilde" for typen lag i den boksen.

Trinn 3

Klikk "Bla gjennom" og naviger til bildekatalogen din. Velg bildet til det første laget ditt -- dette vil være det første lysbildet som vises i lysbildefremvisningen. Du kan også peke på andre HTML-sider i stedet for bilder; dette er en måte å integrere tekst og klikkbare lenker i lysbildefremvisningen på nettstedet ditt.

Trinn 4

Gjenta de to foregående trinnene, legg til et nytt lag og passende innhold for hvert lysbilde du vil ha vist. Fordi JavaScript som brukes til å vise lysbildefremvisningen i nettleseren vil forhåndshente alt innholdet, vil du vil sannsynligvis beholde lysbildefremvisninger til ikke mer enn seks eller syv elementer slik at nettsiden lastes inn på en rimelig måte tid.

Trinn 5

Klikk på "Vindu" og deretter "Tidslinje" fra topplagsmenyen. En tidslinjeredigerer vil vises. Angi en varighet for hvert bilde i lagsettet du opprettet. Velg det første bildet du vil vise, høyreklikk på tidslinjeoppføringen for det og velg "Legg til nøkkelbilde".

Trinn 6

Velg en lag/bilde-kombinasjon for det valgte nøkkelbildet og gjenta denne prosedyren for hvert lag og bilde du vil ha i tidslinjen.

Trinn 7

Klikk "OK" for å lagre innstillingene.