a desenvolver sites, sistemas web certamente nao tera dificuldades para criar aplicativos para dispositivos moveis utilizando o HTML, isso porque praticamente todo o codigo utilizando em um sistema web convencional sera utilizado em um sistema dedicado aos celulares ou tablets, temos apenas de ter alguns detalhes em mente. O primeiro de todos e que um dispositivo movel nao possui, geralmente, toda a largura de banda encontrada em um computador conectado a uma rede local. Muitas vezes estes aplicativo serao executados no transito, no trabalho, em um passeio, isso faz com que a preocupacao com performance que ja deve ocorrer em aplicativos convencionais seja redobrada neste caso.Para a construcao destes aplicativos iremos utilizar o HTML 5, que possui uma linguagem de marcacao muito mais limpa fazendo com que o codigo resultante seja muito mais leve e rapido. Depois disso e necessario adicionar algumas tags especiais que farao toda a diferenca no momento da renderizacao,fazendo com que o dispositivo nao trate a pagina HTML como uma pagina comum e sim como uma pagina preparada para ser executada em um dispositivo movel.TESTANDO O FUNCIONAMENTO DO AMBIENTEAntes de continuar o desenvolvimento e muito importante fazer um pequeno teste para vermos se o dispositivo que iremos testar os aplicativos consegue acessar adequadamente o computador hospedeiro. Para isso voce tera que saber o IP do computador que ira hospedar a aplicacao. Geralmente para acessar a aplicacao podemos acessar pelo endereco: http://ip-do-servidor/nome-da-aplicacao. Aproveitando este momento em que iremos testar uma aplicacao aproveitaremos para verificar como uma pagina HTML se comporta se nao fizermos as adaptacoes necessarias para que elas fiquem otimizadas para os mecanismos de busca. Crie uma pasta na raiz de seu servidor web, no caso do wamp e a pasta www, voce pode usar qualquer IDE para facilitar o seu desenvolvimento, por aqui usamos o Aptana, que e um fantastico ambiente baseado noEclipse que e bastante otimizado para o desenvolvimento de paginas HTML e folhas de estilo CSS.Dentro da pasta crie uma pagina HTML com o nome pagina-nao-otimizada.html e insira o seguinte conteudo:123456789101112131415<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Aplicativo Web para Dispositivos moveis</title> </head> <body> <h1>Aplicativo Web para Dispositivos moveis</h1> <p>Lorem Ipsum e simplesmente uma simulacao de texto da industria tipografica e de impressos, e vem sendo utilizado desde o seculo XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu nao so a cinco seculos, como tambem ao salto para a editoracao eletronica, permanecendo essencialmente inalterado. Se popularizou na decada de 60, quando a Letraset lancou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoracao eletronica como Aldus PageMaker.</p> </body></html>Depois de acessar a pagina e ter a conviccao de que a aplicacao esta disponivel para visualizacao e testes podemos constatar alguns fatos:O navegador ate conseguiu renderizar a pagina corretamente, mas o texto esta muito pequeno, sendo praticamente impossivel ler a primeira vista. Isso acontece porque o navegador do dispositivo assumiu a verdade que esta pagina foi feita para um computador convencional, desta