« Anterior

Próximo »

Artigos de Redes Wireless – Série WAP - Parte 3

Objetivo:

O objetivo deste tutorial é dar continuidade a série wml, irei  ensinar você criar uma página básica, para podermos navegar entre os card, você vai aprender a criar link entre estes card.

Pré-requisito:

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do “Curso Básico  de Informática Parte 1 e  Parte 2 deste tutorial.

Nota: Irei explicar tudo de forma simple, objetiva e direta a aprender a utilizar a teconologia wap, facilitando assim seu aprendizado, ao longo da séries talves iremos desenvolver alguns aplicativos reias para seu uso.

Vamos criar uma página com o nome “navegação.wml” com dois card dentro da mesma, o primeiro vai ter um titulo “Ir para o próximo Card”  neste  você vai aprender a criar um link, que quando você clicar vai chamar o segundo card que vai ter apenas uma mensagem de boas vindas.

Para isso abra o editor Waptor clique no menú File e depois em New, isso vai fazer com que seja inserido uma página dentro do editor, você deve apagar algmas linhas de código dentro da mesma deixando conforme a tela abaixo:

Tela 001

Agora iremos inserir o titulo que definimos  para o link entre as tags <card></card>, vamos colocar este texto alinhado ao centro para isso utilizamos as tags <p align=”center”></p>.

Tela 002

Para criar um link utilizamos a tag <a href=”aqui colocamos o nome do card”>aqui colocamos o titulo</a>, entre as aspas duplas iremos inserir o nome do segundo card, que ainda não criamos e antes de fechar a tag </a> do link inserimos o titulo, no nosso caso veja como deve ficar.

Tela 003

Para identificarmos o card utilizamos um (ID=”nome de identificação do card”), neste card que estamos criando iremos identifica0lo com o nome “primeiro” veja como deve ficar.

Tela 004

Para este primeiro card, vamos  inserir o tituto “WML” , para isso  utilizamos a tag <title></title>, veja como deve ficar.

Tela 005

Vamos ver como vai vicar este primeiro card utilizando o emulador winwap, para isso inicie o servidor apache e o mesmo, colocando o seguinte endereço, lembrando que esta página deve ser salva dentro da pasta wap, http://localhost/wap/navegacao.wml, a mesma deve ficar assim:

Tela 006

Agora iremos partir para a criação do  segundo card, como este é quase igual ao que criamos, copie o mesmo e cole logo abaixo. Vamos fazer as seguintes alterações:

O nome que iremos indentificar o mesmo através do ID é “Segundo”;

O texto para o mesmo é “Seja bem vindo ao segundo card”, este vamos coloca-lo alinhado a esquerda, então, basta substituir na tag <p align> center por “lef”, também vamos inserir uma quebra de linha utilizando a tag <br>

E por último vamos criar outro link para voltar ao primeiro card, este  com o título “voltar” , o mesmo deve ficar com o alinhamento centralizado.

Tela 007

Para concluir devemos inserir os nomes dos card, este identificados pelo ID, nos link, no link do primeiro card, colocamos “segundo” e no segundo card colamos “primeiro” sempre com o sinal “#” na frente.

Tela 008

Vamos testar no emulado, quando clicar no primeiro card vai aparecer o segundo conforme a tela abaixo:

Tela 009

Pronto terminamos a navegaçao entre os card, o objetivo é esninar passo a passo a utilização do wml para que em seguida possamos a desenvolver um pequeno sistema.

Conclusão:

Ensinei neste tutorial  você a nevegar entre card, a criar link a fazer o alinhamento de texto, utilizando uma página simples, tudo  de forma  objetiva e direta, na próxima parte do tutorial daremos continuação da utilização do wml. Bons estudos e até a próxima parte.

« Anterior

Próximo »