Vyberte datový zdroj v panelu Datové zdroje.
Naposledy aktualizováno
25. 4. 2024
Ke správě datových zdrojů v aktuálním webu použijte panel Datové zdroje aplikace Dreamweaver.
Aplikace Adobe Dreamweaver nabízí možnost sledování a náhledu datových zdrojů ve webovém místě, například obrazů, filmů, barev, skriptů a odkazů. Datový zdroj také můžete přímo přetáhnout a vložit ho do stránky aktuálního dokumentu.
Datové zdroje pocházejí většinou z různých zdrojů. Například můžete vytvořit prostředky v aplikaci, jako je Adobe Photoshop nebo Adobe Animate, nebo je získat od kolegy, nebo je zkopírovat z CD s kliparty či z webových stránek s grafikou.
Aplikace Dreamweaver také nabízí přístup ke dvěma speciálním typům datových zdrojů – knihovnám a předlohám. Jde o propojené datové zdroje: když upravujete položku knihovny nebo předlohu, aplikace Dreamweaver aktualizuje všechny dokumenty, které používají tyto datové zdroje. Položky knihovny obecně reprezentují malé datové zdroje v rámci návrhu, například logo webového místa nebo copyright. Chcete-li pracovat s větší oblastí návrhu, použijte raději předlohu.
Pro správu datových zdrojů v aktuálním webovém místě použijte panel Datové zdroje (Okna > Datové zdroje). Panel Datové zdroje zobrazí datové zdroje pro webové místo spojené s aktivním dokumentem v okně dokumentu.
Poznámka
Nejdříve musíte definovat lokální webové místo, abyste mohli zobrazit datové zdroje v panelu Datové zdroje.
Panel Prostředky nabízí různé způsoby zobrazení prostředků:
Seznam webu
Zobrazuje všechny prostředky na vašem webu, včetně barev a adres URL, které jsou použity v jakémkoli dokumentu na vašem webu.
Seznam oblíbených
Zobrazí pouze zvolené datové zdroje.
Chcete-li přepínat mezi těmito dvěma zobrazeními, vyberte přepínač Web nebo Oblíbené nad oblastí náhledu.(Tato dva zobrazení nejsou dostupná pro kategorie Šablony a Knihovna.)
Poznámka
Většina operací panelu Datové zdroje pracuje stejně v obou seznamech. Některé úlohy ale můžete provést pouze v seznamu Oblíbené.
Datové zdroje z obou seznamů patří do jedné z následujících kategorií:
Obrázky
Soubory obrázků ve formátu GIF, JPEG nebo PNG.
Barvy
Barvy použité v dokumentech a předlohách stylů, včetně barev textu, pozadí a odkazů.
Adresy URL
Externí odkazy v dokumentech vašeho současného webu, včetně odkazů FTP, gopher, HTTP, HTTPS, JavaScript, e-mail (mailto) a místní soubor (file://).
Média
Multimediální soubory, například soubory Adobe Flash (pouze SWF), soubory Adobe Shockwave, QuickTime nebo MPEG.
Skripty
Soubory JavaScript nebo VBScript. Skripty v souborech HTML (na rozdíl od nezávislých souborů JavaScript nebo VBScript) se nezobrazují v panelu Datové zdroje. Tato kategorie je dostupná pouze v zobrazení Kód a Design.
Šablony
Rozvržení vzorových stránek použitá ve více stránkách. Změna předlohy automaticky změní všechny stránky s ní spojené. Tato kategorie je dostupná pouze v zobrazení Kód a Design.
Položky knihovny
Elementy návrhů, které používáte ve více stránkách; když změníte položku knihovny, všechny stránky obsahující tuto položku budou aktualizovány.Tato kategorie je dostupná pouze v zobrazení Kód a Návrh.
Poznámka
Aby se soubor zobrazil v panelu Datové zdroje, musí patřit do jedné z těchto kategorií: Některé další typy souborů jsou někdy nazývány datovými zdroji, ale nezobrazují se v panelu.
Ve výchozím nastavení jsou prostředky v kategorii řazeny abecedně podle názvu, ale můžete je řadit podle typu a několika dalších kritérií. Můžete také zobrazit náhled prostředků a změnit velikost sloupců a oblasti náhledu.
Ikona Creative Cloud ve sloupci Typ označuje, že příslušné datové zdroje byly importovány z Creative Cloud knihoven. Dvojitým kliknutím na ikonu Creative Cloud převzorkujete příslušné datové zdroje. Další informace o opětovném použití prostředků v Creative Cloud Libraries naleznete v tématu Creative Cloud Libraries v aplikaci Dreamweaver.
Zobrazení datového zdroje v oblasti náhledu
Zobrazení datových zdrojů v kategorii
Klikněte na ikonu kategorie na levé straně
panelu Prostředky.
Uspořádání datových zdrojů
Klepněte na záhlaví sloupce.
Například chcete-li seřadit seznam obrázků podle typu (aby všechny obrázky GIF byly pohromadě, všechny obrázky JPEG byly pohromadě, a tak dále), klikněte na záhlaví sloupce Typ.
Změna velikosti sloupce
Přetáhněte čáru oddělující dva záhlaví
sloupců.
Změna velikosti oblasti náhledu
Přetáhněte rozdělovací pruh (mezi oblastí
náhledu a seznamem prostředků) nahoru nebo dolů.
Aktualizace panelu Datové zdroje
Vytvoření seznamu pro web může trvat několik sekund, protože aplikace Dreamweaver musí nejprve načíst mezipaměť webu.
Některé změny se v panelu Datové zdroje nezobrazí ihned. Pokud například přidáte nebo odstraníte datový zdroj z webového místa, změna se v panelu Datové zdroje nezobrazí, dokud klepnutím na tlačítko Aktualizovat seznam webového místa neobnovíte seznam webového místa. Pokud přidáte nebo odstraníte prostředek mimo aplikaci Dreamweaver—například pomocí Průzkumníka Windows nebo aplikace Finder—musíte znovu sestavit mezipaměť webu, aby se aktualizoval panel Prostředky.
Když odstraníte poslední instanci určité barvy nebo adresu URL z webového místa nebo když uložíte nový soubor obsahující nějakou barvu nebo adresu URL, změna se nezobrazí v panelu Datové zdroje, dokud neobnovíte seznam webového místa.
- Chcete-li ručně obnovit seznam pro web, klikněte
na tlačítko Obnovit seznam pro web
. Aplikace Dreamweaver vytvoří mezipaměť webu nebo
ji podle potřeby aktualizuje. - Chcete-li obnovit seznam pro web a ručně znovu sestavit mezipaměť webu, klikněte pravým tlačítkem (Windows) nebo při stisknuté klávese Command (Macintosh) do seznamu Prostředky a poté vyberte možnost Obnovit seznam pro web.
Přidání datového zdroje do dokumentu
Většinu datových zdrojů můžete do dokumentu vložit přetažením do živého zobrazení, zobrazení kódu a zobrazení návrhu v okně dokumentu, případně pomocí tlačítka Vložit na panelu. Prvky můžete přetahovat jak ze zobrazení seznamu, tak z podokna náhledu na panelu Prvky.
Poznámka: Přetahování z podokna náhledu je podporováno pouze na počítačích Mac.
Do zobrazení Návrh a Živé zobrazení můžete vkládat také barvy nebo adresy URL. V zobrazení Návrh můžete použít barvy a adresy URL na vybrané prvky.
V dokumentu umístěte kurzor na místo, kde se má prvek objevit.
Na panelu Prvky vyberte z tlačítek kategorií prvků
vlevo.
Poznámka
Zvolte libovolnou kategorii kromě kategorie Předlohy. Šablona se použije na celý dokument; nelze ji vložit do dokumentu.
Vyberte buď Web nebo Oblíbené v horní části panelu,
následně vyberte prvek.
Pro položky knihovny neexistují seznamy Weby ani Oblíbené; tento krok přeskočte, pokud vkládáte položku knihovny.
Proveďte jeden z následujících úkonů:
Přetáhněte datový zdroj z panelu do dokumentu. Můžete přetahovat jak ze zobrazení seznamu, tak z podokna náhledu.
Poznámka: Ve Windows nelze prvky přetahovat z podokna náhledu.
Skripty můžete přetáhnout do oblasti obsahu záhlaví v okně dokumentu; pokud není tato oblast viditelná, vyberte volbu Zobrazení > Obsah záhlaví.
V panelu vyberte datový zdroj a klepněte na tlačítko Vložit.
Pokud je vkládaným datovým zdrojem barva, je po vložení aplikována na zobrazení textu.
Použití barvy u textu pomocí panelu Assets
Panel Prvky zobrazuje barvy, které jste již použili na různé prvky, například text, ohraničení tabulek, pozadí a tak dále.
V zobrazení Návrh proveďte následující kroky:
Vyberte text v dokumentu.
Na panelu Prvky vyberte kategorii Barvy.
Vyberte požadovanou barvu a klikněte na tlačítko Použít.
V zobrazení Live View proveďte následující kroky:
Na panelu Prvky vyberte kategorii Barvy.
Proveďte jeden z následujících úkonů:
- Na panelu Datové zdroje klepněte pravým tlačítkem na barvu a poté na možnost Kopírovat hodnotu barvy. Hodnota barvy se zkopíruje do schránky. Nyní můžete vložit hodnotu barvy (Ctrl+v, Cmd+v) do nástroje CSS Designer.
- Barvu přetáhněte z náhledu a umístěte kurzor myši na element v Živém zobrazení. Když barvu upustíte, zobrazí se dialogové okno Nové pravidlo CSS a po kliknutí na tlačítko OK se barva použije na vybraný prvek.
- Na panelu Datové zdroje klepněte na tlačítko Použít. Zobrazí se dialogové okno Nové pravidlo CSS a po kliknutí na tlačítko OK se barva použije na vybraný prvek.
Přiřadit adresy URL k obrázkům nebo textu
V zobrazení návrhu proveďte následující kroky:
Vyberte
text nebo Obrázek.
V panelu Assets vyberte kategorii URL buď v zobrazení Sites nebo Oblíbené, v závislosti na tom, kde je URL uložena.
Poznámka
Adresy URL pro soubory vašeho webu jsou ve výchozím nastavení uloženy v zobrazení Weby. Zobrazení Oblíbené obsahuje adresy URL, které jste si přidali sami.
Vyberte požadovanou adresu URL.
Proveďte jeden z následujících úkonů:
Přetáhněte URL z panelu na výběr v zobrazení Návrh.
Vyberte adresu URL a pak klepněte na volbu Vložit.
V zobrazení Live View proveďte následující kroky:
V panelu Prostředky vyberte kategorii URL buď v zobrazení Weby nebo Oblíbené, v závislosti na tom, kde je URL uložena.
Proveďte jeden z následujících úkonů:
- Přetáhněte adresu URL z náhledu nebo zobrazení seznamu. Kurzor myši umístěte na element v Živém zobrazení. Když pustíte URL, značka <a> obalí prvek zvýrazněný v zobrazení Live View.
- v Živém zobrazení klepněte na požadovaný element. Na panelu Datové zdroje vyberte adresu URL a klepněte na tlačítko Použít. Vybraný prvek je obalen značkou <a>.
Výběr a úpravy datových zdrojů
Panel Prostředky umožňuje vybrat více prostředků najednou. Umožňuje také rychle začít upravovat datové zdroje.
Výběr více datových zdrojů
v panelu Datové zdroje vyberte datový zdroj.
Vyberte další datové zdroje některým z následujících způsobů:
Stiskněte klávesu Shift a klikněte pro výběr souvislé řady prostředků.
Stiskněte klávesu Ctrl (Windows) nebo Cmd (Macintosh) a klikněte pro přidání jednotlivého prvku do výběru (bez ohledu na to, zda je umístěn vedle stávajícího výběru).Stiskněte klávesu Control nebo Command a klikněte na vybraný prostředek pro zrušení jeho výběru.
Úpravy datového zdroje
Když upravujete prostředek v panelu Prostředky, chování se liší podle typu prostředku. U některých prostředků, jako jsou obrázky, používáte externí editor, který se otevře automaticky, pokud jste definovali editor pro daný typ prostředku. Barvy a adresy URL můžete upravovat pouze v seznamu Oblíbené. Když upravujete šablony a prvky knihovny, provádíte změny v aplikaci Dreamweaver.
V panelu Prostředky postupujte jedním z následujících způsobů:
Poklepejte na datový zdroj.
Vyberte prostředek a poté klikněte na tlačítko Upravit.
Poznámka
Pokud musí být datový zdroj upraven externím editorem a ten se neotevře automaticky, vyberte volbu Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh), vyberte kategorii Typy souborů/editory a ověřte, že jste definovali externí editor pro daný typ datového zdroje.
Proveďte změny.
Až skončíte, proveďte jeden z následujících úkonů:
Pokud je datovým zdrojem soubor (není to barva ani adresa URL), uložte ho v editoru, který používáte, a zavřete ho.
Pokud je datovým zdrojem adresa URL, klepněte v dialogovém okně Upravit URL na tlačítko OK.
Poznámka
Pokud je datovým zdrojem barva, dialog pro výběr barvy se zavře automaticky, jakmile vyberete barvu. Chcete-li uzavřít dialog pro výběr barvy, aniž byste vybrali barvu, stiskněte klávesu Esc.
Opakované používání datových zdrojů v jiném webovém místě
Panel Prostředky zobrazuje všechny prostředky (rozpoznaných typů) ve vašem aktuálním webu. Chcete-li použít prostředek z aktuálního webu v jiném webu, musíte jej zkopírovat do druhého webu. Můžete zkopírovat jednotlivý prostředek, sadu jednotlivých prostředků nebo celou složku Oblíbené najednou.
Možná budete muset najít soubor v panelu Soubory, který odpovídá prostředku v panelu Prostředky, než přenesete prostředek do nebo ze vzdáleného webu.
Poznámka
Panel Soubory může zobrazovat jiný web než ten, který zobrazuje panel Prostředky. Je to proto, že panel Prostředky je přidružen k aktivnímu dokumentu.
Vyhledání souboru prostředku v panelu Soubory
V panelu Prostředky vyberte kategorii prostředku, který chcete najít.
Klikněte pravým tlačítkem (Windows) nebo stiskněte klávesu Control a klikněte (Macintosh) na název nebo ikonu prostředku v panelu Prostředky a poté vyberte Vyhledat ve webu z kontextové nabídky.
Poznámka
Příkaz Najít na webu není k dispozici pro barvy a adresy URL, které neodpovídají souborům na webu.
Otevře se panel Soubory s vybraným souborem prostředku.Příkaz Najít na webu najde soubor odpovídající samotnému prostředku; nenajde soubory, které tento prostředek používají.
Kopírování prvků z panelu Prvky do jiného webu
V panelu Prvky vyberte kategorii
prvku, který chcete kopírovat.
Klikněte pravým tlačítkem (Windows) nebo klikněte při stisknuté klávese Control (Macintosh) na jeden
nebo více prvků buď v seznamu Web, nebo v seznamu Oblíbené, vyberte
příkaz Kopírovat do webu a v podnabídce se seznamem
všech webů, které jste definovali, vyberte název cílového webu.
Poznámka
V seznamu Oblíbené můžete kopírovat složku Oblíbené i jednotlivé prvky.
Prvky se zkopírují na odpovídající umístění v cílovém webu.Dreamweaver podle potřeby vytvoří nové složky v hierarchii cílového webu.Prvky se také přidají do seznamu Oblíbené cílového webu.
Poznámka
Pokud je prvek, který jste zkopírovali, barva nebo adresa URL, zobrazí se pouze v seznamu Oblíbené cílového webu.Protože barvy a adresy URL neodpovídají souborům, neexistuje žádný soubor ke zkopírování do jiného webu.
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.
