domingo, 6 de setembro de 2020

DICAS 3072 -WEBDEV TUTORIAL 6-Licao 1.3-15-09-2020 15hrs-Lesson 1.3. Minha Primeira Pagina - PAGINA FORMULARIO - PARTE B




https://youtu.be/zwcHA1DhopM


Bom Dia/Boa Tarde/Boa Noite

Esse Ao Vivo vai estrear as 15:00 do dia 15/09/2020 

DICAS 3072 -WEBDEV TUTORIAL 6-Licao 1.3-15-09-2020 15hrs-Lesson 1.3. Minha Primeira Pagina - PAGINA FORMULARIO - PARTE B
Lesson 1.3. My first pages


ASSUNTOS

CRIANDO A PAGINA FORMULARIO 
EXPLICANDO OS CONTROLES DE EDICAO QUE DEVERAO SER CRIADOS


PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video 



DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B


















Criação de uma página de "formulário"
Vamos criar um formulário de inscrição. Este formulário conterá vários controles usados ​​para identificar a pessoa.

Criação da página

  • Para criar a página:
    1. Clique Botão de criaçãoentre os botões de acesso rápido.
      Botão de criação (botões de acesso rápido)
    2. A janela de criação de elemento é exibida. Esta janela é usada para criar todos os elementos que podem ser associados a um projeto.
    3. Clique em "Página" e depois em "Página". O assistente de criação de página é iniciado.
    4. Selecione "Em branco".
      Criação de uma página
    5. Certifique-se de que o "Modo de design da Web responsivo" esteja desmarcado. Nesta parte, vamos nos concentrar na criação de páginas simples. As páginas no modo Web Design Responsivo serão apresentadas na Parte 8 deste tutorial.
    6. Validar (botão "OK"). A página é criada automaticamente no editor. A janela para salvar a página é exibida. Esta janela exibe:
      • O título da página. Este título será exibido na barra de título do navegador.
      • O nome da página. Este nome corresponde ao nome da página lógica. Este nome será usado para lidar com a página por programação.
      • A localização. Este local corresponde ao diretório no qual o arquivo correspondente à página será salvo.
    7. Digite o título da página: "Formulário".
      Salvando a página
    8. O nome da página (que será usado na programação) é deduzido automaticamente do título da página. Se este nome não for adequado para você, você pode modificá-lo e especificar um título diferente do nome da página.
    9. Validar (botão "OK").

Observação

Para cada página criada no editor, WEBDEV gera vários tipos de arquivos:
  • Um arquivo "WWH" que contém a descrição da página para o editor de página. Este arquivo é salvo no diretório do projeto.
  • Um arquivo "AWL" que corresponde à descrição da página para o mecanismo WEBDEV no subdiretório EXE do projeto.
  • Um arquivo "HTM" que contém o código HTML e o código JavaScript da página que será enviada ao navegador. Este arquivo é salvo no subdiretório "\ <Nome do projeto> _WEB \ XX" (um subdiretório por idioma, por exemplo "US" para inglês, "ES" para espanhol, etc.).

Criando controles

Vamos criar os diferentes controles de formulário. Esses controles permitirão ao usuário preencher os dados necessários para o cadastro.
O formulário inclui os seguintes controles:
  • Último nome.
  • Primeiro nome.
  • Endereço.
  • O email.
  • Conecte-se.
  • Senha.
Todos esses controles são controles de edição, permitindo ao usuário digitar dados.
  • Para criar um controle de edição:
    1. No painel "Criação", no grupo "Controles usuais", clique em Criação de um controle de edição.
      Criação de um controle de edição
    2. O controle criado atualmente segue o movimento do mouse.
    3. Clique dentro da página em branco para criar o controle. O controle é criado e as alças são exibidas para indicar que o controle está selecionado.

      Observação

      Você deve criar um controle? Exibir o painel "Criação" do WEBDEV: todos os controles disponíveis são acessíveis neste painel.
  • Para modificar a legenda de controle:
    1. Clique no controle (clique simples): a legenda se torna editável. Se preferir usar o teclado, pressione a tecla Espaço ou a tecla Enter para que a legenda se torne editável.
      Legenda de um controle de edição no modo de edição
    2. Digite "Sobrenome" e pressione Enter para validar. A legenda é modificada imediatamente. O nome do controle também é modificado: ele aparece na dica de ferramenta ao passar o mouse sobre o controle: EDT_Last_name.
      Dica de um controle de edição

Observação

Estude o nome do controle proposto pelo WEBDEV: este nome começa com as letras "EDT_". Este prefixo é adicionado automaticamente porque o projeto usa um estilo de código.
O estilo de código é usado para definir um prefixo para cada tipo de objeto, permitindo que você identifique rapidamente o elemento:
  • uma página começa com "PAGE_" (vimos isso ao salvar a página).
  • um controle de edição começa com "EDT_".
  • um botão começa com "BTN_", etc.
Se você não quiser usar este estilo de código, você pode simplesmente desativá-lo: na faixa de opções, no painel "Projeto", no grupo "Outras ações", expanda "Estilo de código" e desmarque "Usar estilo de código".
  • Para modificar as características detalhadas do controle, tudo o que você precisa fazer é clicar duas vezes no controle. Uma janela de descrição de controle é exibida:
    Descrever um controle de edição



    Nenhum comentário:

    Postar um comentário

    Teste

    Teste
    teste