terça-feira, 13 de outubro de 2020

DICAS 3144 -WEBDEV TUTORIAL 78 - 24-10-2020-10_30Hrs-Licao 5.3 - EMAIL - CRIAR POPUP E CONTROLES - PARTE A



https://youtu.be/I8VwbLbE4KI



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

Esse Ao Vivo vai estrear as 10:30 do dia 24/10/2020-
DICAS 3144 -WEBDEV TUTORIAL 78 - 24-10-2020-10_30Hrs-Licao 5.3 - EMAIL - CRIAR POPUP E CONTROLES - PARTE B 

ASSUNTOS

Uma página pop-up para enviar e-mails
Criação da página pop-up no template
Como criar o popup
Criacao dos controles usados para digitar email
Criando Edt email e trocando para remetente
Criando Edt assunto
Criando Edt Corpo
Controles sempre ativos
proxima licao: criar botao enviar email e codigos 



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










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 manipulacao arquivos











Uma página pop-up para enviar e-mails
A página pop-up que queremos criar conterá todos os controles que permitem ao usuário digitar os diferentes elementos de e-mail. Um botão "Enviar" agrupará todos os processos usados ​​para enviar o e-mail.

Criação da página pop-up

  • Para criar a página pop-up:
    1. Abra o projeto "Full_WEBDEV_Site" se necessário.
    2. Exibir a página "PAGE_List_of_products".
    3. No painel "Criação", no grupo "Containers", clique em "Popup".
    4. A página Popup é exibida no editor.
    5. Aumente a largura e altura da página Popup através das alças.
    6. Salve a página ( Salvar um elementoou Ctrl + S).

Criação dos controles usados ​​para digitar as características do e-mail

Para escrever um e-mail, o usuário deve ter:
  • Um controle usado para digitar o endereço do remetente.
  • Um controle usado para digitar o assunto do email.
  • Um controle usado para digitar o texto do email.
Agora vamos adicionar esses controles em nossa página.
Observação: sendo o destinatário o desenvolvedor do site, o endereço correspondente será encontrado no código de envio do email. Da mesma forma, os parâmetros do servidor SMTP serão digitados diretamente no código.
  • Para criar o controle de edição correspondente ao endereço do remetente:
    1. No painel "Criação", no grupo "Controles usuais", expanda "Editar".
    2. Selecione o controle de edição predefinido "E-mail".
    3. Clique na página: o controle de edição é criado automaticamente.
    4. Modifique a legenda do controle: "Remetente".
  • Para criar o controle de edição correspondente ao assunto do e-mail:
    1. No painel "Criação", no grupo "Controles usuais", clique em Criação de um controle de edição.
    2. Clique abaixo do controle "Remetente": o controle de edição é criado automaticamente.
    3. Modifique a legenda do controle: "Assunto".
  • Para o corpo da mensagem, usaremos um controle HTML Edit: o usuário terá a capacidade de formatar o texto do e-mail por meio de uma barra de ferramentas específica.
    1. No painel "Criação", no grupo "Controles usuais", expanda "Editar".
    2. Selecione um controle de edição predefinido de "texto HTML".
    3. A forma de controle aparece sob o cursor.
    4. Clique abaixo do controle "Assunto": o controle de edição é criado automaticamente.
    5. Aumente o controle para que várias linhas sejam visíveis.
    6. Abra a janela de descrição do controle (clique duas vezes no controle).
      • Na guia "Geral", modifique o modo de exibição da barra de ferramentas HTML (opção "Barra de ferramentas HTML"). Esta barra de ferramentas deve estar sempre visível.
      • Valide a janela de descrição do controle.
    7. Reposicione o controle, se necessário.
  • Alinhe os diferentes controles encontrados na página.
Agor

Teste

Teste
teste