Markera resursen i resurspanelen.
Senast uppdaterad den
25 apr. 2024
Använd resurspanelen i Dreamweaver för att hantera resurser på den aktuella platsen.
Du kan använda Adobe Dreamweaver för att hålla reda på och förhandsvisa resurser som sparats på din plats, t.ex. bilder, filmer, färger, skript och länkar. Du kan även dra en resurs direkt för att infoga den på en sida i det aktuella dokumentet.
Du får resurser från flera olika källor. Du kan till exempel skapa resurser i ett program som Adobe Photoshop eller Adobe Animate, eller få dem från en kollega, eller kopiera dem från en clip art-CD eller grafikwebbsida.
Dreamweaver ger dig även tillgång till två särskilda typer av resurser – bibliotek och mallar. Båda är länkade resurser: när du redigerar en bibliotekspost eller mall uppdaterar Dreamweaver alla dokument som använder dessa resurser. Biblioteksposter utgörs vanligtvis av små designresurser, t.ex. en webbplatslogotyp eller copyrightinformation. Om du vill kontrollera ett större designområde kan du använda en mall istället.
Använd resurspanelen (Fönster > Resurser) för att hantera resurser på den aktuella platsen. Resurspanelen visar resurser för platsen som är kopplad till det aktiva dokumentet i dokumentfönstret.
Obs!
Du måste ange en lokal plats innan du kan visa resurser i resurspanelen.
Assets-panelen erbjuder olika sätt att visa resurser:
Platslista
Visar alla resurser på din plats, inklusive färger och URL:er som används i alla dokument på din plats.
Favoritlista
Visar endast de resurser som du har valt.
För att växla mellan dessa två vyer väljer du antingen radioknappen Plats eller Favoriter ovanför förhandsgranskningsområdet.(Dessa två vyer är inte tillgängliga för kategorierna Mallar och Bibliotek.)
Obs!
De flesta åtgärder i resurspanelen fungerar på samma sätt i båda listorna. Det finns dock ett par uppgifter som du bara kan utföra i favoritlistan.
I båda listorna hamnar resurser i någon av följande kategorier:
Bilder
Bildfiler i GIF-, JPEG- eller PNG-format.
Färger
Färger som används i dokument och formatmallar, inklusive färger för text, bakgrund och länkar.
URL-adresser
Externa länkar i dina aktuella platsdokument, inklusive FTP-, gopher-, HTTP-, HTTPS-, JavaScript-, e-post- (mailto) och lokala fil- (file://) länkar.
Media
Mediefiler som Adobe Flash-filer (endast SWF), Adobe Shockwave-filer, QuickTime- eller MPEG-filer.
Skript
JavaScript- eller VBScript-filer. Skript i HTML-filer (istället för i oberoende JavaScript- eller VBScript-filer) visas inte i resurspanelen. Denna kategori är endast tillgänglig i kodvy och designvy.
Mallar
Layouter för huvudsidan vilka används på flera sidor. Om du ändrar en mall så ändras automatiskt alla sidor som är kopplade till den.Denna kategori är endast tillgänglig i kod- och designvy.
Biblioteksposter
Designelement som du använder på flera sidor. När du ändrar en bibliotekspost uppdateras alla sidor som innehåller den posten.Denna kategori är endast tillgänglig i kod- och designvy.
Obs!
För att en fil ska visas i resurspanelen måste den passa i någon av dessa kategorier. En del andra typer av filer kallas ibland resurser, men de visas inte i panelen.
Som standard visas resurser i en kategori alfabetiskt efter namn, men du kan sortera dem efter typ och flera andra kriterier.Du kan också förhandsgranska resurser och ändra storlek på kolumner och förhandsgranskningsområdet.
En Creative Cloud-ikon i Typ-kolumnen anger att motsvarande resurs importeras från Creative Cloud Libraries. Du kan dubbelklicka på Creative Cloud-ikonen för att sampla om motsvarande resurser. Mer information om att återanvända resurser i Creative Cloud Libraries finns i Creative Cloud Libraries i Dreamweaver.
Visa en resurs i förhandsvisningsområdet
Visa resurser i en kategori
Klicka på en kategoriikon till vänster i Assets-panelen.
Sortera resurser
Klicka på en kolumnrubrik.
För att till exempel sortera bildlistan efter typ (så att alla GIF-bilder är tillsammans, alla JPEG-bilder är tillsammans, och så vidare) klickar du på kolumnrubriken Typ.
Ändra storleken på en kolumn
Dra linjen som separerar två kolumn
rubriker.
Ändra storleken på förhandsvisningsområdet
Dra delningsstången (mellan förhandsgransknings
området och listan över resurser) uppåt eller nedåt.
Uppdatera resurspanelen
Det kan ta några sekunder att skapa platslistan eftersom Dreamweaver först måste läsa platscachen.
Vissa ändringar visas inte direkt i resurspanelen. När du t.ex. lägger till eller tar bort en resurs från platsen visas inte ändringarna i resurspanelen förrän du uppdaterar platslistan genom att klicka på knappen Uppdatera platslista. Om du lägger till eller tar bort en resurs utanför Dreamweaver – med hjälp av Windows Explorer eller Finder, till exempel – måste du bygga om webbplatscachen för att uppdatera resurspanelen.
När du tar bort den enda förekomsten av en viss färg eller URL-adress på din plats eller när du sparar en ny fil som innehåller en färg eller URL-adress som inte redan används på platsen visas inte ändringarna i reurspanelen förrän du uppdaterar platslistan.
- För att uppdatera platslistan manuellt klickar du på
knappen Uppdatera platslista
.Dreamweaver skapar platscachen eller uppdaterar
den vid behov. - För att uppdatera platslistan och manuellt återskapa plats cachen högerklickar du (Windows) eller Kommando-klickar (Macintosh) i resurslistan och väljer sedan Uppdatera platslista.
Lägga till en resurs i ett dokument
Du kan infoga de flesta resurser i ett dokument genom att dra dem till Live-vyn, kodvyn eller designvyn i dokumentfönstret eller genom att använda knappen Infoga på panelen. Du kan dra resurserna från både listvyn och förhandsgranskningsfönstret i panelen Resurser.
Obs!: Att dra från förhandsgranskningsfönstret stöds endast på Mac.
Du kan infoga färger och URL:er i designvyn eller Live-vyn. I designvyn kan du tillämpa färger och URL:er på valda element.
Placera insättningspunkten där du vill att resursen ska visas i dokumentet.
Välj från resurskategoriknapparna till vänster i panelen Resurser.
Obs!
Välj en kategori förutom Mallar. En mall tillämpas på ett helt dokument och kan inte infogas i ett dokument.
Välj antingen Plats eller Favoriter längst upp i panelen och välj sedan resursen.
Det finns inga webbplats- eller favoritlistor för biblioteksobjekt – hoppa över det här steget om du infogar ett biblioteksobjekt.
Gör något av följande:
Dra resursen från panelen till dokumentet. Du kan dra från listvyn samt från förhandsgranskningsfönstret.
Obs!: I Windows kan du inte dra resurser från förhandsgranskningsfönstret.
Du kan dra skript till området för innehållet under HEAD i dokumentfönstret. Om du inte kan se det området väljer du Visa > Innehåll under HEAD.
Välj resurs i panelen och klicka på Infoga.
Om den infogade resursen är en färg används den på text som visas efter insättningspunkten.
Tillämpa färg på text med panelen Resurser
Panelen Resurser visar de färger som du redan har tillämpat på olika element, till exempel text, tabellkantlinjer, bakgrunder och så vidare.
Utför följande steg i designvyn:
Markera texten i dokumentet.
Välj kategorin Färger i panelen Resurser.
Välj önskad färg och klicka på Använd.
Utför följande steg i Live View:
Välj kategorin Färger i panelen Resurser.
Gör något av följande:
- Högerklicka på färgen på resurspanelen och klicka på Kopiera färgvärde. Färgvärdet kopieras till Urklipp. Du kan nu klistra in färgvärdet (Ctrl+v, Cmd+v) i CSS Designer.
- Dra färgen från förhandsgranskningen och hovra över element i Live-vyn. När du släpper färgen visas dialogrutan Ny CSS-regel och när du klickar på OK tillämpas färgen på det valda elementet.
- Klicka på Använd i resurspanelen. Dialogrutan Ny CSS-regel visas och när du klickar på OK tillämpas färgen på det valda elementet.
Tilldela URL:er till bilder eller text
Utför följande steg i designvyn:
Välj texten eller bilden.
Välj kategorin URL:er i antingen vyn Platser eller Favoriter i panelen Resurser, beroende på var URL:en lagras.
Obs!
URL:er för filerna på din webbplats lagras som standard i vyn Sites.Vyn Favoriter innehåller URL:er som du har lagt till själv.
Markera URL-adressen.
Gör något av följande:
Dra URL:en från panelen till markeringen i designvyn.
Markera URL-adressen och klicka sedan på Infoga.
I Live View utför du följande steg:
I Resurser-panelen väljer du URL:er-kategorin i antingen Platser- eller Favoriter-vyn, beroende på var URL:en är lagrad.
Gör något av följande:
- Dra URL:en från förhandsgranskningen eller listvyn. Hovra över element i Live-vyn. När du släpper URL:en omsluts elementet som är markerat i Live View av <a>.
- Klicka på ett önskat element i Live-vyn. Välj URL i resurspanelen och klicka på Använd. Det valda elementet omsluts med <a>-taggen.
Välja och redigera resurser
Resurser-panelen gör det möjligt att välja flera resurser på en gång. Det är även ett snabbt sätt att börja redigera resurser.
Välja flera resurser
Välj en resurs i resurspanelen.
Markera de andra resurserna på ett av följande sätt:
Skift-klicka för att välja en serie resurser i följd.
Ctrl-klicka (Windows) eller Cmd-klicka (Macintosh) för att lägga till en enskild resurs till markeringen (oavsett om den ligger intill den befintliga markeringen eller inte). Ctrl-klicka eller Cmd-klicka en vald resurs för att avmarkera den.
Redigera en resurs
När du redigerar en resurs i Resurser-panelen varierar beteendet beroende på mediefilstypen. För vissa resurser, som bilder, använder du en extern redigerare som öppnas automatiskt om du har definierat en redigerare för den mediefilstypen.Du kan redigera färger och URL:er endast i Favoriter-listan. När du redigerar mallar och bibliotekselement gör du ändringarna i Dreamweaver.
I Assets-panelen gör du något av följande:
Dubbelklicka på resursen.
Välj resursen och klicka sedan på knappen Redigera.
Obs!
Om resursen måste redigeras i en extern redigerare och den inte öppnas automatiskt väljer du Redigera > Inställningar (Windows) eller Dreamweaver > Inställningar (Macintosh), väljer kategorin Filtyper/redigerare och ser till att du har angivit en extern redigerare för den resurstypen.
Gör ändringarna.
När du är klar gör du något av följande:
Om resursen är filbaserad (allt annat än en färg eller URL-adress) sparar du den (i redigeraren som du använde) och stänger den.
Om resursen är en URL-adress klickar du på OK i dialogrutan Ändra URL-adress.
Obs!
Om resursen är en färg stängs färgväljaren automatiskt efter att du har valt en färg. Om du vill stänga färgväljaren utan att välja en färg trycker du på Esc.
Återanvänd resurser på en annan plats
Assets-panelen visar alla resurser (av kända typer) på din aktuella webbplats.För att använda en resurs från den aktuella webbplatsen på en annan webbplats måste du kopiera den till den andra webbplatsen.Du kan kopiera en enskild resurs, en uppsättning enskilda resurser eller en hel Favoritmapp på en gång.
Du kan behöva lokalisera filen i Filer-panelen som motsvarar en resurs i Resurser-panelen innan du överför resursen till eller från din fjärrplats.
Obs!
Filer-panelen kan visa en annan plats än den som Resurser-panelen visar. Det beror på att Assets-panelen är kopplad till det aktiva dokumentet.
Hitta en resursfil i panelen Filer
I Resurser-panelen väljer du kategorin
för den resurs du vill hitta.
Högerklicka (Windows) eller Ctrl-klicka (Macintosh) på
resursens namn eller ikon i Resurser-panelen och välj sedan Lokalisera på
plats från snabbmenyn.
Obs!
Hitta på plats är inte tillgängligt för färger och URL:er som inte motsvarar filer på platsen.
Filpanelen öppnas med resursfilen vald.Kommandot Hitta på plats hittar filen som motsvarar själva resursen; det hittar inte filer som använder den resursen.
Kopiera resurser från panel för resurser till en annan plats
I Assets-panelen väljer du kategorin för resursen som du vill kopiera.
Högerklicka (Windows) eller Ctrl-klicka (Macintosh) på en
eller flera resurser i antingen platslistan eller favoritlistan, välj
Kopiera till plats och välj målplatsens namn från undermenyn som visar
alla platser som du har definierat.
Obs!
I favoritlistan kan du kopiera en favoritmapp samt enskilda resurser.
Resurserna kopieras till motsvarande platser på målplatsen. Dreamweaver skapar nya mappar i målplatsens hierarki vid behov. Resurserna läggs också till i målplatsens favoritlista.
Obs!
Om resursen du kopierade är en färg eller en URL visas den bara i målplatsens favoritlista. Eftersom färger och URL:er inte motsvarar filer finns det ingen fil att kopiera till den andra platsen.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
