Como criar uma página móvel-Ready no Dreamweaver

páginas jQuery Mobile arranque do Dreamweaver são uma boa maneira de gerar rapidamente um site amigável-móvel. A página móvel arranque cria uma página HTML5 com cinco jQuery Mobile Data-páginas pré-construídos, ou seções da página HTML que se parecem e agem como # 147 páginas # 148- como eles aparecem ou desaparecem dentro de um dispositivo móvel. E essas páginas iniciais fornecer um ponto de partida bom para ambas as páginas móveis e aplicativos.

Conteúdo

Siga estas etapas para gerar e personalizar uma página jQuery Mobile no Dreamweaver:

1

Escolha Arquivo-Novo.

A caixa de diálogo Novo documento é aberta.

2

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


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

DOCTYPE é definido por padrão para HTML5, o 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.

3

Clique no botão Criar.

Uma página HTML aparece com quatro jQuery Mobile # 147 páginas # 148;.

Porque a página gerada depende de javascript, você não pode ver nada perto da aparência real sem ligar view 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 de exibição janela do documento para um tamanho dispositivo móvel.

4

Para editar as páginas, desmarque a opção Live View e editar na janela do documento.

Cada jQuery Mobile # 147 páginas # 148- (dentro do arquivo HTML single) 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é.

5

Depois 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 no modo Design da mesma forma que edita qualquer página HTML no Dreamweaver.

» » » » Como criar uma página móvel-Ready no Dreamweaver