Používání widgetů Kompozice v aplikaci Adobe Muse

Otevřete aplikaci Adobe Muse. Na uvítací obrazovce buď kliknutím na tlačítko Vytvořit nový vytvořte nový web, nebo otevřete existující web aplikace Adobe Muse, kam chcete přidat widget Kompozice.

V zobrazení Plán dvakrát klikněte a otevřete stránku, kam chcete přidat widget.

Otevřete Knihovnu widgetů (Okno > Knihovna widgetů) a kliknutím na možnost Kompozice rozbalte volbu. Na základě požadavků svého návrhu vyberte jeden z widgetů Kompozice.

Například vyberte z knihovny widgetů volbu Zobrazení světelného boxu.

Výchozí verze widgetu Zobrazení světelného boxu obsahuje tři menší šedé boxy spouštěcích oblastí nad větším, světle šedým kontejnerem cílové oblasti.

Když návštěvníci kliknou na kontejner spouštěcí oblasti, zobrazí se widget Zobrazení světelného boxu. Jako cíl můžete vložit obrázky, text a videa včetně videí z YouTube.

Ve widgetu Kompozice vyberte kontejner nebo spouštěcí oblast. Výběrem widgetu vyberete celý widget. V indikátoru výběru v levém horním rohu aplikace se zobrazí slovo Kompozice.

Spouštěcí oblast vyberete dvojitým kliknutím na menší boxy ve widgetu a jejich výběrem. V indikátoru výběru se zobrazí výraz Spouštěcí oblast. Menší boxy jsou spouštěcími oblastmi tohoto widgetu. Jsou to tlačítka reagující na interakci uživatele.

Pokud indikátor výběru v levém horním rohu zobrazuje slovo Stránka, můžete si být jistí, že nejsou vybrané žádné jiné prvky.

Pomocí příkazu nabídky Soubor > Umístit otevřete dialogové okno Importovat. Najděte v něm soubory, které chcete umístit do tohoto widgetu. Kliknutím na tlačítko Otevřít tento soubor vyberte a zavřete dialog Importovat.

Jedním kliknutím kdekoli na stránce na ni umístěte obrázek v plné velikosti.

Zatímco je obrázek stále vybrán, klikněte pravým tlačítkem myši a v zobrazené kontextové nabídce vyberte možnost Vyjmout.

K vyjmutí obrázku můžete použít také klávesovou zkratku, která tento obrázek odebere ze stránky a zkopíruje jej do schránky.

Klikněte pravým tlačítkem uvnitř tlačítka spouštěcí oblasti a vyberte příkaz Vložit. Obrázek můžete do spouštěcí oblasti vložit i pomocí klávesové zkratky. Všimněte si, že se kontejner spouštěcí oblasti automaticky zvětší na velikost rozměrů obrázku.

Vložení obsahu do kontejneru nemusí být zcela jednoduché. Někdy se můžete domnívat, že se obsah vložil dovnitř, ale ve skutečnosti se obsah možná vložil na stránku.

Pokud potřebujete ověřit, jestli se obrázek nachází uvnitř kontejneru spouštěcí oblasti, stiskněte jednou klávesu Escape a podívejte se na indikátor výběru. Pokud zobrazuje výraz Spouštěcí oblast, potom víte, že se obrázek nachází uvnitř spouštěcí oblasti. Pokud indikátor výběru zobrazuje slovo Stránka, budete muset obraz znovu vyjmout a vložit do kontejneru spouštěcí oblasti.

Místo vložení obrázku můžete ověřit také pomocí panelu Vrstvy (Okno > Vrstvy). V panelu Vrstvy se zobrazuje hierarchie prvků na stránce.

Další miniatury přidáte kliknutím na znaménko „+“ vedle kontejnerů spouštěcí oblasti.

Po umístění widgetu do zobrazení Návrh můžete pokračovat a nakonfigurovat widget. Možnosti widgetu Kompozice nakonfigurujete výběrem widgetu a kliknutím na modrou šipku v jeho pravém horním rohu.

V panelu Možnosti můžete nakonfigurovat následující nastavení:

• Pozice: Určuje, kde je cílová oblast umístěná na stránce. Vyberte možnost Vrstvená, pokud chcete, aby se cíle překrývaly. Pokud naopak budete chtít cíle umístit na různé pozice, zvolte možnost Rozptýlená. Pokud chcete zbytek stránky ztmavil, vyberte volbu Světelný box.
• Zobrazit cíl: Určuje chování cíle po kliknutí na spouštěcí oblast. 
• Skrýt cíl: Nastaví skrývání cíle. Pokud uživatel neklikne na spouštěcí oblast, zůstane cílová oblast skrytá.
• Přechod: Určuje, jak se obsah v cílové oblasti změní, když uživatel na spouštěcí oblast klikne nebo přes ni přejede myší. Vyberte Zeslabování pro postupné zobrazení nového cíle, Vodorovný pro přisunutí cíle ve vodorovném směru a Svislý pro přisunutí cíle ve svislém směru.
• Rychlost přechodu: Určuje rychlost přechodu pro widget Kompozice. Pokud chcete, aby přechod proběhl okamžitě, vyberte Žádný.
• Přehrát automaticky: Konfigurací této volby si na svých stránkách vytvoříte prezentaci. Pokud vyberete tuto možnost, přehrávají se snímky automaticky bez jakéhokoli zásahu uživatele.
• Přemístit: Výběrem této možnosti se budou cíle zobrazovat v náhodném pořadí.
• Spouštěcí oblasti nahoře: Tuto možnost vyberte, pokud chcete Spouštěcí oblast umístit nad Cílový kontejner. Stejná hierarchie může být zobrazena také na panelu Vrstvy.
• Zapnout posouvání: Výběrem této možnosti povolíte pro dotyková zařízení posouvání prstem na další cíl.
• Na začátku skrýt vše: Výběrem této možnosti skryjete po počátečním načtení stránek všechny možnosti cíle. Uživatelé musejí pro zobrazení cíle kliknout na příslušnou spouštěcí oblast.
• Automatický světelný box: Výběrem této možnosti se bude světelný box automaticky zobrazovat po načtení stránek.
• Části: Výběrem tlačítek Předchozí, Další nebo Zavřít bude váš widget interaktivnější. Uživatelé mohou na webu kliknout na volby Předchozí, Další a Zavřít.
• Úpravy: Výběrem možnosti Při úpravách zobrazit části světelného boxu se vám při upravování widgetu v zobrazení Návrh ukáže cílová oblast. Výběrem možnosti V režimu návrhu zobrazit vše se vám v zobrazení Návrh ukáží všechny kontejnery cílů zároveň.

Spouštěcí oblasti, které chcete odstranit, vyberte dvojitým kliknutím na zvolenou spouštěcí oblast. Stisknutím klávesy Delete (Mac) nebo Backspace (Windows) odstraňte vybranou spouštěcí oblast.

Kliknutím na obrázek úvodní obrazovky v kontejneru spouštěcí obrazovky vyvolejte efekt světelného boxu.

Stisknutím klávesy Escape zavřete okno světelného boxu a vraťte se do zobrazení návrh, abyste mohli pokračovat v úpravě stránky Adobe Muse.

Po nakonfigurování a umístění widgetu Kompozice do návrhu jej otestujte v zobrazení Náhled.

V zobrazení Návrh přidejte do stránky widget Kompozice světelného boxu přetažením z knihovny widgetů.

Vyberte kontejnery spouštěcích oblastí. Pomocí nástroje pro výběr přesuňte všechny tři kontejnery spouštěcích oblastí zcela nahoru, nad větší kontejner spouštěcí oblasti, a rovnoměrně je rozmístěte.

Pomocí nástroje pro výběr přetáhněte boční rukojeti všech kontejnerů spouštěcích oblastí. Jejich rozšířením vytvořte podél horního okraje tři „záložky“, podobné, jako se používají ve widgetu Panel se záložkami.

Do každé z těchto tří spouštěcích oblastí přidejte požadovaný obsah. Obsah spouštěcí oblasti může zahrnovat text, odkazy, obrázky, obdélníky, vložený kód HTML atd. Pomocí nástroje Text můžete například do každé spouštěcí oblasti vložit text: Odkaz jedna, Odkaz dvě a Odkaz tři.

Nyní vytvořte odkaz uvnitř druhé cílové oblasti obsahu.

Klikněte na nějakou spouštěcí oblast, a poté vyberte větší kontejner cíle, který jí odpovídá. Do druhé cílové oblasti obsahu přidejte odkaz. Poté na pravé straně ovládacího panelu klikněte na rozbalovací seznam vedle nápisu Hypertextové odkazy. Přidejte odkaz na webovou adresu, na kterou chcete odkazovat.

Výběrem možnosti nabídky Soubor > Náhled stránky v prohlížeči vyzkoušejte, jak se widget Kompozice zobrazí.
Vyzkoušejte widget kliknutím do kontejnerů spouštěcích oblastí označených Odkaz jedna, Odkaz dvě a Odkaz tři.

Všimněte si, že ve výchozím nastavení je cílový kontejner neustále zobrazen a nikdy nedochází k jeho skrytí. Kliknutím mezi tato tři spouštěcí tlačítka zobrazíte odpovídající cílový kontejner, ale jeden ze tří cílových kontejnerů se zobrazuje neustále.

Nastavení Skrýt při odsunutí myši nakonfigurujete vybráním widgetu Kompozice. Kliknutím na modrou šipku otevřete panel Volby a upravte konfigurační volby widgetu.

Zkontrolujte, jestli jsou aktivovaná následující nastavení:

• Pozice: Vrstvená (výchozí)
• Zobrazit cíl: Při přechodu myší
• Skrýt cíl: Při odsunutí myši ze spouštěcí oblasti a cíle
• Přechod: Zeslabování (výchozí)
• Rychlost přechodu: 0,5 s (výchozí)
• Přehrát automaticky: Vypnuto (výchozí)
• Přemístit: Zakázáno (výchozí)
• Na začátku skrýt vše: Zapnuto

Klíčová nastavení řídicí funkci skrývání/zobrazování jsou nabídka Zobrazit cíl, nabídka Skrýt cíl a povolení volby: Na začátku skrýt vše.

Výběrem možnosti nabídky Soubor > Náhled stránky v prohlížeči opět vyzkoušejte naposledy provedené změny ve widgetu.

Když se nyní widget Kompozice načte, budou všechny tři cílové oblasti ve výchozím nastavení skryté.

Znovu widget vyzkoušejte. Všimněte si, že když nasunete kurzor na spouštěcí oblast, zobrazí se odpovídající cílová oblast. Když kurzor zůstane v oblasti widgetu, můžete pracovat s obsahem nacházejícím se uvnitř cílových oblastí (například kliknout na odkaz na webové stránky v prostředním kontejneru cíle).

Pokud ale odsunete kurzor ze spouštěcí nebo cílové oblasti, dojde ke skrytí cílových oblastí až do doby, než kurzorem znovu najedete na jinou spouštěcí oblast.

Tato funkce umožňuje nastavit mnohem propracovanější interaktivní procházení stránek reagující na pohyby myši návštěvníka.