Como usar widgets móveis jquery do dreamweaver
Video: Dreamweaver Tutorial: JQuery UI datePicker widget
Conteúdo
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
Criar uma página web no Dreamweaver.
Video: Dreamweaver - Adding JQuery widgets
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.
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.
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.
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.
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.
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.
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.
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.