Jak používat mobilní widgety jQuery od Dreamweaveru

Nabídka Vložit v Dreamweaveru obsahuje kolekci mobilních widgetů jQuery, které můžete použít k vytvoření prvků formuláře a dalších funkcí běžně používaných v mobilních webových aplikacích. Můžete například použít mobilní widget jQuery k přidání prvků formuláře vhodných pro mobily, jako jsou textové oblasti a zaškrtávací políčka.

Než budete moci používat kterýkoli z mobilních widgetů jQuery, musíte nejprve definovat stránku jQuery Mobile výběrem položky Page, položky v seznamu mobilních widgetů jQuery.

Jak používat mobilní widgety jQuery od Dreamweaveru

Vytvořte webovou stránku v aplikaci Dreamweaver.

Kliknutím umístěte kurzor do levého horního rohu nové stránky a poté vyberte Stránka na panelu Vložení jQuery Mobile.

Otevře se dialogové okno Soubory jQuery Mobile.

Změňte výchozí nastavení v dialogovém okně Soubory jQuery Mobile (nebo je ponechte nastavené na výchozí hodnoty) a klikněte na OK.

Otevře se dialogové okno Stránka.

Zadejte název do pole ID a zaškrtněte nebo zrušte zaškrtnutí políček vedle záhlaví a zápatí podle toho, zda chcete na své mobilní stránce sekce záhlaví a zápatí.

Nahraďte text záhlaví, obsahu a zápatí textem, obrázky a dalšími prvky, které chcete na své mobilní stránce.

Na mobilní stránku jQuery můžete přidávat text a vkládat obrázky a další prvky stejně jako jakoukoli jinou stránku v Dreamweaveru.

Text by měl být krátký a obrázky malé pro zobrazení na malých mobilních obrazovkách.

Kliknutím na ikonu Mobile Size v pravém dolním rohu pracovní plochy zobrazíte stránku v menším okně.

Možnost Mobilní velikost vám umožňuje zobrazit stránku podobným způsobem, jak se zobrazí na malém mobilním zařízení.

Jak používat mobilní widgety jQuery od Dreamweaveru

Podle potřeby přidejte další možnosti jQuery Mobile.

Zbývající možnosti jQuery Mobile na panelu Mobile jQuery Insert jsou volitelné. Použijte je k přidání dalších funkcí na vaši mobilní stránku, včetně prvků formuláře, jako jsou pole pro hesla, přepínače a textové oblasti.

Zvolte Soubor→Uložit pro uložení stránky; když se zobrazí dialogové okno Kopírovat závislé soubory, klepnutím na OK vygenerujte všechny související soubory.

Aby funkce jQuery Mobile fungovaly, musíte tyto soubory nahrát na svůj webový server při nahrávání webové stránky.

Chcete-li zobrazit náhled své práce v prohlížeči, klikněte na ikonu zeměkoule v horní části pracovní plochy a vyberte prohlížeč.

Chcete-li otestovat mobilní web nebo webovou aplikaci na mobilním zařízení, publikujte stránku a všechny související soubory na webový server a poté si stránku zobrazte ve webovém prohlížeči na iPhonu, zařízení Android, Blackberry nebo jiném mobilním zařízení.


Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.