Hoe maak je een Spry Slide Show in Dreamweaver CS4

U kunt een diavoorstelling met Dreamweaver te maken. projector klaar voor presentatie door Dmitry Goygel-Sokol van Fotolia.com

Slide shows kunnen worden gemaakt in Dreamweaver in slechts een paar minuten met behulp van CS4 Spry-widgets.In CS4, kunt u een diavoorstelling met de tabbladen panelen, inklapbare panelen of accordeon Spry-widget maken.De selectie van die widget te gebruiken zal afhangen van wat de lay-out presentatie het beste past bij uw behoeften.De tabbladen panelen Spry-widget heeft een goede baan, dat zal vullen de behoeften van de meeste.

wat je nodig hebt

  • GIF- of JPEG-beeldbestanden

instructies

  1. Start Adobe Dreamweaver CS4.Selecteer "HTML" zich onder de categorie "Nieuwe" op het splash scherm dat verschijnt.Selecteer "File & gt; Opslaan als."Sla het bestand op als "slideshow."

  2. Plaats uw cursor op de pagina waar u wilt dat uw tabbladen panelen widget te verschijnen.Druk op enter om de locatie naar beneden te bewegen.Selecteer "Invoegen & gt; Spry & gt; Spry Tabbed Panels" in het hoofdmenu.Merk op dat een tabbl

    ad panelen widget is op het scherm met twee tabbladen genaamd "tab1" en "tab2" en twee inhoud panelen genaamd "Content1" en "Content2."

  3. Plaats uw cursor in het panel Content1.Verwijder de Content1 tekst.Selecteer "Invoegen & gt; afbeelding" in het hoofdmenu.Blader door uw mappen voor een beeldbestand in te voegen.Selecteer een beeldbestand dat is geformatteerd als een GIF- of JPEG-bestand.Selecteer "OK."Druk nogmaals op OK wanneer de "Image Toegankelijkheidskenmerken" verschijnt.Herhaal de foto inbrengen proces voor het paneel Content2.

  4. Selecteer het tabblad 1. Plaats uw cursor in het tabblad tabblad 1, verwijdert u de rubriek tabblad 1 en type in het tabblad een nieuwe naam.Met de naam "Slide One", voor dit voorbeeld.Herhaal de procedure voor de resterende tabblad.Naam van de andere tab "Schuif twee."

  5. Test uw diavoorstelling.Plaats de cursor over de Slide One tabblad.Klik op het pictogram "oog" wanneer deze verschijnt.Controleer dat het beeld verschijnt dat u in de Slide One inhoud verschijnt geplaatst.Doe hetzelfde met de twee tabblad Slide.Selecteer "File & gt; Voorbeeld in browser & gt; IExplore".Selecteer de Slide One en Slide Twee tabbladen beurt en controleren om te zien of de bijbehorende afbeelding die u geplaatst verschijnt wanneer elk tabblad is geselecteerd.

Tips & amp;Waarschuwingen

  • U kunt de volgorde van de dia's in het pand inspecteur veranderen.Selecteer "Spry Tabbed Panels" icoon net boven je tabbladen panelen widget.Selecteer de pijl omlaag genaamd "Move paneel in de lijst" of de pijl omhoog genaamd "Move paneel in de lijst."De naam van de pijl moet verschijnen in een tooltip als je rollen over deze pijlen.U kunt ook verwijderen en de nieuwe dia's toe te voegen aan de "plus" en "min" iconen.
  • Als u wilt geavanceerde Spry diashow widgets die niet significant codering en ontwerp vereisen, kunt u Spry UI-widgets te gebruiken.Echter, deze widgets zijn alleen beschikbaar voor Dreamweaver CS5.

Resources

  • Adobe Systems: Spry UI Image Slideshow
661
0
1
Worden Self Gegeven