segunda-feira, 19 de outubro de 2020

DICAS 3152 -WEBDEV TUTORIAL 86 - 01-11-2020-10_00Hrs-Licao 5.4 - IDIOMA - LOCALIZANDO IMAGEN MENU - PARTE B


https://youtu.be/5HIkBL6p_Nc


Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

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

DICAS 3152 -WEBDEV TUTORIAL 86 - 01-11-2020-10_00Hrs-Licao 5.4 - IDIOMA - LOCALIZANDO IMAGEN MENU - PARTE B 

ASSUNTOS


Localizando uma imagem
Selecionando a imagen do template 
Mudando Imagen para cada idioma
Traduzindo Lista produtos no menu Template
Traduzindo Adiciona Produtos
Traduzinho Contatos
Sicronizando Template 
Proxima Licao : Localizando Controles 


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


Localizando uma imagem

  • Para alterar a imagem do logotipo usada na página PAGE_List_of_products de acordo com a linguagem de tempo de execução:
    1. Abra a página "PAGE_List_of_products" se necessário.
    2. A imagem do logotipo é encontrada no modelo associado à página. Portanto, o modelo de página associado deve ser aberto:
      • Clique no logotipo e exiba o menu pop-up.
      • Selecione "Abrir o modelo".
        Menu usado para abrir o modelo
      • O modelo de página é exibido, circundado por uma borda laranja.
    3. Exiba a janela de descrição do logotipo (clique duas vezes no controle).
    4. Na guia "Geral", à direita da seção "Imagem", clique em Menu de controle. Selecione "Multilíngue" no menu exibido.
    5. A janela para gerenciar imagens multilíngues é exibida.
      Edição multilíngue
    6. Uma imagem diferente pode ser usada para cada idioma:
      • Clique no Menu de controlebotão.
      • Selecione "Navegar" no menu exibido.
      Este recurso é muito útil se você usar imagens que contenham texto. A mesma imagem é usada em nosso caso.
    7. Valide a janela para edição multilíngue.
    8. Feche a janela de descrição do controle.
  • Como estamos localizados no template da página, aproveitaremos para traduzir a opção de menu "Lista de produtos".

Localizando o menu

As opções do menu podem ser traduzidas como os outros controles por meio da janela de descrição da opção ou do editor de página.
  • Em nosso exemplo, vamos traduzir a opção "Lista de produtos".
    1. Selecione e clique no menu encontrado no modelo de página.
    2. O menu se torna editável e uma borda amarela é exibida.
    3. Selecione a opção "Lista de produtos".
    4. Exibir a janela de descrição da opção: exibir o menu pop-up e selecionar "Descrição da opção".
    5. Na janela de descrição, digite a opção em francês: "Liste des produits".
    6. Validar.
As opções também podem ser traduzidas no editor de página.
  • Para traduzir a opção "Adicionar um produto":
    1. No painel "Exibir", no grupo "Opções", expanda "Idioma exibido" e selecione o idioma a ser exibido no editor (francês no nosso caso).
    2. As opções do menu são exibidas no idioma selecionado. Se nenhuma tradução corresponder ao idioma selecionado, as opções do menu serão exibidas em inglês.
    3. Selecione a opção "Adicionar um produto".
    4. Pressione a tecla Espaço no teclado: a legenda se torna editável.
    5. Digite a legenda em francês: "Ajouter un produit".
    6. Pressione Enter para validar a legenda.
    7. Pressione Esc para sair do modo de edição.
    8. Salve o modelo de página ( Salve o elementoou Ctrl + S).
    9. Restaure o modo de exibição em inglês: no painel "Exibir", no grupo "Opções", expanda "Idioma exibido" e selecione "Inglês".
    10. Atualize as páginas que usam o modelo de página clicando no Propagar modificações do modelo de páginaícone na barra laranja. Valide a janela de atualização.
    11. Fe


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

domingo, 18 de outubro de 2020

DICAS 3151 -WEBDEV TUTORIAL 85 - 31-10-2020-10_00Hrs-Licao 5.4 - IDIOMA - GERENCIANDO VARIOS IDIOMAS - PARTE A


https://youtu.be/vgENBHAUyk8



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal


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

DICAS 3151 -WEBDEV TUTORIAL 85 - 31-10-2020-10_00Hrs-Licao 5.4 - IDIOMA - GERENCIANDO VARIOS IDIOMAS - PARTE A 

ASSUNTOS


Lição 5.5. Gerenciando vários idiomas
O que é um site multilíngue?
Criando um site multilíngue, passo a passo
Escolha dos Idiomas 
Acrescentando Espanhol no idioma 
Sicronizando Projeto
Localizando os elementos do projeto
traduzindo Janela page_lista_produtos
Proxima licao: Continuar Traducoes - Localizando Imagen 



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


Lição 5.5. Gerenciando vários idiomas
Esta lição vai te ensinar os seguintes conceitos
  • O que é um site multilíngue?
  • Criando um site multilíngue, passo a passo.
Duração da aula

Tempo estimado: 50 min
Lição AnteriorÍndicePróxima lição
O que é um site multilíngue?
Um site multilíngue é um site que propõe uma interface em vários idiomas: inglês, francês, alemão ou qualquer outro idioma.
O mesmo site criado com WEBDEV pode propor até 64 idiomas diferentes.
Vamos tratar de um projeto que pode ser executado em inglês ou em francês, conforme a escolha do usuário.
As etapas a seguir são usadas para transformar um site em um site multilíngue:
  • Escolha dos idiomas do projeto.
  • Localizando os elementos do projeto (páginas, relatórios, controles, ...).
  • Localizando as mensagens encontradas no código.
  • Programando a mudança de idioma no site.
Vamos aplicar essas diferentes etapas ao projeto "Full_WEBDEV_Site". Este projeto, disponível em inglês, será traduzido para o francês.

Responda

Se você não executou as operações nas lições anteriores, pode seguir esta lição abrindo um projeto corrigido: na página inicial do WEBDEV (Ctrl + <), clique em "Tutorial" e selecione "Site WEBDEV completo (com páginas)".
Escolha dos idiomas do projeto
  • A primeira operação consiste na escolha dos idiomas do projeto.
    1. Abra a descrição do projeto: no painel "Projeto", no grupo "Projeto", clique em "Descrição".
    2. Clique na guia "Idiomas". Nosso projeto apoiará inglês e francês.
    3. Clique no botão "Adicionar". A janela para selecionar os idiomas é exibida.
      Adicionando um idioma ao projeto
    4. Clique em "Francês". Uma marca de seleção é exibida à direita do idioma.
    5. Validar. O idioma "francês" aparece na lista de idiomas do projeto.
  • A guia "Idiomas" também pode ser usada para configurar as opções linguísticas em relação aos números, às moedas, às datas, ... para o idioma selecionado. Vamos ver um exemplo:
    1. Clique no idioma "Francês".
    2. Selecione a guia "Data".
    3. Opções linguísticas específicas são usadas por padrão: você pode definir o formato da data, bem como a tradução usada para os dias e meses. Se você selecionar "Usar as configurações definidas nas opções linguísticas do sistema operacional", os parâmetros usados ​​na implantação serão os parâmetros do servidor (e não os parâmetros do usuário).
    4. Mantenha "Usar os seguintes parâmetros".
      Descrição do Projeto

Observação

Nas opções linguísticas, você tem a possibilidade de escolher a direção do texto para o idioma (guia "Vários", opção "Direção do texto"). Isso permite que você crie interfaces com uma linguagem escrita da direita para a esquerda.
  • Validar. Uma mensagem propõe sincronizar os diferentes elementos do projeto. Responda "Sim". Todos os elementos do projeto abertos no editor (páginas, relatórios, ...) são fechados e os idiomas adicionais são adicionados a esses elementos.

Observação

Podem ocorrer erros de interface do usuário. Vamos ignorá-los por enquanto. Esses erros serão processados ​​posteriormente neste tutorial.
Localizando os elementos do projeto
Todos os elementos do projeto podem se tornar elementos multilíngues: páginas, relatórios, ... Vamos modificar alguns elementos na página "PAGE_List_of_products" para apresentar os diferentes métodos que podem ser usados. Vamos ver como modificar:
  • a imagem do logotipo usada na página PAGE_List_of_products.
  • as legendas dos controles na página PAGE_List_of_products.
  • as opções do menu.
  • uma mensagem exibida pelo código WLanguage.
  • Abra a página "PAGE_List_of_products" no editor (clique duas vezes em seu nome no painel "Explorador de projetos", por exemplo).
  • Valide a atualização do modelo, se necessário.
  • Em primeiro lugar, verifique se a página PAGE_List_of_products está associada aos diferentes idiomas definidos no projeto:
    1. Exibe a descrição da página ("Descrição" no menu pop-up da página).
    2. Selecione a guia "Idioma": os dois idiomas selecionados no projeto são exibidos.
    3. Selecione a guia "Geral": o título da página deve ser traduzido.
      Descrição da página
    4. Substitua o texto encontrado na seção francesa por "Liste des produits".
Postado por às Nenhum comentário:
Marcadores: , ,
Assinar: Postagens (Atom)

Teste

Teste
teste