Como usar widgets móveis jquery do dreamweaver

Video: Dreamweaver Tutorial: JQuery UI datePicker widget

O menu Inserir no Dreamweaver inclui uma coleção de widgets móveis jQuery você pode usar para criar elementos de formulário e outros recursos mais usados ​​em aplicações web móveis. Por exemplo, você pode usar o widget móvel jQuery para adicionar elementos de formulário móveis-friendly, tais como áreas de texto e caixas de seleção.

Video: Adobe Widget Browser en Dreamweaver

Antes de usar qualquer um dos widgets móveis jQuery, você deve primeiro definir uma página jQuery Mobile, escolhendo página, o item na lista de widgets móveis jQuery.

Video: Dreamweaver - Adding JQuery widgets

  1. Criar uma página web no Dreamweaver.

    Video: Dreamweaver - Adding JQuery widgets

  2. Clique para colocar o cursor no canto superior esquerdo da nova página, e em seguida, escolha Página no painel jQuery Mobile Inserir.

    A caixa de diálogo arquivos jQuery Mobile abre.

  3. Alterar as configurações padrão do jQuery Mobile caixa de diálogo arquivos (ou deixá-los definidos para o padrão) e clique em OK.

    A caixa de diálogo página abre.

  4. Digite um nome no campo ID, e marque ou desmarque as caixas de seleção ao lado do cabeçalho e rodapé com base em se você quiser seções de cabeçalho e rodapé em sua página móvel.

  5. Substitua o Cabeçalho, Conteúdo, e Rodapé texto com o texto, imagens e outros elementos que você deseja em sua página móvel.



    Você pode adicionar texto e imagens de pastilhas e outros elementos em uma página móvel jQuery tal como faria com qualquer outra página no Dreamweaver.

    O texto deve ser curto e as imagens devem ser pequenas para a exibição em telas pequenas móveis.

  6. Clique no ícone Tamanho Móvel no canto inferior direito da área de trabalho para visualizar a página em uma janela menor.

    A opção Tamanho Mobile permite-lhe visualizar a página de uma forma semelhante à forma como ele aparecerá em um pequeno dispositivo móvel.

  7. Adicione outras opções jQuery Mobile como desejado.

    O resto dos Mobileoptions jQuery no painel jQuery inserção móvel são opcionais. Usá-los para adicionar recursos adicionais para sua página móvel, incluindo elementos de formulário, tais como campos de senha, botões de rádio e áreas de texto.

  8. Escolha Arquivo → Salvar para salvar o page- quando a caixa de diálogo Copy Dependent arquivos aparecer, clique em OK para gerar todos os arquivos relacionados.

    Para o jQuery Mobile apresenta para trabalhar, você deve fazer o upload desses arquivos para o servidor web quando você carregar a página web.

  9. Para visualizar o seu trabalho em um navegador, clique no ícone de globo no topo da área de trabalho e selecione um navegador.

Para testar um site para celular ou aplicativo web em um dispositivo móvel, publicar a página e todos os arquivos relacionados a um servidor web, em seguida, visualizar a página em um navegador da web em um iPhone, um dispositivo Android, Blackberry ou outro dispositivo móvel.


Publicações relacionadas