quinta-feira, 29 de outubro de 2020

DICAS 3163 -WEBDEV TUTORIAL 97 - 11-11-2020-10_00Hrs- Lesson 7.2. Cookies


https://youtu.be/UoS6V6hLgo0



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal


https://youtu.be/UoS6V6hLgo0

Esse Video Ao Vivo vai estrear as 10:00 do dia 11/11/2020-

DICAS 3163 -WEBDEV TUTORIAL 97 - 11-11-2020-10_00Hrs- Lesson 7.2. Cookies - PARTE A

ASSUNTOS


Lesson 7.2. Cookies
O que é um cookie?
Do que é feito um cookie?
Exemplo prático The cookies
Criado um projeto webdev_cookie_Amarildo
e se econtra repositorio windev 
Como usar cookies?
CookieWrite("EDT_Remetente",EDT_Remetente)
EDT_Remetente=CookieRead("EDT_Remetente")
fazer exemplo meu_webdev_site_gerenciar_produtos_amarildo




====================
// CookieWrite - Grava um cookie no computador do usuário da web.
// CookieWrite - Writes a cookie to the web user's computer.
// CookieWrite - Écrit un cookie sur l'ordinateur de l'internaute.
// CookieWrite - Escribe una cookie en la computadora del usuario web.

CookieWrite(EDT_Name,EDT_Value_to_write)
=======================

// CookieRead - Recupera o valor de um cookie salvo no computador do usuário da web.
// CookieRead - Retrieves the value of a cookie saved on the web user's computer.
// CookieRead - Récupère la valeur d'un cookie enregistré sur l'ordinateur de l'internaute.
// CookieRead: recupera el valor de una cookie guardada en la computadora del usuario web.

EDT_Read_Value=CookieRead(EDT_Name)

=======

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





ErpMatos - TgsSistemas
skype:amarildo.matos.informatica
email: amarildo.matos@gmail.com
whats: 51984197742
Youtube: Amarildo Matos
http://www.amarildomatos.com.br
https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com
https://www.pcsoft.fr/webinaires.htm?p=forumpcs
https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp
https://www.windev.com/windev/WD-Express.htm
https://www.windev.com/windevmobile/WM-Express.htm
http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html


Esta lição vai te ensinar os seguintes conceitos
  • O que é um cookie?
  • Como gerenciar cookies?
Duração da aula

Tempo estimado: 10 min
Lição AnteriorÍndicePróxima lição
O que é um cookie?
Um cookie é uma maneira fácil de armazenar temporariamente uma informação no computador do usuário da web. Essas informações podem ser lidas novamente mais tarde pelo site que as criou.
Isso permite que você evite solicitar detalhes já fornecidos durante uma visita anterior e propor páginas personalizadas

Internet

Um cookie tem uma data de validade (30 dias após sua criação por padrão). Ele é destruído automaticamente pelo navegador do usuário da Web quando seu tempo de vida é excedido.
Atenção: o uso de cookies só é possível se o navegador do usuário da Web estiver configurado para aceitar cookies.
Um cookie é usado para armazenar no computador do usuário da Web várias informações, como o nome do usuário, as páginas exibidas pelo usuário, a data de sua última conexão, o backup de suas opções, ...
Essas informações, salvas no formato de cookies, serão lidas pelo site durante a próxima conexão do internauta. Portanto, o site poderá propor informações personalizadas ao usuário:
  • banner publicitário relacionado aos assuntos pesquisados ​​durante a última conexão,
  • página inicial personalizada com o nome de usuário e a data da última conexão,
  • ofertas especiais correspondentes às pesquisas realizadas durante a última visita, ...

Observação

Os cookies não são criptografados quando são armazenados: recomendamos não usá-los para armazenar informações confidenciais.

Do que é feito um cookie?

Um cookie é um arquivo de texto armazenado no computador do usuário da Web (na maioria dos casos, no "cache" da Internet do navegador) durante um determinado período. O cookie é criado pelo navegador ou pelo servidor.
Os seguintes elementos são necessários para armazenar informações em um cookie:
  • Nome do cookie, usado pelo site para identificar o cookie.
  • Texto do cookie, correspondente às informações escritas pelo site: páginas exibidas, detalhes fornecidos pelo usuário da web, ...
  • Data de expiração após a qual o cookie não é mais válido (será excluído automaticamente).
  • Nome do domínio da Internet que criou o cookie.

Exemplo prático

  • Para verificar o gerenciamento de cookies, vamos importar o exemplo de unidade chamado "Os cookies" para o projeto "Full_WEBDEV_Site".
    1. Abra a página inicial do WEBDEV (Ctrl + <).
    2. Na página inicial, clique em "Tutorial" e selecione "Site WEBDEV Completo (Resposta)".
  • Para abrir um exemplo de unidade:
    1. Abra a página inicial do WEBDEV (Ctrl + <).
    2. Clique em "Abrir um exemplo".
    3. No controle de pesquisa, digite "Cookies". O exemplo de unidade denominado "The Cookies" aparece na janela.
    4. Clique no nome do exemplo da unidade.
    5. A página correspondente ao exemplo da unidade é exibida no editor.
    6. Salve a página.
Como usar cookies?
Os cookies podem ser usados ​​de acordo com dois modos diferentes:
  • Cookies usados ​​no código do servidor.
  • Cookies usados ​​no código do navegador.
Para usar cookies, o WEBDEV inclui 2 funções que podem ser utilizadas tanto no código do servidor quanto no código do navegador:
  • CookieWrite : é usado para enviar um cookie ao exibir a página HTML no navegador do usuário da web.
  • CookieRead : é usado para recuperar o valor de um cookie salvo no computador do usuário da web.
A página de exemplo "PAGE_Cookies" apresenta um exemplo para ler e escrever um cookie no código do servidor e no código do navegador.
Consulte Gerenciando cookies para obter mais detalhes.











Postado por às Nenhum comentário:
Marcadores: , ,

quarta-feira, 28 de outubro de 2020

DICAS 3162 -WEBDEV TUTORIAL 96 - 10-11-2020-10_00Hrs-Licao 7.1 - Styles Exemplos - PARTE B - FINAL



https://youtu.be/NjENgYgkwL8




Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

Esse Video Ao Vivo vai estrear as 10:00 do dia 10/11/2020-

DICAS 3162 -WEBDEV TUTORIAL 96 - 10-11-2020-10_00Hrs-Licao 7.1 - Styles Exemplos - PARTE B - FINAL

ASSUNTOS


ACHEI TOP ESSAS DUAS AULAS DE CSS, MAS NO FINAL
DA AULA, MOSTRANDO COMO COLOCAR ESTRELA NO TEXTO
COMO OBRIGATORIO, FOI TOP DEMAIS


Estilos de implementação: um exemplo prátic
Adicionando um estilo no projeto
Mudando estilo fundo amarildo digitacao
Mostrando Resultado
Substituindo um estilo CSS para um controle
Modificando um estilo CSS para todos os controles
Estilos e rich text - Adicionando uma Estrela 
proxima licao: Lesson 7.2. Cookies



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





ErpMatos - TgsSistemas
skype:amarildo.matos.informatica
email: amarildo.matos@gmail.com
whats: 51984197742
Youtube: Amarildo Matos
http://www.amarildomatos.com.br
https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com
https://www.pcsoft.fr/webinaires.htm?p=forumpcs
https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp
https://www.windev.com/windev/WD-Express.htm
https://www.windev.com/windevmobile/WM-Express.htm
http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html


Estilos de implementação: um exemplo prático
Chega de teoria, vamos trabalhar. Vamos criar um controle de edição e modificar seus estilos na página "PAGE_Styles" do projeto "Styles".
Observação: Usaremos um controle de edição, mas o princípio de manipulação de estilos pode ser aplicado a todos os controles disponíveis no WEBDEV.
  • Para criar o controle de edição:
    1. No painel "Criação", no grupo "Controles usuais", clique em Criação de um controle de edição.
    2. Clique onde deseja criar o controle na página.
Este controle está associado a um estilo WEBDEV (é o estilo WEBDEV padrão definido no skin escolhido ao criar o projeto).
  • Três métodos podem ser usados ​​para selecionar o estilo WEBDEV de um controle:
    • Por meio da guia "Estilo" encontrada na descrição de controle do controle (como já visto).
    • Através do painel "Modificação" da faixa de opções: é exibida uma prévia dos diferentes estilos WEBDEV disponíveis para o controle.
      Painel de 'Modificação' da faixa de opções
    • Exibindo o menu pop-up de controle e selecionando "Escolha um estilo WEBDEV".
      Editando a folha de estilo
  • Este último método será utilizado para associar o controle recém-criado ao estilo "EDT_Custom". Este estilo é usado por todos os outros controles de página.
    1. Selecione o controle que acabou de ser criado.
    2. Exiba o menu de contexto de controle e selecione "Escolha um estilo WEBDEV".
    3. Na janela que aparece, selecione o estilo "Personalizado".
    4. Valide a janela para seleção de estilo. A cor da legenda de controle muda: o estilo é aplicado.
  • Salve a página (Ctrl + S) e execute o teste de página ( Execute o teste de uma páginaentre os botões de acesso rápido).
    1. A página é exibida no navegador.
    2. Insira a entrada no novo controle de edição: a área de entrada é colorida em amarelo.
    3. Feche o navegador.

Substituindo um estilo CSS para um controle

  • Agora vamos modificar o estilo da área de entrada encontrada no controle:
    1. Abra a janela de descrição do controle criado.
    2. Na guia "Estilo", escolha o elemento "Área de entrada (CSS)".
    3. Clique no link "Mais substituições" para substituir o CSS deste elemento.
    4. Selecione o status “Editar”.
      Estilo - Estados de um elemento
    5. Na guia "Plano de fundo", altere a cor do plano de fundo. Escolha uma cor roxa, por exemplo.
    6. Validar. No painel de estilos WEBDEV, o link (canto superior direito) indica "1 substituição".
    7. Ao clicar nele, você pode ver que a cor de fundo da área interna editável foi substituída.
    8. Valide a janela de descrição do controle.
  • Salve a página (Ctrl + S) e execute o teste de página ( Execute o teste de uma páginaentre os botões de acesso rápido).
    1. A página é exibida no navegador.
    2. Mova o cursor de um controle para outro: a cor de fundo é amarela para todos os controles, exceto para o controle que acabou de ser criado.
    3. Feche o navegador.

Modificando um estilo CSS para todos os controles

  • Agora vamos modificar o estilo CSS da área de entrada para alterar a cor do texto. Esta modificação será realizada para todos os controles de edição da página.
    1. Exibe a janela de descrição do controle criado (Alt + Enter).
    2. Na guia "Estilo", escolha o elemento "Área de entrada (CSS)".
    3. Clique no botão [...] à direita do nome do estilo CSS. A janela para editar o estilo CSS é exibida.
    4. Selecione o status "Normal".
    5. Na guia "Texto", altere a cor. Escolha uma cor verde, por exemplo.
    6. Valide a seguir valide a janela de descrição do controle.
  • Salve a página (Ctrl + S) e execute o teste de página ( Execute o teste de uma páginaentre os botões de acesso rápido).
    1. A página é exibida no navegador.
    2. Digite o texto nos diferentes controles de edição da página: o texto é exibido com a nova cor selecionada. Esta modificação foi levada em conta inclusive no controle que foi criado anteriormente e cujo estilo foi sobrescrito.
    3. Feche o navegador.
Estilos e rich text
Quanto à aparência, você também pode definir rich text nos elementos!
O rich text permite que você use estilos diferentes para as diferentes palavras na legenda de controle. Portanto, para a legenda de um controle de edição, você pode definir que parte da legenda usará a cor padrão, enquanto outra parte usará uma cor diferente.
Vamos dar um exemplo simples: adicionar um asterisco vermelho para especificar que um controle é obrigatório.
  • Em nosso exemplo:
    1. Selecione o controle de edição "Nome".
    2. Pressione a tecla ESPAÇO ou ENTER no teclado.
    3. O texto da legenda se torna editável.
      Legenda do controle no modo de edição
    4. Adicione uma estrela no final da legenda.
    5. Selecione esta estrela.
    6. No painel "Texto", no grupo "Fonte":
      Opções de fonte
      • Clique no Expoentebotão para trocar a estrela em expoente.
      • Mude a cor do texto para vermelho com o Mudar a corbotão.
    7. Saia do modo de edição (tecla Esc).
    8. O asterisco vermelho aparece na legenda do controle.












Postado por às Nenhum comentário:
Marcadores: , ,
Assinar: Postagens (Atom)

Teste

Teste
teste