Como usar o Dreamweaver jQuery Mobile Widgets

O menu Inserir no Dreamweaver inclui uma coleção de widgets móveis jQuery que 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 compatíveis com dispositivos móveis, tais como áreas de texto e caixas de seleção.

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.

image0.jpg
  1. Criar uma página da Web no Dreamweaver.

  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 de arquivos (ou deixá-los definidos para o padrão) e clique em OK.

    A caixa de diálogo página se 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ê quer em sua página móvel.

    Você pode adicionar texto e imagens de inserção 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 exibir em telas pequenas móveis.

  6. Clique no ícone Tamanho móvel na parte inferior direita 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.

    image1.jpg
  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 na parte superior da área de trabalho e selecione um browser.

Para testar um site móvel 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, um Blackberry ou outro dispositivo móvel.

menu