Lägg till medieobjekt

Senast uppdaterad den 27 apr. 2021

Lär dig hur du infogar och redigerar medieobjekt på Dreamweaver-webbsidor, använder Design Notes och mycket mer.

Förutom SWF- och FLV-filer kan du infoga andra ljud- och videoobjekt i Dreamweaver-dokument. Om du ger ett medieobjekt tillgänglighetsattribut kan du ange och redigera deras värden i HTML-koden.

Placera markören i dokumentfönstret där du vill infoga objektet.
Infoga objektet genom att göra något av följande:
  • Klicka på Media i kategorin HTML på panelen Infoga och välj ikonen för den typ av objekt som du vill infoga.

  • Välj det aktuella objektet på undermenyn Infoga > HTML.

  • I dialogrutan som visas kan du välja en källfil och ange vissa parametrar för medieobjektet.

Obs!

Om du inte vill att sådana dialogrutor ska visas ska du välja Redigera > Inställningar > Allmänt (Windows) eller Dreamweaver > Inställningar > Allmänt (Macintosh) och avmarkera alternativet Visa dialogrutan vid infogning av objekt. Håll ned Ctrl (Windows) eller Alternativ (Macintosh) när du infogar objektet om du vill åsidosätta inställningen som gäller för visning av dialogrutor. 

Fyll i dialogrutan Markera fil och klicka på OK.
Obs!

Dialogrutan Tillgänglighetsattribut visas om du har valt att visa attribut när du infogar media i dialogrutan Redigera > Inställningar.

Ange tillgänglighetsattributen.
Obs!

Du kan också redigera mediaobjektattribut genom att välja objektet och redigera HTML-koden i kodvyn, eller genom att högerklicka (Windows) eller Control-klicka (Macintosh) och välja Redigera taggkod.

Titel

Ange mediaobjektets titel.

Snabbtangent

Ange en tangentbordsgenväg (en bokstav) i textrutan för att välja formulärobjektet i webbläsaren. Detta låter en besökare på platsen använda Control-tangenten (Windows) med snabbtangenten för att komma åt objektet. Om du till exempel anger B som snabbtangent använder du Control+B för att välja objektet i webbläsaren.

Tabbindex

Ange formulärobjektets tabbordningsnummer. Att ange en tabbordning är användbart när du har andra länkar och formulärobjekt på sidan och behöver att användaren tabbar genom dem i en specifik ordning. Om du anger tabbordning för ett objekt ska du se till att ange tabbordningen för alla objekt.

Infoga mediaobjektet genom att klicka på OK.
Obs!

Om du klickar på Avbryt visas en platshållare för mediaobjekt i dokumentet, men Dreamweaver associerar inte tillgänglighetstaggar eller attribut med det.

För att ange en källfil, eller för att ange dimensioner och andra parametrar och attribut, använd egenskapsinspektören för varje objekt. Du kan redigera tillgänglighetsattribut för ett objekt.

Starta en extern redigerare för mediafiler

Du kan starta en extern redigerare från Dreamweaver för att redigera de flesta mediafiler. Du kan även ange vilken redigerare du vill att Dreamweaver ska starta.

Se till att mediafiltypen är kopplad till en redigerare på ditt system.

För att ta reda på vilken redigerare som är kopplad till filtypen väljer du Redigera > Inställningar i Dreamweaver och väljer Filtyper/Redigerare från kategorilistan. Klicka på filens tillägg i kolumnen Tillägg för att visa den associerade redigeraren eller redigerarna i kolumnen Redigerare. Du kan ändra den redigerare som är kopplad till en filtyp.

Dubbelklicka på mediafilen i panelen Filer för att öppna den i den externa redigeraren.

Redigeraren som startar när du dubbelklickar på filen i panelen Filer kallas primär redigerare. Om du dubbelklickar på en bildfil öppnar Dreamweaver till exempel filen i den primära externa bildredigeraren som Adobe Fireworks.

Om du inte vill använda den primära externa redigeraren för att redigera filen kan du använda en annan redigerare på ditt system för att redigera filen genom att göra något av följande:
  • I panelen Filer högerklickar du (Windows) eller Control-klickar (Macintosh) på filnamnet och väljer Öppna med från snabbmenyn.

  • I designvyn högerklickar du (Windows) eller Control-klickar (Macintosh) på mediaelementet inom den aktuella sidan och väljer Redigera med från snabbmenyn.

Ange vilken redigerare som ska startas från Dreamweaver

Du kan specificera vilken redigerare du vill att Dreamweaver ska använda för att redigera en filtyp, och lägga till eller ta bort filtyper som Dreamweaver känner igen.

Ange uttryckligen vilka externa redigerare som ska startas för en given filtyp

Välj Redigera > Inställningar och välj Filtyper/Redigerare från kategorilistan.

Filnamnstillägg, som .gif, .wav, och .mpg, visas till vänster under Tillägg.Associerade redigerare för ett valt tillägg visas till höger under Redigerare.

Välj filtypstillägget i listan Tillägg och gör något av följande:
  • För att associera en ny redigerare med filtypen, klicka på Plus (+)-knappen ovanför listan Redigerare och fyll i dialogen som visas.

    Välj till exempel applikationsikonen för Acrobat för att associera den med filtypen.

  • För att göra en redigerare till den primära redigeraren för en filtyp (det vill säga redigeraren som öppnas när du dubbelklickar på filtypen i panelen Filer), välj redigeraren i listan Redigerare och klicka på Gör till primär.

  • För att ta bort associationen mellan en redigerare och en filtyp, välj redigeraren i listan Redigerare och klicka på Minus (-)-knappen ovanför listan Redigerare.

Lägg till en ny filtyp och associerad redigerare

Klicka på Plus (+)-knappen ovanför listan Tillägg och ange ett filtypstillägg (inklusive punkten i början av tillägget) eller flera relaterade tillägg separerade med mellanslag.

Du kan till exempel ange .xml .xsl om du vill associera dem med en XML-redigerare installerad på ditt system.

Välj en redigerare för filtypen genom att klicka på Plus (+)-knappen ovanför listan Redigerare och fylla i dialogen som visas.

Ta bort en filtyp

Välj filtypen i listan Tillägg och klicka på Minus (-)-knappen ovanför listan Tillägg.
Obs!

Du kan inte ångra efter att ha tagit bort en filtyp, så se till att du verkligen vill ta bort den.

Använda Design Notes med mediaobjekt

Precis som med andra objekt i Dreamweaver kan du lägga till Designanteckningar till ett medieobjekt.Designanteckningar är anteckningar associerade med en viss fil, som lagras i en separat fil.Du kan använda Designanteckningar för att hålla reda på extra filinformation associerad med dina dokument, som källfilnamn för bilder och kommentarer om filstatus.

Högerklicka (Windows) eller Control‑klicka (Macintosh) på objektet i dokumentfönstret.
Obs!

Du måste definiera din webbplats innan du lägger till designanteckningar till något objekt.

Välj Design Notes för sidan på snabbmenyn.
Ange uppgifterna som du vill ha med i anteckningen.
Obs!

Du kan också lägga till en Designanteckning till ett medieobjekt från panelen Filer genom att välja filen, visa snabbmenyn och välja Designanteckningar från snabbmenyn.

Lägg till video (inte FLV)

Du kan lägga till video på din webbsida på olika sätt och med olika format.Video kan hämtas till användaren eller den kan strömmas så att den spelas upp medan den hämtas.

Spara filmklippet i platsmappen.

Klippen är ofta i AVI- eller MPEG-format.

Länka till filmklippet eller bädda in det på sidan.

För att länka till klippet, ange text för länken som "Hämta klipp", välj texten och klicka på mappikonen i Egenskapsinspektören.Bläddra dig fram till filmfilen och välj den.

Obs!

Användaren måste hämta en hjälpapplikation (ett insticksprogram) för att visa vanliga strömningsformat som Real Media, QuickTime och Windows Media.

Infoga material till plugin-program

Du kan skapa innehåll som en QuickTime-film för ett webbläsarinsticksprogram och sedan använda Dreamweaver för att infoga det innehållet i ett HTML-dokument.Typiska insticksprogram inkluderar RealPlayer och QuickTime, medan vissa innehållsfiler inkluderar mp3-filer och QuickTime-filmer.

Du kan förhandsgranska filmer och animationer som förlitar sig på webbläsarinsticksprogram direkt i designvyn i dokumentfönstret.Du kan spela alla insticksprogramelement samtidigt för att se hur sidan ser ut för användaren, eller så kan du spela var och en individuellt för att säkerställa att du har bäddat in rätt medieelement.

Obs!

Du kan inte förhandsgranska filmer eller animationer som förlitar sig på ActiveX-kontroller.

När du har infogat innehåll för ett insticksprogram använder du egenskapsinspektören för att ställa in parametrar för det innehållet.För att visa följande egenskaper i egenskapsinspektören väljer du ett insticksprogramobjekt.

Egenskapsinspektören visar initialt de vanligaste egenskaperna.Klicka på utvidgningspilen i det nedre högra hörnet för att se alla egenskaper.

Infoga insticksprograminnehåll och ställ in dess egenskaper

I designvyn i dokumentfönstret placerar du insättningspunkten där du vill infoga innehållet och gör sedan något av följande:
  • I kategorin Vanliga i panelen Infoga klickar du på knappen Media och väljer Plugin-ikonen från menyn.

  • Välj Infoga > Media > Plugin.

I dialogrutan som visas väljer du en innehållsfil för ett insticksprogram och klickar på OK.
Ange egenskaperna för plugin-programmet i egenskapskontrollen.

Namn

Anger namnet som identifierar plugin-programmet i skript. Ange ett namn i den omärkta textrutan längst till vänster i egenskapsinspektören.

B och H

Ange bredd och höjd i pixlar som tilldelas objektet på sidan.

Källa

Anger källdatafilen. Klicka på mappikonen för att bläddra till en fil eller ange ett filnamn.

Inst.-URL

Anger URL-adressen till pluginspace-attributet. Ange den fullständiga URL:en till webbplatsen där användare kan hämta insticksprogrammet.Om användaren som visar din sida inte har insticksprogrammet försöker webbläsaren ladda ned det från denna URL.

Justera

Bestämmer hur objektet justeras på sidan.

Lodrätt mellanrum och Vågrätt mellanrum

Ange mängden tomt utrymme i pixlar ovanför, nedanför och på båda sidor om insticksprogrammet.

Kant

Bestämmer kantbredden runt plugin-programmet.

Parametrar

Öppnar en dialogruta för att ange ytterligare parametrar som ska skickas till insticksprogrammet.Många plugin-program har särskilda parametrar.

Du kan också visa attributen som tilldelats det valda insticksprogrammet genom att klicka på knappen Attribut.Du kan redigera, lägga till och ta bort attribut som bredd och höjd i denna dialogruta.

Spela upp insticksprograminnehåll i dokumentfönstret

Infoga ett eller flera mediaelement med någon av metoderna som beskrivs i föregående avsnitt.
Gör något av följande:
  • Välj ett av mediaelementen som du har infogat och välj Visa > Plugin-program > Spela upp eller klicka på uppspelningsknappen i egenskapskontrollen.

  • Välj Visa > Plugin-program > Spela upp alla om du vill spela upp alla mediaelementen på den aktuella sidan som kräver plugin-program.

Obs!

Spela upp alla gäller enbart det aktuella dokumentet och inte de övriga dokumenten i en ramuppsättning, till exempel.

Sluta spela upp material till plugin-program

Välj ett mediaelement och välj Visa > Plugin-program > Stopp, eller klicka på Stopp-knappen i egenskapsinspektören.

Du kan också välja Visa > Plugin-program > Stoppa alla för att stoppa allt plugin-innehåll från att spelas.

Felsök plugin-program

Om du har följt stegen för att spela plugin-innehåll i dokumentfönstret, men en del av plugin-innehållet inte spelas, prova följande:

  • Kontrollera att det associerade plugin-programmet är installerat på din dator och att innehållet är kompatibelt med den version av plugin-programmet du har.

  • Öppna filen Configuration/Plugins/UnsupportedPlugins.txt i en textredigerare och se om det problematiska plugin-programmet finns listat.Den här filen innehåller uppgifter om plugin-program som orsakar problem i Dreamweaver och som därför inte stöds. (Om du upplever problem med ett visst plugin-program, överväg att lägga till det i denna fil.)

  • Kontrollera att minnet räcker. Vissa plugin-program kräver ytterligare 2 till 5 MB minne för att köras.

Kontrollera mediefiler med beteenden

Du kan lägga till beteenden på din sida för att starta och stoppa olika mediaobjekt.

Kontrollera Shockwave eller Flash

Spela, stoppa, spola tillbaka eller gå till en bildruta i en Shockwave-film eller SWF-fil.

Spela upp ljud

Låter dig spela ett ljud; till exempel kan du spela en ljudeffekt när du flyttar muspekaren över en länk.

Kontrollera plugin-program

Låter dig kontrollera om besökare på din webbplats har det nödvändiga plugin-programmet installerat och sedan dirigera dem till olika URL:er, beroende på om de har rätt plugin-program.Detta gäller endast plugin-program, eftersom beteendet Kontrollera plugin-program inte kontrollerar ActiveX-kontroller.

Använd parametrar för att kontrollera mediaobjekt

Definiera särskilda parametrar för att styra SWF-filer och plugin-program. Parametrar används tillsammans med taggarna object, embed och applet. Parametrar anger attribut som gäller olika typer av objekt. En SWF-fil kan till exempel använda en quality-parameter <paramname="quality"value="best"> för object-taggen. Dialogrutan Parameter går att öppna från egenskapskontrollen. Dokumentationen om objektet som du använder innehåller information om de parametrar som krävs.

Obs!

Det finns ingen allmänt etablerad standard för att identifiera datafiler för ActiveX-kontroller.Konsultera dokumentationen för den ActiveX-kontroll du använder för att ta reda på vilka parametrar du ska använda.

Ange en parameters namn och värde

I dokumentfönstret väljer du ett objekt som kan ha parametrar.

Öppna egenskapskontrollen om den inte redan visas och klicka på knappen Parametrar i den undre halvan av egenskapskontrollen. (Se till att allt i egenskapskontrollen visas.)

Klicka på Plus (+)-knappen och ange parameternamnet och värdet i lämpliga kolumner.

Ta bort en parameter

Välj en parameter och tryck på minusknappen (–).

Ordna om parametrar

Välj en parameter och använd upp- och nedåtpilknapparna.