Adobe Press
V tomto článku se naučíte pracovat s hypertextovými odkazy v aplikaci Adobe Muse. Pomocí hypertextových odkazů můžete odkazovat na externí weby, soubory ke stažení, e-mailové adresy a další. Soubory ke stažení mohou být PDF, DOC, PPT, TXT, multimediální soubory nebo jiné typy souborů, které chcete sdílet s návštěvníky svého webu, ale u kterých není v současnosti podporováno vložení v rozhraní aplikace Muse. Můžete vytvářet odkazy na soubory, které jsou aktuálně načtené ve vašem hostitelském účtu Adobe Muse nebo na soubory hostované ve webech třetích stran.
V této části se naučíte propojit položky nabídky se dvěma prvky oblastí kotev, abyste k ruční nabídce přidali odkazy na kotvy. Postupujte takto:
Při klikání na odkazy zobrazující jednotlivé oblasti stránky si všimněte, že se v nabídce navigace zobrazuje odpovídající aktivní stav. Tato vlastnost webu pomáhá návštěvníkům orientovat se v tom, kterou část právě sledují. Ukončete prohlížeč a vraťte se do aplikace Adobe Muse.
Zkuste také posouvat stránkou nahoru a dolů a sledujte, jak kód stránky detekuje umístění jednotlivých tagů kotev a aktualizuje aktivní stav ruční nabídky při průchodu stránky jednotlivými svými částmi. Tato metoda funguje u stránek posouvajících se jak svisle, tak vodorovně.
Poznámka: Aby mohly tagy kotev přeskakovat do odpovídajících oblastí, musí být stránka dostatečně vysoká nebo široká. Pokud jsou oblasti stránky příliš blízko u sebe a veškerý obsah se vejde do okna prohlížeče bez posouvání, nebudou tagy kotev přeskakovat do následujících oblastí.
V následující části se dozvíte, jak lze přidávat odkazy na soubory ke stažení, aby si návštěvníci mohli stahovat formáty souborů PDF, DOC, MP3, MOV, PSD a soubory JPEG ve vysokém rozlišení.
Tip: Pokud na projektu webu spolupracujete s dalšími návrháři, můžete vytvářet odkazy na zdrojové soubory .Muse, aby si je členové týmu mohli stahovat přímo z vašeho webu.
Vytvoření oblastí kotev na webové stránce snadno vizuálně oddělíte různé části na stránce. Přístup ke každé z těchto částí lze snadno získat prostřednictvím odkazů na kotvy, jež mají usnadňovat navigaci na stránce.
V dokončeném návrhu obsahuje webová stránka odkazy na kotvy umožňující návštěvníkům svisle přeskakovat na oblasti zobrazující příslušná menu. Při přidávání tagů kotev si představte, že někam na stránku připevňujete značku. Když návštěvník klikne na odkaz na tuto kotvu, dojde k posunutí delší stránky a k přeskočení do specifické oblasti, ve které se tato značka nachází.
Velikost rozestupu (v pixelech) mezi první kotvou (nahoře na stránce) a první instancí odkazovaného obsahu (ruční widget Nabídka, který přidáte v následující části) určuje tzv. „aktivní oblast“, způsobující změnu aktivního stavu v jednotlivých oblastech. Pokud je například první kotva umístěna zcela nahoře na stránce a widget nabídky je umístěn 120 pixelů pod ní, bude se při posouvání stránky směrem dolů aktivní stav položek nabídky v následujících oblastech také aktualizovat 120 pixelů před zobrazením nabídky.
Až v následujícím kroku přidáte ruční widget Nabídka, propojíte tlačítka s jednotlivými tagy kotev a vytvoříte tak navigaci, která umožní návštěvníkům přeskakovat směrem dolů po stránce k jednotlivým menu pokrmů.
Poznámka: Když vyberete soubor pomocí funkce Odkaz na soubor, stane se tento soubor součástí datových zdrojů webu, které budou odeslány při publikování webu nebo zahrnuty mezi soubory webu při exportu. Doporučeným postupem je nakopírovat všechny soubory, na které chcete odkazovat z webu, do lokální složky webu, podobně jako všechny ostatní soubory obrazů používané v rámci webu.
Došlo k přidání odkazu na soubor PDF. Když se podíváte na panel Datové zdroje, uvidíte, že soubor je nyní uveden jako jeden z datových zdrojů webu.
V reálném projektu byste mohli vytvořit odkazy na čtyři nezávislé soubory menu, aby měli návštěvníci k dispozici čtyři různé soubory PDF ke stažení nebo k zobrazení menu. Ale pro účely této výukové lekce odkazuje tlačítko Stáhnout ve všech oblastech stránky na jeden soubor PDF.
V závislosti na používaném prohlížeči a na nastavení předvoleb tohoto prohlížeče dojde k různému chování. Některé prohlížeče zobrazí soubor PDF v okně prohlížeče, zatímco jiné jej prostě stáhnou na plochu, kde jej můžete otevřít pomocí aplikace Acrobat Pro nebo Acrobat Reader.
Pokud používáte aplikaci Adobe Muse již nějakou dobu, mohli jste si všimnout, že nabídka Odkazy byla nedávno přeorganizována do oddílů, aby bylo snadnější vyhledávat názvy stránek a položky, na které je možné vytvořit odkazy. V této části se podrobněji podíváme na strukturu nabídky Odkazy a na to, jak lze filtrovat položky v seznamu nabídky. Uvidíte také, jak lze přidávat odkazy na e-mailové adresy.
Když jsou nyní umístěna tlačítka ikon sociálních médií, můžete přidat externí odkazy na weby těchto sociálních sítí.
Jedná se o běžnou konvenci při návrhu webů - odkazy na stránky ve stejném webu se otevírají ve stejném okně prohlížeče (což je výchozí chování v aplikaci Adobe Muse) a odkazy na stránky v jiných, externích webech, se otevírají v novém okně nebo na nové kartě.
Abyste mohli přidat odkaz na stránku webu Adobe Muse, přejděte k tomuto aktivnímu, odeslanému souboru pomocí prohlížeče. Postupujte takto.
Nyní je adresa URL odkazující na závislý soubor zkopírovaná do schránky. Dávejte pozor, abyste nezkopírovali žádné jiné položky, dokud nevložíte adresu URL závislého souboru do pole Hypertextový odkaz tak, jak je popsáno v následující části.
Poté, co jste úspěšně odeslali závislý soubor, zobrazili si jej pomocí prohlížeče a zkopírovali adresu URL tohoto souboru, zbývá vytvořit odkaz na stránce vašeho webu Adobe Muse. Postupujte takto:
Pokud chcete, aby tento odkaz otevřel nové okno v prohlížeči, klikněte na popisek Hypertextový odkaz nacházející se vlevo od okna Hypertextový odkaz. V zobrazeném dialogu zaškrtněte políčko vedle volby Otevřít odkaz v novém okně nebo na nové kartě, viz níže.
Uložte stránku a publikujte změny provedené ve webu.
Navštivte stránku v prohlížeči. Kliknutím na text nebo tlačítko s odkazem ověřte, jestli odkaz funguje podle očekávání.
Zkuste otevřít svůj web v různých prohlížečích, například Chrome, Safari nebo Firefox, abyste viděli, jestli se při kliknutí na odkaz na závislý soubor jednotlivé prohlížeče chovají přijatelným způsobem.
Pokud máte zájem o další tipy ohledně práce s aplikací Adobe Muse, určitě se podívejte na stránku nápovědy a výukových lekcí aplikace Adobe Muse nebo stránku událostí aplikace Adobe Muse, kde najdete živé i nahrané webové semináře.
Přihlaste se ke svému účtu.