Série Wap. Parte 4

 

Objetivo:

 

O objetivo deste tutorial é dar continuidade a série wml, neste você vai aprender a utilizar mais alguns comandos em wml e a criar um botão para chamar um card, utilizando sempre a criação de uma página básica, para podermos demonstrar os exemplos.

 

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, Parte 2  e Parte 3 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.

 

Irei ensinar mais alguns comandos do wml e também  criar um  botão, que quando clicarmos no mesmo ira para o próximo card, para que  já nos próximos tutoriais possamos desenvolver um sistema simples, crie uma página com o nome “comandos.wml” com dois card dentro da mesma.

 

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 com apenas um card, copie o mesmo e cole logo abaixo, apague  alguns  códigos dentro dos mesmos deixando conforme a tela abaixo:

 

Tela 001

 

Agora iremos dar nomes aos ID Title  de cada card,  da seguinte forma:

 

Para o primeiro card ID=”botão” e Title=”Entrada”.

 

Para o segundo card ID= “Segundo” Title=”Card”.

 

Tela 002

 

Agora iremos inserir o seguinte texto: “Entrar Na Página”, este deve ficar centralizado através das tags          <p align>,  neste vamos utilizar um comando <big></big> que serve para aumentar o tamanho do texto, veja como deve ficar,irei mostar também no emulador.

 

Tela 003

 

Tela 004

 

Agora iremos criar um botão com o nome “Entrar” para isso vamos utilizar <do></do> este contém as seguintes sintaxe:

 

Type= podemos definir o tipo de ação que o mesmo ira realizar, entre elas: Prev que significa “voltar”, accept “aceitação”, reselt “limpar”, help “ajuda” delete “apagar”, options “opções” e unknown que siginifica “desconhecido”.

 

Label= Onde iremos inserimos o nome que ira aparecer na interface do mesmo.

 

Name= Este serva para indentificar a ação.

 

Optional= Defini umm tipo de ação, que pode ser até desnecessária.

 

Sendo que para a criação do botão utilizaremos a ação <go>, existem outras que veremos mais adiante.

 

O comando de ação <go> vai se dirigir para um terminadado lugar dentro dos cards, este contém os elementos <setvar> ou <postfield>

 

Sua sinaxe é a seguinte:

 

<go href=”aqui colcamos o endereço para onde deve ir” sendreferer=”aqui colocamos true ou false” method=”aqui colocamos get ou post”>.

 

Então, agora que você já sabe quais os comandos necessários, vamos inserir uma quebra de página utilizando a tag <br>, e depois iremos acrescentar o comando <do> com o tipo de ação “accept” e Label “entrar”.

 

Tela 005

 

Agora dentro do comando <do> vamos utilizar <go> com o link direcionado para o segundo card e estará criado o botão.

 

Tela 006

 

No segundo card vamos inserir o texto “Seja Bem Vindo!” o mesmo deve ficar centralizado, vamos colocar este texto em italico para isso usamos a tag <i></i>, veja na tela abaixo como deve ficar:

 

Tela 007

 

Conclusão:

 

Ensinei neste tutorial  alguns comandos do wml como as tag <i></i> <go></go> <do></do>, e também a criar um botão para chamar um card, 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