Poznámka:
Do aplikace Adobe Muse již nejsou přidávány žádné další funkce a 26. března 2020 bude její podpora ukončena. Podrobnější informace a možnosti asistence naleznete na stránce Ukončení životnosti aplikace Adobe Muse.
-
Třikrát klikněte na horní záložku vpravo. Prvním kliknutím vyberete celý Panel se záložkami, druhým kliknutím vyberete kontejner záložky a třetím kliknutím vyberete záložku vpravo.
Indikátor výběru zobrazí informace o tom, který podřízený element widgetu je aktuálně vybrán. Stisknutím klávesy Delete (Mac) nebo Backspace (Windows) odstraňte třetí záložku. Po provedení této změny zůstanou zobrazeny pouze dvě záložky. Klikněte kamkoli jinam na stránku.
-
Dalším kliknutím na widget vyberte celý Panel se záložkami. Přetažením úchytů nastavte velikost celého widgetu na hodnotu 840 pro šířku a 645 pro výšku. Při přetahování úchytů můžete sledovat hodnoty, které se během přetahování zobrazí.
Hodnoty v polích W (šířka) a H (výška) můžete zkontrolovat také na panelu Transformace.
V polích šířky a výšky zkontrolujte rozměry změněného widgetu.
-
Kliknutím na pozici rozhraní pro přichycení nahoře uprostřed připněte widget Panel se záložkami na místo. Další informace o připnutí objektů, jež se nemají posouvat, najdete na tomto odkazu.
-
Ve vybraném widgetu Panel se záložkami kliknutím na levou záložku vyberte Kontejner záložky (element obsahující obě horní záložky). Pomocí nástroje Výběr přetáhněte centrální úchyt směrem dolů, aby výška byla přibližně 98 pixelů.
Na panelu Rozestup nastavte následující hodnoty zobrazené na následujícím obrázku:
- Vlevo: 220
- Vpravo: 220
- Dole: 2
- Výška mezery mezi sloupci: 10
Nastavte hodnoty mezer pro kontejner záložky na panelu Rozestup.
-
Po provedení těchto změn přetáhněte pomocí nástroje Rozestup celý widget Panel se záložkami zcela k hornímu okraji stránky, aby byl Panel se záložkami těsně u dolního okraje obdélníku záhlaví bez svislé mezery mezi těmito dvěma objekty.
V případě potřeby můžete zobrazení přiblížit, abyste lépe viděli, jak jsou tyto elementy zarovnány. Po dokončení nastavte zvětšení zpět na 100 %.
Po přidání widgetu Panel se záložkami nyní následující část zahrnuje postup aktualizace stylů pro vytvoření návrhu těchto dvou záložek.
-
Vyberte stav Myš nad na panelu Stavy. Nastavte barvu výplně stavu záložky Přechod na 571E00. Všimněte si, že když nastavíte barvu výplně pro stav Myš nad, stav Kliknutí myší se také automaticky aktualizuje.
Vyberte stav Aktivní a také použijte stejnou barvu výplně pro záložku ve stavu Aktivní. Nyní je Normální stav vyplněn barvou výplně zvolenou v předchozím kroku a zbývající tři stavy jsou vyplněny barvou 571E00.
-
Dalším kliknutím na záložku vlevo vyberte možnost Popis. Indikátor výběru zobrazí po výběru slovo Popis. Na panelu Stavy vyberte stav Normální a pak pomocí panelu Text nastavte následující atributy zobrazené na níže uvedeném obrázku:
- Webové písmo: Kaushan Script (nebo jakékoli písmo script, které vyberete)
- Velikost pásma: 26Color: č. 70909D (tuto barvu můžete pojmenovat. Například blue-menu
- Proklad: 120 %
- Zarovnání: Na střed
Styl textu popisu nastavíte aktualizací hodnot v panelu Text.
-
Když se podíváte na panel Stavy, vidíte, že formátování použité pro Popis ve stavu Normální bylo použito také pro stavy Myš nad a Kliknutí myší. Vyberte stav Aktivní a znovu klikněte na styl odstavce záhlaví-záložky, abyste použili formátování pro stav Aktivní. Nyní je u všech stavů na obou kartách nastaven styl.
Znovu vyberte stav Normální.
-
Pokud vyberete levou záložku a podíváte se na panel Stavy, uvidíte, že konečné formátování bylo použito u každé záložky a popisu. Klikněte na pravou záložku a všimněte si, že stavy vypadají stejně s výjimkou textového obsahu na jednotlivých záložkách.
Zkontrolujte formátování jednotlivých záložek na panelu Stavy.
-
Klikněte na pravou záložku widgetu. Po výběru pravé záložky se pod záložkou zobrazí odpovídající oblast obsahu. Toto je stejné chování, ke kterému dochází v pohledu návrhu při úpravách stránky a na aktivním webu. Proto jsou Panely se záložkami velmi užitečné, neboť můžete efektivně zobrazit mnohem více obsahu na jedné stránce.
-
Dočasně přepněte z aplikace Adobe Muse na plochu. Otevřete složku s ukázkovými soubory a vyhledejte soubor s názvem text-about-ourstory.txt. Dvojitým kliknutím otevřete tento soubor v textovém editoru. Zkopírujte první část stránky až do řádku: ... vytvořeného na základě mnoha let pečení pro přátele a rodinu.
-
Dále přidáte obsah do jednotlivých kontejnerů odpovídajících jednotlivým záložkám.
Pomocí nástroje Výběr změňte velikost textového pole. Přetáhněte je na levou stranu kontejneru a pak pomocí úchytů zvětšete jeho šířku na přibližně polovinu dostupného místa v oblasti obsahu (asi 390 pixelů na šířku na 381 pixelů na výšku).
Dále duplikujte existující textový rámeček, abyste vytvořili druhý textový rámeček, který vyplní pravou stranu oblasti obsahu.
-
Pomocí nástroje Výběr tento textový rámeček vyberte. Při přetahování duplikované kopie textového rámečku na pravou stranu oblasti obsahu stiskněte a podržte klávesu Option (Mac) nebo Alt (Windows) – viz následující obrázek.
Pomocí zobrazených vodítek zarovnání zajistěte, aby byl pravý textový rámeček vodorovně zarovnán s levým textovým rámečkem.
Zkopírováním existujícího textového rámečku vytvořte druhý sloupec na pravé straně.
Kopírování textových rámečků je téměř hotovo. Poslední část zahrnuje přidání malého obrázku, který bude obtékat levý textový rámeček.
Widget Panel skládačka se používá, když chcete umístit velké množství obsahu na menší plochu obrazovky. Sbalování a rozbalování tohoto widgetu umožňuje návštěvníkům kliknout na panel popisku a zobrazit si tak oblast s odpovídajícím obsahem. Widgety Panel skládačka se používají na obrazovkách stolních počítačů a často také k zobrazování obsahu v rozvrženích pro mobilní zařízení.
V této části se naučíte přidávat obsah do jednotlivých stránek webu. Budete pracovat s dalším typem widgetu, pojmenovaným Skládačka. Widgety Panel (jak widget Skládačka, tak widget Panel se záložkami) umožňují zobrazit více obsahu na stránce na menší ploše obrazovky.
-
Zvolte Soubor > Umístit. V dialogovém okně Import přejděte ke složce s datovými zdroji a vyberte potřebný obrazový soubor. Klikněte na tlačítko Vybrat a poté jedním kliknutím v horní části stránky umístěte tento obraz v jeho původní velikosti na stránku jako text záhlaví. Widget Skládačka přidáte pod toto záhlaví.
-
Pomocí nástroje pro výběr vyberte různé komponenty widgetu. Když vyberete celý widget, zobrazí indikátor výběru v levém horním rohu ovládacího panelu slovo „Widget“. Znovu klikněte a všimněte si, jak se indikátor výběru změní, aby vám oznámil, že jste vybrali kontejner nebo textový rámeček. Indikátor výběru vám říká, která část widgetu je aktuálně vybraná.
Chcete-li zrušit výběr daného prvku widgetu, můžete se buď stisknutím klávesy Esc vrátit o jednu úroveň výběru zpět nebo se opakovaným stisknutím této klávesy vracet zpět z vnořených prvků. Případně můžete kliknout mimo widget na nějakou jinou část stránky.
Widget Skládačka obsahuje ve výchozím nastavení dva panely. Horní panel zobrazuje zástupný název karty Lorem 1 a spodní panel zobrazuje zástupný název karty Ipsum 2.
-
Kliknutím na kulatou ikonu s modrou šipkou otevřete dialog Volby widgetu. Zkontrolujte, jestli je zaškrtnutá volba Upravit společně. Tato volba zaručuje, že všechny změny, které provedete v názvu jedné karty ve skládačce, se projeví ve všech kartách.
Zkontrolujte, jestli je na panelu Volba widgetů skládaček zaškrtnutá možnost Upravit společně.
V následující části se naučíte vyplnit panel widgetu Skládačka přidáním textového obsahu. Ale nejprve aktualizujte název horní karty zobrazený nad prvním panelem ve widgetu Skládačka.
-
Pomocí nástroje pro výběr vyberte textový rámeček horní karty, aktuálně nazvaný Lorem 1. Jedním kliknutím na text „Lorem 1“ vyberte celý widget a rozbalte kontejner odpovídající horní kartě a poté kliknutím do textu „Lorem 1“ vyberte textový rámeček. Když je vybrán textový rámeček, zobrazí se v indikátoru výběru slova „Textový rámeček“.
-
Dvakrát klikněte na horní kartu, dokud nebude indikátor výběru zobrazovat slova „Textový rámeček“. Když je vybraný textový rámeček horní karty, tak kliknutím na odkaz Výplň na ovládacím panelu otevřete nabídku Výplň. Klikněte na výběr barvy a nahraďte výchozí tmavě šedou barvu výplně pozadí žádnou barvou pozadí.
První karta widgetu Skládačka je dokončena.
Po zrušení nastavení Upravit společně při úpravách první záložky se u ostatních záložek změny neprojeví. Styl ostatních záložek je nutné nastavit samostatně na panelu Záložka.
Ve výchozím nastavení jsou widgety Panel skládačka nastaveny tak, aby zobrazovaly panely popisů nahoře a oblasti s obsahem dole, a to při svislé orientaci.

-
Když je oblast obsahu stále vybraná, tak dalším kliknutím vyberte textový rámeček nacházející se uvnitř oblasti obsahu. Podržte kurzor poblíž jednoho z rohů textového rámečku, dokud se nezobrazí kurzor natočení. Stiskněte a podržte klávesu Shift a textový rámeček otočte o 90 stupňů stejně jako vnější widget.
Chcete-li zobrazit text v oblasti obsahu, natočte existující zástupný text.
-
Po natočení textového rámečku jej pomocí nástroje pro výběr přesuňte v rámci oblasti obsahu. Pomocí nástroje Text nahraďte zástupný text skutečným textem, který chcete zobrazit, a poté pomocí voleb formátování textu na ovládacím panelu a v panelu Text upravte styl textu (nebo použijte styly odstavců, chcete-li jeho vzhled aktualizovat).
Chcete-li aktualizovat text v kontejneru popisku, máte několik možností.
Pokud jsou popisky krátké a chcete, aby zůstaly „natočené“ (například při simulování knih v knihovně), můžete pomocí nástroje Text vybrat stávající zástupný text a napsat požadované popisky (viz následující obrázek).

Pokud nechcete použít textové popisky, můžete existující zástupný text v kontejnerech popisků jednoduše odstranit a poté pomocí voleb formátování na ovládacím panelu nebo panelu Výplň (společně s panelem Stavy) použít odlišnou barvu v každém popisku (viz následující obrázek). Chcete-li aktualizovat vzhled jednotlivých kontejnerů popisků, otevřete si kliknutím na tlačítko modré šipky nabídku Volby a vypněte volbu Upravit společně.

Nebo můžete pomocí programu pro úpravy obrázků vytvořit obrázky, které následně vložíte do panelů popisků. Umístěte obrázky na stránku, vyjměte je, pomocí nástroje Text vyberte text popisku a vložte obrázky do kontejnerů popisků. Obrázky mohou také obsahovat svisle orientovaný text (viz následující obrázek).

Jakýkoli prvek stránky můžete propojit s widgety skládaček přidáním odkazů na kotvu do panelu skládačky. Přečtěte si, jak přidat odkazy na kotvy do widgetů skládaček: