Použijte aplikaci Adobe Device Central s aplikací Dreamweaver

Aplikace Device Central umožňuje návrhářům a vývojářům webu Dreamweaver prohlédnout si, jak budou soubory aplikace Dreamweaver vypadat v řadě mobilních zařízení. Aplikace Device Central používá funkci společnosti Opera Vykreslení malé obrazovky™, aby se vývojáři a návrháři mohli podívat, jak jejich webová stránka vypadá na malé obrazovce. Umožňuje jim také vyzkoušet, zda šablona CSS správně funguje.

Vývojář webu může mít například zákazníka, který chce mít v mobilních telefonech k dispozici web. Pomocí aplikace Dreamweaver může vytvořit předběžné stránky a pomocí aplikace Device Central otestovat, jak tyto stránky vypadají v různých zařízeních.

  1. Spusťte aplikaci Dreamweaver.
  2. Otevřete soubor.
  3. Proveďte jeden z následujících úkonů:
    • Vyberte volbu Soubor > Náhled v prohlížeči > Device Central.

    • Na panelu nástrojů okna dokumentu klikněte na tlačítko Náhled/ladění v prohlížeči a podržte je stisknuté  a vyberte volbu Náhled v Device Central.

Tipy pro vytváření webového obsahu v aplikaci Dreamweaver pro mobilní zařízení

Program Device Central zobrazuje náhled webových stránek vytvořených v aplikaci Dreamweaver pomocí vykreslení pro malé obrazovky Small-Screen Rendering prohlížeče Opera. Tento náhled vám může dát dobrou představu o tom, jak bude webová stránka vypadat na mobilním zařízení.

Poznámka: Vykreslování pro malé obrazovky prohlížeče Opera může, ale nemusí být předinstalované na určitém konkrétním emulovaném zařízení. Program Device Central jednoduše poskytuje náhled vzhledu obsahu za předpokladu, že je nainstalované vykreslování pro malé obrazovky prohlížeče Opera.

Abyste zajistili, že se webové stránky vytvořené v aplikaci Dreamweaver budou zobrazovat na mobilních zařízeních správně, postupujte podle následujících tipů:

  • Pokud k vývoji obsahu používáte rozhraní Adobe® Spry, přidejte do stránek následující řádek HTML, aby se v aplikaci Device Central mohly správně vykreslit CSS a provádět JavaScript™:<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/> <link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>

  • Vykreslování pro malé obrazovky prohlížeče Opera nepodporuje snímky, rozbalovací okna, podtržení, přeškrtnutí, čáru nad, blikání ani hranice označení. Snažte se tyto prvky nepoužívat.

  • Udržujte webové stránky pro mobilní zařízení jednoduché. Zejména používejte minimální počet písem, velikostí písma a barev.

  • Zmenšení velikosti obrazů a snížení počtu barev zvyšuje pravděpodobnost, že se obrazy zobrazí tak, jak jste zamýšleli. Používejte CSS nebo HTML pro určení přesné výšky a šířky pro každý použitý obraz. Poskytněte alternativní text pro všechny obrazy.

Poznámka:

Webové stránky aplikace Opera jsou dobrým zdrojem informací o optimalizaci webových stránek pro mobilní zařízení.

Další tipy a techniky vytváření obsahu pro mobilní telefony a zařízení najdete na adrese www.adobe.com/go/learn_cs_mobilewiki_cz.

Tato práce podléhá licenci Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Na příspěvky ze služeb Twitter™ a Facebook se nevztahují podmínky licence Creative Commons.

Právní upozornění   |   Zásady ochrany osobních údajů online