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örhandsgranska 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 CC, få dem från en kollega eller kopiera dem från en cd-skiva eller webbplats med bilder.

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.

Resurspanelen i Live-vyn
Resurspanelen i Live-vyn

Resurspanelen i design- och kodvyn
Resurspanelen i design- och kodvyn

Resurspanelen ger möjlighet att visa resurser på olika sätt:

Platslista

Visa alla resurser på din plats, inklusive färger och URL-adresser som används i dokument på platsen.

Favoritlista

Visar endast de resurser som du har valt.

Om du vill växla mellan dessa två vyer väljer du antingen knappen Plats eller Favoriter ovanför förhandsvisningsområ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 i text, bakgrunder och länkar.

URL-adresser

Externa länkar i de aktuella platsdokumenten, bland annat FTP-, gopher-, HTTP-, HTTPS-, JavaScript- och epost-länkar (mailto) samt lokala fillänkar (file://).

Media

Mediefiler, till exempel Adobe Flash-filer (endast SWF-filer), 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. Den här kategorin är endast tillgänglig i kod- och designvyn.

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. Den här kategorin är endast tillgänglig i kod- och designvyn.

Biblioteksposter

Designelement som du använder på flera sidor. När du ändrar en bibliotekspost uppdateras alla sidor som innehåller den posten. Den här kategorin är endast tillgänglig i kod- och designvyn.

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 anges resurser i en kategori i alfabetisk ordning efter namn, men du kan sortera dem efter typ och flera andra kriterier. Du kan även förhandsgranska resurser och ändra storleken på kolumnerna 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 hur du återanvänder resurser i CC Libraries finns i Creative Cloud Libraries i Dreamweaver.

Visa en resurs i förhandsvisningsområdet

  1. Markera resursen i resurspanelen.

Visa resurser i en kategori

  1. Klicka på en kategoriikon till vänster i resurspanelen.

Sortera resurser

  1. Klicka på en kolumnrubrik.

    Om du t.ex. vill sortera listan med bilder efter typ (så att alla GIF-bilder visas ihop, alla JPEG-bilder ihop, osv.) klickar du på kolumnrubriken Typ.

Ändra storleken på en kolumn

  1. Dra i linjen som skiljer två kolumnrubriker åt.

Ändra storleken på förhandsvisningsområdet

  1. Dra det delade fältet (mellan förhandsvisningsområdet och resurslistan) uppåt eller nedåt.

Uppdatera resurspanelen

Det kan ta ett par 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 – till exempel med hjälp av Utforskaren eller Finder – måste du återskapa platscachen 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 resurspanelen förrän du uppdaterar platslistan.

  • Om du vill uppdatera platslistan manuellt kan du klicka på knappen Uppdatera platslista . Dreamweaver skapar platscachen eller uppdaterar den vid behov.
  • Om du vill uppdatera platslistan och återskapa platscachen manuellt högerklickar (Windows) eller kommando-klickar du (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 resurser från både listvyn och förhandsgranskningsfönstret i resurspanelen.

Obs! Du kan bara dra resurser från förhandsgranskningsfönstret 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å markerade element.

 

  1. Placera insättningspunkten på den plats i dokumentet där du vill infoga resursen.

  2. I resurspanelen väljer du mellan knapparna för resurskategorier till vänster.

    Obs!

    Välj en kategori förutom Mallar. En mall används för ett helt dokument och kan inte infogas i ett dokument.

  3. Välj antingen Plats eller Favoriter högst upp i panelen och välj sedan resurs.

    Det finns inga plats- eller favoritlistor för biblioteksposter. Hoppa över det här steget om du infogar en bibliotekspost.

  4. Gör något av följande:
    • Dra resursen från panelen till dokumentet. Du kan dra resursen från listvyn lika väl som från förhandsgranskningsfönstret.

      Obs! Du kan inte dra resurser från förhandsgranskningsfönstret på Windows.

      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.

Använda en färg på text med hjälp av resurspanelen

I resurspanelen visas färgerna som du redan har använt på olika element, t.ex. text, tabellkanter, bakgrunder, osv.

  1. Utför följande steg i designvyn:

    1. Markera texten i dokumentet.
    2. Välj kategorin Färger i resurspanelen.

    3. Markera en färg och klicka på Använd.

  2. Utför följande steg i Live-vyn:

    1. Välj kategorin Färger i resurspanelen.

    2. 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 används färgen på det markerade elementet.
      • Klicka på Använd i resurspanelen. Dialogrutan Ny CSS-regel visas och när du klickar på OK används färgen på det markerade elementet.

Koppla URL:er till bilder eller text 

  1. Utför följande steg i designvyn:

    1. Markera texten eller bilden.
    2. I resurspanelen väljer du kategorin URL-adresser i platsvyn eller favoritvyn, beroende på var URL-adressen lagras.

      Obs!

      URL-adresser för platsens filer lagras som standard i platsvyn. Favoritvyn innehåller URL-adresser som du har lagt till själv.

    3. Markera URL-adressen.
    4. Gör något av följande:
      • Dra URL:en från panelen till markeringen i designvyn.

      • Markera URL:en och klicka sedan på Infoga.

  2. Utför följande steg i Live-vyn:

    1. I resurspanelen väljer du kategorin URL-adresser i platsvyn eller favoritvyn, beroende på var URL-adressen lagras.

    2. 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 markeras i Live-vyn av <a>.
      • Klicka på ett önskat element i Live-vyn. Välj URL i resurspanelen och klicka på Använd. Det markerade elementet omsluts med taggen <a>.

Välja och redigera resurser

Med resurspanelen kan du välja flera resurser samtidigt. Det är även ett snabbt sätt att börja redigera resurser.

Välja flera resurser

  1. Välj en resurs i resurspanelen.
  2. Markera de andra resurserna på ett av följande sätt:
    • Skift-klicka för att markera en serie med resurser.

    • Kontroll-klicka (Windows) eller kommando-klicka (Macintosh) för att lägga till en enskild resurs i markeringen (oavsett om den ligger bredvid den befintliga markeringen eller ej). Kontroll-klicka eller kommando-klicka på en markerad resurs för att avmarkera den.

Redigera en resurs

När du redigerar en resurs i resurspanelen kan beteendet variera beroende på resurstyp. För vissa resurser, t.ex. bilder, kan du använda en extern redigerare som öppnas automatiskt om du har angivit en redigerare för den resurstypen. Du kan endast redigera färger och URL-adresser i favoritlistan. När du redigerar mallar och biblioteksposter gör du ändringarna i Dreamweaver.

  1. Gör något av följande i resurspanelen:
    • Dubbelklicka på resursen.

    • Markera 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 (Mac OS), väljer kategorin Filtyper/redigerare och kontrollerar att du har angett en extern redigerare för den aktuella resurstypen.

  2. Gör ändringarna.
  3. 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

I resurspanelen visas alla resurserna (som är igenkända) på den aktuella platsen. Om du vill använda en resurs från den aktuella platsen på en annan plats måsta du kopiera den till den andra platsen. Du kan kopiera en enskild resurs, en uppsättning enskilda resurser eller hela Favoriter-mappen samtidigt.

Du kan behöva leta reda på den fil i filpanelen som motsvarar en resurs i resurspanelen innan du överför resursen till eller från fjärrplatsen.

Obs!

I filpanelen kan en annan plats än den som visas i resurspanelen visas. Detta beror på att resurspanelen är kopplad till det aktiva dokumentet.

Leta reda på en resursfil i filpanelen

  1. Välj den kategori för resursen som du vill hitta i resurspanelen.
  2. Högerklicka (Windows) eller kontroll-klicka (Macintosh) på resursens namn eller ikon i resurspanelen och välj sedan Hitta på plats på snabbmenyn.

    Obs!

    Hitta på plats är inte tillgängligt för färger och URL-adresser, som inte motsvarar filer på platsen.

    Filpanelen öppnas med resursfilen markerad. Med hjälp av kommandot Hitta på plats kan du hitta filen som motsvarar själva resursen, men den hittar inte filer som använder den resursen.

Kopiera resurser från resurspanelen till en annan plats

  1. Välj den kategori för resursen som du vill kopiera i resurspanelen.
  2. Högerklicka (Windows) eller kontroll-klicka (Macintosh) på en eller flera resurser i antingen plats- eller favoritlistan, välj Kopiera till plats och välj målplatsens namn från undermenyn med alla platser som du har definierat.

    Obs!

    I favoritlistan kan du kopiera en Favoriter-mapp samt enskilda resurser.

    Resurserna kopieras till motsvarande platser på målplatsen. Dreamweaver skapar nya mappar i målplatsens hierarki vid behov. Resurserna läggs även till i målplatsens favoritlista.

    Obs!

    Om resursen som du kopierade är en färg eller URL-adress visas den bara i målplatsens favoritlista. Eftersom färger och URL-adresser inte motsvarar filer finns det ingen fil som kan kopieras till den andra platsen.

Denna produkt är licensierad enligt en Creative Commons Erkännande-Ickekommersiell-Dela Lika 3.0 Unported-licens  Twitter™- och Facebook-inlägg omfattas inte av villkoren i Creative Commons-licensen.

Juridiska meddelanden   |   Onlinesekretesspolicy