domingo, 27 de setembro de 2020

DICAS 3125 -WEBDEV TUTORIAL 59 - 07-10-2020-09_00Hrs-TER-Licao 4.3. AWP -DynamicSiteDisplay- VINCULADO SITE INTERNET E INTRANET - PARTE O



https://youtu.be/SEjIQWDkUFY



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

Esse Ao Vivo vai estrear as 09:00 do dia 09/10/2020-QUA

DICAS 3125 -WEBDEV TUTORIAL 59 - 07-10-2020-09_00Hrs-TER-Licao 4.3. AWP - VINCULADO SITE INTERNET E INTRANET - PARTE O
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

Explicando Vinculando o site da internet e o site da intranet
Entrar pagina page_awp_lista_novos_produtos
Abrir Template 
Alterando Notificacoes para Gerenciamento
Sicronizando Template
Alterando Template produtos detalhes 
no Template Link Gerenciamento colocar codigo
DynamicSiteDisplay ( "Full_WEBDEV_Site" )
testando a pagina 
Proxima Aula 
Criação de uma página para exibição das condições gerais de venda
 


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




==========================================


// click - onclick on Link_Gerenciamento (Browser - Navegador)

//  DynamicSiteDisplay é usado para exibir a primeira página dinâmica do projeto
              // (no nosso caso, será a página "PAGE_List_of_Products").
// DynamicSiteDisplay is used to display the first dynamic page of the project
  // (in our case, it will be the "PAGE_List_of_Products" page).
// DynamicSiteDisplay permet d'afficher la première page dynamique du projet
             // (dans notre cas, ce sera la page "PAGE_List_of_Products").   
// DynamicSiteDisplay se utiliza para mostrar la primera página dinámica del proyecto
             // (en nuestro caso, será la página "PAGE_List_of_Products").   

DynamicSiteDisplay("FULL_WEBDEV_SITE")




==========================================


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











Vinculando o site da Internet e o site da Intranet
Até agora, criamos páginas da Intranet usadas para gerenciar os produtos e páginas da Internet permitindo que os usuários da Web vejam os novos produtos.
Vamos agora vincular essas páginas propondo, a partir das páginas da Internet, um link de "Gestão" para acessar as páginas da Intranet.
Para isso, vamos modificar o template das páginas da Internet.

Cuidado!

As seguintes operações podem ser realizadas apenas se você seguiu a parte 3 deste tutorial, referente à criação de páginas da Intranet.
  • Para criar um link de "Gerenciamento":
    1. Selecione "PAGE_List_of_new_products".
    2. Abra o menu pop-up de um dos links na parte superior da página e selecione "Abrir modelo".
    3. Exiba a descrição do controle Notificações (clique duas vezes no controle).
    4. Modifique a legenda de controle: Gerenciamento.

      Dica

      Em seus programas, recomendamos que você escolha nomes significativos para seus elementos (neste caso, o controle Link é denominado "LINK_Management"). Assim, seu código ficará mais legível.
    5. Na área "Ação do link", para a opção "Tipo", selecione "Executar apenas código de clique do navegador".
    6. Validar.
  • Agora escreveremos o código WLanguage associado ao controle Link:
    1. Exibe os eventos associados ao controle Link (F2 no controle).
    2. Escreva o seguinte código no evento "Click (navegador)":
      DynamicSiteDisplay "Full_WEBDEV_Site" )
    3. Neste código, DynamicSiteDisplay é usado para exibir a primeira página dinâmica do projeto (no nosso caso, será a página "PAGE_List_of_Products").
    4. Feche o editor de código.
    5. Na barra laranja do modelo, clique Propagar modificações do modelo de páginapara propagar as modificações do modelo para todas as páginas que usam este modelo.
    6. No nosso caso, as duas páginas do projeto no modo AWP são propostas. Valide a janela para atualizar o modelo.
    7. Feche o modelo da página.
  • Agora vamos modificar a página "PAGE_List_of_products" para que possa ser aberta por DynamicSiteDisplay :
    1. Abra a página "PAGE_List_of_Products" no editor.
    2. Exiba a janela de descrição (selecione "Descrição" no menu pop-up).
    3. Na guia "Geral", marque "Acessível por meio da função DynamicSiteDisplay".
      Descrição da página
    4. Validar.
  • Agora vamos executar o teste do projeto por meio das páginas do AWP.
    1. Se necessário, abra "PAGE_List_of_new_products" no editor de página (use a barra de documentos).
    2. Clique Execute o teste de uma páginaentre os botões de acesso rápido.
    3. A página é exibida automaticamente no navegador.
      Página com a lista de novos produtos em tempo de execução
    4. Clique no link "Gerenciamento". A página para gerenciamento de produto é exibida.
      Modo de administrador em tempo de execução


    DICAS 3124 -WEBDEV TUTORIAL 58 - 06-10-2020-09_30Hrs-TER-Licao 4.3. AWP - APLICANDO ESTILOS-STYLE CSS - PARTE N



    https://youtu.be/9N-OlT7uZeQ



    Bom Dia Boa Tarde Boa Noite

    Seja Membro do Canal

    Esse Ao Vivo vai estrear as 09:30 do dia 06/10/2020-TER

    DICAS 3124 -WEBDEV TUTORIAL 58 - 06-10-2020-09_30Hrs-TER-Licao 4.3. AWP - APLICANDO ESTILOS-STYLE CSS - PARTE N
    Lição 4.3. Criação de páginas no modo AWP

    ASSUNTOS

    Aplicando estilos CSS
    Copiei o estilos_amarildo para dentro do diretorio da pagina
    e importei novamente 
    Entrando na descricao do preco
    Dentro propriedade de preco, colocar o estilo do preco
    testar a pagina com css 



    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






    ==================================
    estilhos_Amarildo.css

    .styleprice{
    font-size:14px;
    font-weight:bold;
    color:red;
    text-align:right;
    vertical-align:middle;
    padding:5px;
    }

    .stylereference{
    font-size:7px;
    color:#808080;
    padding:5px;
    }

    .styletitle{
    font-size:14px;
    font-weight:bold;
    color:black;
    padding:5px;
    }
    ==================================
    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











    Aplicando estilos CSS

    Agora vamos aplicar os diferentes estilos aos controles encontrados na página "PAGE_Product_details".
    1. Posicione na página "PAGE_Product_details".
    2. Exiba a janela de descrição do controle "FSTC_Price" que exibe o preço do produto (clique duas vezes no controle).
    3. Na guia "Estilo":
      • Selecione o elemento "Área de exibição (CSS)".
      • Selecione o estilo "class-styleprice" na lista "Estilo CSS":
        Guia de estilo de um controle de exibição formatado
    4. Validar. O estilo é aplicado automaticamente ao controle.
    5. Aumente o controle se necessário (com as alças de dimensionamento) para adaptar seu tamanho ao conteúdo.
    6. Salve as modificações ( Salvar um elementoou Ctrl + S).
    • Vamos fazer um teste para verificar se tudo está funcionando.
      1. Se necessário, abra "PAGE_List_of_new_products" no editor de página (use a barra de documentos abertos).
      2. Clique Execute o teste de uma páginaentre os botões de acesso rápido.
      3. A página é exibida automaticamente no navegador.
      4. Clique no link para exibir os detalhes do produto. O preço agora é exibido em vermelho.
        Usando um estilo importado em tempo de execução


      Teste

      Teste
      teste