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.
Menu
- Escolha arquivo-novo.
- 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.
- Clique no botão criar.
- Para editar as páginas, desmarque a opção live view e editar na janela do documento.
- 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.
Siga estas etapas para gerar e personalizar uma página jQuery Mobile no Dreamweaver:
Escolha Arquivo-Novo.
A caixa de diálogo Novo documento é aberta.
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.
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.
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é.
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.