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.

 

CURSO PROFISSIONALIZANTE DE INFORMÁTICA

Curso Técnico Profissionalizante Completo em Informática - Windows 10 - Word - Excel - Access- PowerPoint - Photoshop - Redes - Lógica de Programação - Delphi - VB.NET São 68 Cursos - 3440 Vídeo Aulas - 396:07 horas 68 Certificados de Conclusão e Acesso Vitalício

Domine Todos os Recursos de Informática Exigidos pelo Mercado de Trabalho, Através de Exemplos Práticos, Completos e Úteis, Detalhadamente Explicados - Passo a Passo

Para Todos os Detalhes, Acesse:     https://juliobattisti.com.br/informatica-curso-completo-1v.asp