Como criar uma página móvel-pronto em dreamweaver

1Escolha Arquivo → Novo

A caixa de diálogo Novo documento abre.

2Selecione Página de Amostra na coluna da esquerda, móveis Entradas na coluna Pasta amostra e jQuery Mobile (CDN) na coluna Página de exemplo

Escolha a primeira opção, jQuery Mobile (CDN).

Video: Criando um MENU animado de modo simples (DREAMWEAVER)

DOCTYPE é definido por padrão para HTML5, que é necessário para as páginas baseadas-Mobile jQuery. A caixa de diálogo Novo documento, com as configurações para uma página jQuery Mobile, é mostrado.

3Clique no botão Criar

Uma página HTML aparece com quatro páginas jQuery Mobile ??. ??

Porque a página gerada depende de javascript, você não pode ver nada perto da aparência real sem ligar vista Live.

Para ter uma idéia de como a página vai olhar e trabalhar em um dispositivo móvel, clique no botão Exibição ao vivo e navegar nas páginas jQuery Mobile gerados, usando os botões Avançar e Voltar na barra de ferramentas da janela Documento. Use a opção Tamanho da janela na barra de ferramentas na parte inferior para redimensionar a janela janela do documento para um tamanho dispositivo móvel.

4Para editar as páginas, desmarque Live View e editar na janela do documento

Cada página jQuery Mobile ?? ?? (Dentro do arquivo HTML simples) tem três tags DIV dentro dele: um móvel cabeçalho jQuery, um elemento de conteúdo jQuery Mobile, e uma jQuery Mobile rodapé.

5Depois de editar o conteúdo espaço reservado, substituindo-o com o seu próprio conteúdo, alternar voltar para visualização ao vivo para ver como as páginas vão olhar em navegadores de dispositivos móveis

Você pode editar o conteúdo de qualquer um dos elementos na vista da mesma forma que edita qualquer página HTML no Dreamweaver.

Video: Criando pagina de comentários no Dreamweaver e WampServer (Parte 2)