Páginas

▼

terça-feira, 15 de setembro de 2020

DICAS 3098 -WEBDEV TUTORIAL 32 - 24-09-2020-11_30Hrs-QUI-Licao 3.3. Criar Pagina - MODIFICAR_MENU_TEMPLATE - PARTE D


https://youtu.be/LTyB9McuGic


Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 11:30 do dia 24/09/2020-Qui
DICAS 3098 -WEBDEV TUTORIAL 32 - 24-09-2020-11_30Hrs-QUI-Licao 3.3. Criar Pagina - MODIFICAR_MENU_TEMPLATE - PARTE D
Lesson 3.3. Pages for addition and modification


ASSUNTOS

modificar o menu da nossa página para mostrar a opção de listar os produtos
Entrar no Modelo da pagina
Selecione o menu.
substitua "Home" por "Lista de produtos
atualizar as páginas - Sicronizar
Vamos fazer o teste da página que acabou de ser criada.


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



  • Agora vamos modificar o menu da nossa página para mostrar a opção de listar os produtos. O menu é encontrado no modelo de página. Portanto, vamos modificar o modelo da página.
    1. Exiba o menu pop-up do menu (clique com o botão direito em "INÍCIO", por exemplo) e selecione "Abrir o modelo".
      Exibindo o modelo da página
    2. Selecione o menu.
    3. Clique em "INÍCIO". Uma borda amarela aparece ao redor do menu. Esta borda amarela indica que o menu está no modo "Editar": ele pode ser modificado.
      Menu de modelo no modo Editar
    4. Abra a janela de descrição da opção (selecione "Descrição da opção" no menu pop-up).
    5. Na guia "Geral":
      • Digite a legenda da opção: substitua "Home" por "Lista de produtos".
      • Na área "Ação da opção":
        • Selecione "Exibir uma página do site".
        • Selecione a página "PAGE_List_of_products".
      • Valide a janela de descrição da opção.
    6. Se necessário, amplie o controle para que a legenda da opção apareça em uma única linha (use as alças de controle).
    7. Pressione Esc para sair do modo de edição.

      Observação

      		Modificamos o menu exibido no modelo. Você também pode modificar outros elementos do modelo, como o logotipo ou a legenda "Empresa".
  • Para atualizar as páginas que usam o modelo:
    1. Na barra laranja do modelo, clique em Propagar modificações do modelo de página: este botão é usado para propagar as modificações do modelo para todas as páginas que usam o modelo.

      Observação

      		Se as modificações feitas no modelo não forem aplicadas às suas páginas, uma sincronização de modelos será proposta durante o teste de sua página (e também antes de uma implantação).
    2. No nosso caso, uma única página é proposta.
      Seleção de páginas para as quais o modelo deve ser atualizado
    3. Valide a janela de atualização do modelo (botão "OK").
    4. Feche o modelo da página.
  • No modelo de página "Menu" que usamos, a opção de menu selecionada é "ITENS": esta opção de menu aparece em azul. No entanto, a página que acabamos de criar exibe a lista de produtos. Queremos que a opção selecionada para esta página seja "LISTA DE PRODUTOS".
    Para fazer isso, substituiremos a opção de menu no modelo de página para alterar a opção de menu selecionada. Para fazer essa alteração, substituiremos o menu e, a seguir, a opção de menu desejada.
  • Execute as seguintes ações:
    1. Abra o menu popup do menu (clique com o botão direito em "LISTA DE PRODUTOS", por exemplo) e selecione "Substituir controle".
    2. Abra o menu pop-up do menu novamente e selecione "Modificar este menu". O menu entra no modo de edição: um contorno amarelo aparece ao redor do menu.
    3. Abra o menu pop-up de "LISTA DE PRODUTOS" e selecione "Substituir controle".
    4. Abra o menu popup de "LISTA DE PRODUTOS" e selecione "Colocar esta opção de menu no status selecionado".
    5. Pressione Esc para sair do modo de edição.
    6. Salve a página (Ctrl + S).
Nossa página está pronta para ser verificada.

Teste de página

  • Vamos fazer o teste da página que acabou de ser criada.
    1. Clique Execute o teste de uma páginaentre os botões de acesso rápido.
    2. A página é exibida automaticamente no navegador.
      Página da web para listar os produtos
    3. Você pode percorrer os produtos com a barra de rolagem da página.
  • Feche o navegador. O editor WEBDEV é exibido novamente.



às

Nenhum comentário:

Postar um comentário