Přidání a konfigurace widgetů prezentací v aplikaci Adobe Muse

Otevřete aplikaci Adobe Muse. Na uvítací obrazovce proveďte jeden z následujících úkonů:

• Kliknutím na možnost Vytvořit nový přidejte widget Prezentace do nově vytvářeného webu.
• Klikněte na možnost Otevřít a otevřete existující soubor .muse, do kterého chcete widget přidat. Dvojitým kliknutím otevřete stránku, do které chcete vložit widget Prezentace.

Otevřete panel Knihovna widgetů (Okno > Knihovna widgetů). a rozbalte část označenou jako Prezentace. V seznamu vyberte požadovaný widget. V seznamu například vyberte widget Miniatury a přetáhněte jej do zobrazení Návrh.

Upozorňujeme na kontejner miniatur na levé straně, kontejner s úvodní obrazovkou a kontejner s popiskem pod obrázkem.

Pokud chcete odebrat miniatury, vyberte zástupný obsah (rámeček obrazu a textový rámeček uvnitř oblasti obsahu) a smažte jej.

Pokud chcete otevřít panel Možnosti, vyberte widget a klikněte na modrou ikonu šipky. V tomto příkladu nepotřebujete tlačítka šipek Další a Předchozí. Takže je můžete zakázat zrušením zaškrtnutí položek Předchozí a Další. Všimněte si, že po zrušení zaškrtnutí políček tato tlačítka zmizí.

Zrušte zaškrtnutí u možností Popisky a Počítadlo, aby zůstala zobrazena pouze tlačítka pro spuštění miniatur a velký cílový kontejner. Projděte si možnosti a upravte je tak, aby odpovídaly nastavení uvedenému níže:

• Nová úvodní obrazovka: Vyplnit rámeček proporcionálně
• Nová miniatura: Vyplnit rámeček proporcionálně
• Přechod: Zeslabení
• Rychlost přechodu: 0,5 sekund
• Přehrát automaticky: Vypnuto
• Obnovit po: Zapnuto
• Přehrát jednou: Vypnuto
  
• Přemístit: Vypnuto
• Zapnout posouvání: Zapnuto
• Světelný box: Zapnuto
• Celá obrazovka: Zapnuto
• Světelný box automaticky: Vypnuto
• Volné miniatury formulářů: Zapnuto
  
• První: Vypnuto
• Předchozí: Zapnuto
• Další: Zapnuto
• Poslední: Vypnuto
• Popisky: Zapnuto
• Počítadlo: Zapnuto
• Tlačítko Zavřít: Vypnuto
• Miniatury: Zapnuto
• Při úpravách zobrazit části světelného boxu: Zapnuto
• Upravit společně: Zapnuto

Různé widgety mají k dispozici různé volby a některé jsou složitější než jiné. Projděte si volby nabídky, abyste se seznámili s nastaveními, která jsou k dispozici. Tady je rychlý přehled:

Přidat obrázky: Kliknutím na ikonu složky vyhledáte a vyberete obrázky, které chcete zobrazit.

Nová úvodní obrazovka: Definuje, jak se celý fotografický obsah zobrazuje v cílovém kontejneru.

• Přizpůsobit obsah proporcionálně: Soubor fotografického obrazu zůstane ve své původní velikosti, i pokud velikost neodpovídá cílovému kontejneru. Pokud obraz neodpovídá kontejneru, může část kontejneru zůstat prázdná.
• Vyplnit rámeček proporcionálně:Velikost souboru fotografického obrazu se změní na vyplnění rozměrů cílového kontejneru. Část obrazu může být oříznuta.

Nová miniatura: Definuje, jak je obsah miniatury fotografie zobrazen ve spouštěcím kontejneru.

• Přizpůsobit obsah proporcionálně: Soubor fotografického obrazu zůstane ve své původní velikosti, i pokud velikost neodpovídá cílovému kontejneru. Pokud obraz neodpovídá kontejneru, může část kontejneru zůstat prázdná.
• Vyplnit rámeček proporcionálně:Velikost souboru fotografického obrazu se změní na vyplnění rozměrů cílového kontejneru. Část obrazu může být oříznuta.

Přechod: Metoda animace použitá, když je obsah cílového kontejneru nahrazován jiným cílovým kontejnerem. Tyto volby jsou k dispozici také pro dotykové obrazovky, takže pokud vytváříte weby pro mobilní zařízení, mohou návštěvníci posunutím obrazovky zobrazit přechod při zobrazení další položky obsahu.

• Zeslabení: Neprůhlednost nového kontejneru se zvyšuje úměrně s tím, jak se snižuje u existujícího kontejneru.
• Vodorovně: Nový kontejner je vodorovně posunován ze strany a překrývá existující kontejner.
• Svisle: Nový kontejner je svisle posunován ze strany a překrývá existující kontejner.

Rychlost přechodu: Doba v sekundách, po kterou trvá přehrání animace.

Přehrát automaticky: Pokud je toto nastavení zapnuto, přehraje prezentaci automaticky místo interaktivního ovládání (které vyžaduje, aby uživatel kliknutím na jednotlivá spouštěcí tlačítka postupně zobrazil odpovídající cíl). Nastavte počet sekund, po které mají být jednotlivé obrazy zobrazeny před přechodem k dalšímu obrazu.

Přemístit: Je-li tato volba zapnuta, obrazy se zobrazí v náhodném pořadí namísto postupného procházení miniatur.

Světelný box: Pokud je tato volba zapnuta, prezentace při zobrazení obsahu cílového kontejneru ztlumí ostatní části stránky pomocí překrytí.  Po zavření okna světelného boxu se znovu zobrazí celá stránka.

Zapnout posouvání: Pokud je tato volba zapnuta a web zahrnuje rozvržení pro tablet nebo telefon pro zobrazení webového obsahu v mobilním zařízení, budou interaktivní části widgetu podporovat gesta dotykové obrazovky.

Oddíl Části:

• První: Pokud je tato volba zapnuta, zobrazí se navigační tlačítko První.
• Předchozí: Pokud je tato volba zapnuta, zobrazí se navigační tlačítko Předchozí.
• Další: Pokud je tato volba zapnuta, zobrazí se navigační tlačítko Další.
• Poslední: Pokud je tato volba zapnuta, zobrazí se navigační tlačítko Poslední.
• Popisky: Pokud je tato volba zapnuta, zobrazí se popisky galerie fotografií.
• Počítadlo: Pokud je tato volba zapnuta, zobrazí se počitadlo galerie fotografií.
• Tlačítko Zavřít: Pokud je tato volba zapnuta, zobrazí se tlačítko Zavřít.

Miniatury: Pokud je tato volba zapnutá, zobrazí se spouštěcí oblasti miniatur.

Oddíl Úpravy:

• Při úpravách zobrazit části světelného boxu: Pokud je možnost světelného boxu zapnutá, zobrazí se ve výchozím nastavení jednotlivé cílové oblasti pouze v případě, když je na stránce vybrána jejich příslušná spouštěcí oblast. Při vytváření návrhu dokumentu může být užitečné tuto volbu zapnout, aby se během práce zobrazily cíle. Toto nastavení neovlivní zobrazení prezentace při zobrazení náhledu stránky nebo jejím zobrazení v prohlížeči. Pokud volba světelného boxu není zapnuta, je tato volba neaktivní. 

Všimněte si, že volba Při úpravách zobrazit části světelného boxu je povolená pouze tehdy, když vyberete widget Prezentace ve světelném boxu.

• Upravit společně: Tato volba je ve výchozím nastavení zapnuta, aby byly úpravy widgetů rychlejší. Pokud nepotřebujete nastavit pro jednotlivé spouštěcí oblasti různý vzhled, ponechejte tuto volbu zapnutou, aby byla změna provedená u jednoho elementu automaticky použita u ostatních.

Po kontrole dostupných voleb kliknutím na oblast stránky mimo nabídku Volby tuto nabídku zavřete.

Kliknutím vyberte widget Prezentace. Pomocí nástroje Výběr přetáhněte úchyty celého widgetu Miniatury tak, aby se jeho velikost změnila na přibližně 790 pixelů na šířku a 490 pixelů na výšku. Rozměry můžete zkontrolovat na panelu Transformace nebo v polích Transformace ovládacího panelu.

Při vybrané prezentaci klikněte znovu na kontejner miniatur a vyberte kontejner obsahující tři miniatury. Pomocí bočních úchytů transformace jej rozšiřte a pak pomocí nástroje Výběr přetáhněte miniatury směrem nahoru tak, aby byly umístěny nad velkým kontejnerem úvodní obrazovky a svisle zarovnány nad jeho střed.

Můžete rozpoznat, kdy je kontejner miniatur umístěn nad středem kontejneru úvodní obrazovky, protože při přetahování tohoto elementu se zobrazí modré automatické vodítko.

Pomocí následujících kroků přidáte grafické objekty do galerie a současně budou automaticky vygenerovány odpovídající kontejnery miniatur a úvodní obrazovky:

Kliknutím na tlačítko modré šipky otevřete nabídku Volby. Klikněte na ikonu složky vedle slov Přidat obrazy... a přejděte do složky, kam jste uložili své soubory.

Vyberte požadované soubory obrazů. Kliknutím na Otevřít zavřete dialogové okno Import.

Pokud vyberete více souborů obrazů, načtete widget Miniatury. Tato strategie umožňuje vybrat více souborů obrazu a vygenerovat tlačítko kontejneru miniatur, které bude odpovídat každému novému většímu souboru obrazu v kontejneru obrazu úvodní obrazovky.

Tyto nové obrazy budou přidány k existujícím tlačítkům miniatur.

Dvojitým kliknutím vyberte obraz miniatury zobrazený ve výchozím nastavení, když jste prezentaci poprvé přidali. Po výběru jednotlivých obrazů je odeberte stisknutím klávesy Delete (Mac) nebo Backspace (Windows), dokud nezůstanou pouze nové miniatury.

Dejte pozor, abyste neodstranili celou sadu miniatur. Pokud k tomu dojde, vraťte zpět poslední operaci kliknutím na položky Úpravy > Zpět a pak zkontrolujte, zda jste před stisknutím klávesy Backspace nebo Delete klikli na jednotlivé miniatury (indikátor výběru zobrazí slovo: Miniatura).

Vyberte kontejner obsahující sadu pěti obrazů miniatur. Pomocí úchytů transformace jej zvětšete tak, aby zbývající miniatury byly umístěny uprostřed nad kontejnerem úvodní obrazovky.

Nejprve galerii fotografií otestujte v pohledu návrhu kliknutím na tlačítka miniatur v horní části a prohlédněte si jednotlivé zobrazené úvodní obrazovky ve velkém kontejneru dole.

Kliknutím na položku Náhled zobrazíte vzhled galerie v prohlížeči. Vyzkoušejte prezentaci, abyste zjistili, jak se větší obrazy zobrazí po kliknutí na odpovídající miniaturu.

Kliknutím na položky Soubor > Náhled stránky v prohlížeči zobrazíte stránku s informacemi ve svém výchozím prohlížeči.

Změňte velikost prohlížeče a zobrazte náhled widgetu Prezentace pro jiné velikosti obrazovky. Widgety Prezentace jsou standardně responzivní. To znamená, že upravují svou velikost a přizpůsobují se rozměrům obrazovky.

K náhledu widgetů lze použít také posuvník v zobrazení Návrh. Pokud chcete widget upravit nebo přemístit, můžete kdykoli přidat zarážku a upravit jeho zarovnání.

Otestujte funkčnost widgetu Panel se záložkami. Kliknutím na záložky zobrazte, zda se v kontejnerech oblasti obsahu zobrazil odpovídající obsah. Pak otestujte prezentaci na záložce Gallery kliknutím na tlačítka miniatur, která zobrazí odpovídající větší úvodní obrazovky.

V knihovně widgetů klikněte na možnost Prezentace.

Vyberte widget Základní a přetáhněte jej na stránku.

Widget Základní prezentace obsahuje ve výchozím nastavení jeden tmavě šedý obdélník (vyhrazené místo pro obraz), popisek vyhrazeného místa pro obraz, číslo obrazu (1 - 1) a dvě tlačítka šipek (Další a Předchozí), pomocí kterých mohou návštěvníci procházet sadou obrazů.

Kliknutím na modrou šipku rozbalte nabídku Volby. Zkontrolujte a nastavte následující volby:

• Přechod: Zeslabení
• Přehrát automaticky: Pomalu
• Nová úvodní obrazovka: Vyplnit rámeček proporcionálně
• Nová miniatura: Vyplnit rámeček proporcionálně
• Světelný box: Deaktivováno
• Části: Zrušením výběru všech voleb skryjte popisky, počítadlo a tlačítka Další a Předchozí.

Kliknutím mimo nabídku Volby ji zavřete. Všimněte si, že po provedení těchto změn zůstane viditelný pouze tmavě šedý obdélník. Konfiguraci widgetů můžete kdykoli změnit úpravou nastavení v nabídce Volby.

Dvojitým kliknutím vyberte rámeček obrazu (tmavě šedý obdélník), a poté přetažením bočních úchytů rozšiřte prezentaci na celou šířku stránky.

Pomocí horní a spodní šipky zvětšete výšku rámečku obrazu tak, aby vyplnil celou plochu domovské stránky. Ve spodní části roztáhněte rámeček obrazu tak, aby se zastavil těsně nad obrazem se střídavými dlaždicemi nacházejícím se v horní části zápatí. V tuto chvíli nevadí, že tmavě šedé místo vyhrazené pro obraz zakrývá hnědý obraz kapky na pravé straně navigačního pruhu.

Kliknutím na modrou šipku znovu rozbalte nabídku Volby. Tentokrát klikněte na ikonu složky, nacházející se nahoře, vedle textu: Přidat obrazy.

V dialogu Import přejděte do složky s datovými zdroji a otevřete datové zdroje. Kliknutím na tlačítko Vybrat přidejte obrazy do prezentace.

Kliknutím na tlačítko Náhled spustíte přehrávání prezentace. Ta je nastavená na pomalé přehrávání, ale pokud chcete, aby se obrazy střídaly rychleji, můžete rychlost střídání změnit v nabídce Volby. Všimněte si, že po zobrazení poslední fotografie se prezentace začne přehrávat znovu od prvního obrazu. Když je zapnutá volba Přehrát automaticky, bude se prezentace neustále přehrávat ve smyčce.

V zobrazení Plán dvojitým kliknutím na miniaturu A-vzorová stránka otevřete v zobrazení Návrh.

Pomocí nástroje pro výběr vyberte hnědou kapku v pravé horní části grafiky navigace.

Klikněte na kapku pravým tlačítkem a v zobrazené místní nabídce vyberte příkaz Uspořádat > Zcela dopředu.

Kliknutím na X na kartě A-vzorová tuto kartu zavřete. Otevřete stránku, kam jste přidali widget Základní. Klikněte na možnost Náhled. Obrázek kapky se nyní zobrazuje nad prezentací nastavenou na automatické přehrávání. Po kontrole prezentace se vraťte do zobrazení Návrh.

Spusťte aplikaci Adobe Muse. Dvojitým kliknutím na stránku ji otevřete v zobrazení Návrh.

Pomocí možnosti nabídky Okno > Knihovna widgetů přejděte do knihovny widgetů nebo knihovnu aktivujte na panelu kliknutím na kartu Knihovna widgetů.

V seznamu widgetů rozbalte část Prezentace. V části Prezentace vyberte widget s názvem Na celou obrazovku.

Přetáhněte widget Prezentace na celou obrazovku z knihovny widgetů na stránku.

Všimněte si, že výchozí obsah upraví svoji velikost tak, aby odpovídal jak výšce, tak šířce celého okna prohlížeče.

Když ve výchozím nastavení přidáte widget Prezentace na celou obrazovku, zobrazí se v pravém horním rohu tlačítko Předchozí, Další a pole počítadla.

Kliknutím na modrou šipku si můžete zkontrolovat nastavení na panelu Volby.

Aby bylo možné dosáhnout zobrazení na celou obrazovku, použije se automaticky volba Vyplnit rámeček proporcionálně na obrázky Nová úvodní obrazovka (velké obrázky) a Nová miniatura.

Vyberte typ přechodu, který chcete použít. V nabídce Přechod si můžete vybrat možnost Zeslabení, Vodorovný nebo Svislý. Ve výchozím nastavení je Rychlost přechodu nastavena na 0,5 sekundy, ale tuto hodnotu můžete upravit podle svého přání.

Když je vybrána volba Přehrát automaticky, začne se prezentace přehrávat ihned po načtení stránky a bude cyklicky zobrazovat svůj obsah na základě vámi nastaveného počtu sekund. Když je vybrána volba Přehrát automaticky, zobrazuje se ve výchozím nastavení každý obrázek po dobu 3,5 sekundy.

Při konfigurování widgetu Prezentace na celou obrazovku je zvykem zapnout tlačítka Další a Předchozí pro navigaci, takže miniatury jsou ve výchozím nastavení skryté. Pokud ale chcete, aby se miniatury zobrazovaly nad hlavním obrázkem prezentace, můžete zapnout volbu Miniatury.

Pokud jsou miniatury skryté, musí být zapnuté volby Další a Předchozí. Volba Počítadlo je volitelná - pomáhá návštěvníkům orientovat se v tom, který obrázek z celé sady je aktuálně zobrazen.

Pokud chcete zobrazit tlačítka Další, Předchozí a rozhraní počítadla v určité části stránky, přesuňte je pomocí nástroje Výběr do požadovaného umístění a poté přichyťte ovládací prvky. Pokud také chcete, aby se miniatury zobrazovaly na stejném místě na stránce, umístěte sadu miniatur a přichyťte ji na dané místo. Pokud chcete zobrazit tlačítka Další, Předchozí a rozhraní počítadla v určité části stránky, přesuňte je pomocí nástroje Výběr do požadovaného umístění a poté přichyťte ovládací prvky. Pokud také chcete, aby se miniatury zobrazovaly na stejném místě na stránce, umístěte sadu miniatur a přichyťte ji na dané místo.

Když přidáte tento widget na responzivní web, je možné upravit připnutí a změny velikosti v různých zarážkách.

Vyberte příkaz Soubor > Umístit.

Otevře se okno Importovat, kde se stisknutou klávesou Shift vyberte několik po sobě následujících souborů obrázků uložených ve vašem počítači. Nebo můžete stisknout a podržet klávesu Command (Mac) nebo Control (Windows) a ze složky s datovými zdroji vybrat několik po sobě nenásledujících souborů obrázků.

Kliknutím na tlačítko Otevřít načtěte vybrané soubory do umísťovacího kurzoru.

Jedním kliknutím do prezentace přidejte vybrané soubory obrázků. Všimněte si, že při přidání nových obrázků dojde k automatickému odebrání výchozích obrázků prezentace.

Zvolte příkaz Soubor > Náhled stránky v prohlížeči. Měňte velikost okna prohlížeče a sledujte, jak se velikost obsahu prezentace mění a ořezává tak, aby obsah vyplňoval celé okno prohlížeče. Kliknutím na tlačítka Další a Předchozí procházejte sérií obrázků nebo nechte obrázky přehrávat, pokud je zapnutá volba Přehrát automaticky.

Zavřete okno prohlížeče a vraťte se do aplikace Adobe Muse.

V pohledu Návrh otevřete knihovnu widgetů a rozbalte část Prezentace. Přetáhněte na stránku libovolný widget.

S celou stránkou ve výběru dvojitým kliknutím vyberte obrázek miniatury. Elementy, které jsou vybrané, si můžete zkontrolovat v indikátoru výběru v levém horním rohu ovládacího panelu.

Ve výchozím nastavení jsou miniatury zobrazené ve widgetech prezentací uloženy v kontejneru pojmenovaném Kontejner miniatury. Tento vnější kontejner zajišťuje, že miniatury budou seřazeny v přímých liniích nebo řadách, v závislosti na tom, jak změníte velikost vnějšího kontejneru. Sada obrázků miniatur je vnořena v kontejneru miniatury pro všechny prezentace se zapnutými miniaturami, a to až do té doby, než zapnete volbu Volné miniatury formulářů.

Když je vybraný widget Prezentace, můžete kliknutím na modrou šipku otevřít nabídku Volby.

Zaškrtněte políčko vedle volby: Volné miniatury formulářů. Ohraničovací rámeček obklopující kontejner miniatury v pohledu Návrh okamžitě zmizí a v indikátoru výběru se zobrazí slovo: Prezentace.

Kliknutím kamkoli mimo stránku nabídku Volby zavřete.

Nyní, když jste odstranili vnější kontejner pro miniatury, můžete umístit každý obrázek miniatury podle potřeb návrhu stránky.

Pomocí nástroje pro výběr vyberte jednu miniaturu. Po vybrání zobrazuje indikátor výběru slovo: Miniatura. Přesuňte vybranou miniaturu do požadovaného umístění. Opakováním tohoto kroku rozmístěte všechny ostatní miniatury. Pokud chcete, aby určitá miniatura zůstala na svém místě i když dojde k posunutí nebo změně velikosti prohlížeče, můžete miniaturu přichytit.

Na responzivním webu je také možné upravit zarovnání, velikost a konfiguraci možností připnutí miniatur.

Zvolte příkaz Soubor > Náhled stránky v prohlížeči. Miniatury prezentace jsou roztroušené po stránce. Kliknutím na miniaturu si zobrazíte odpovídající obrázek v prezentaci.

Zavřete prohlížeč a vraťte se do aplikace Adobe Muse.

V zobrazení Návrh rozbalte v knihovně widgetů část Prezentace. Přetáhněte na stránku libovolný widget.

V nabídce Volby vyhledejte v části Rozvržení volbu Světelný box a zkontrolujte, jestli je vybraná.

V otevřené nabídce Volby proveďte další případně změny a nakonfigurujte widget podle svých požadavků. Můžete například zobrazit či skrýt tlačítka Předchozí a Další, nebo popisky či počítadlo. Pro zobrazení světelného boxu je vhodné zapnout tlačítko Zavřít. Zaškrtněte políčko vedle volby Tlačítko Zavřít.

Chcete-li, můžete tlačítko Zavřít přesunout pomocí nástroje pro výběr do jiného umístění. Když návštěvníci chtějí ukončit zobrazení světelného boxu a zavřít modální okno, mohou kliknout na tlačítko Zavřít nebo stisknout klávesu Escape.

Výběrem možnosti nabídky Soubor > Náhled stránky v prohlížeči můžete widget Prezentace vyzkoušet. Kliknutím na libovolný obrázek miniatury vyvoláte efekt světelného boxu, v modálním okně se zobrazí odpovídající obrázek úvodní obrazovky a dojde ke ztmavení zbytku stránky.

Kliknutím na tlačítka Další a Předchozí můžete procházet obrázky v prezentaci.

Po otestování prezentace ukončete zobrazení světelného boxu kliknutím na tlačítko Zavřít. Dojde k uzavření světelného boxu a zobrazí se zbývající obsah stránky.

Zavřete prohlížeč a vraťte se do aplikace Adobe Muse.