Melhores Práticas > Passo 1 - Configurações > A aba Avançado > Como criar um website em vários idiomas

A Internet derruba todas as fronteiras nacionais e internacionais e se você acredita que seu site possa vir a ser visitado por pessoas de outros países, seria bom pensar em oferecer a eles o seu website em outros idiomas.

Gerenciar um site em vários idiomas torna um projeto mais complexo, mas graças aos recursos que estão disponíveis no WebSite X5, e se você puder contar com um serviço bom e confiável de tradução, o resultado final poderá dar mais trabalho, mas valerá a pena.

Em primeiro lugar, você deve se lembrar que o WebSite X5 gera todos os arquivos HTML para as páginas do site na codificação UTF-8 (Unicode Transformation Format, 8 bit), para permitir suporte integral a todos os idiomas, inclusive os que não usam alfabetos latinos, como grego, cirílico, cóptico, armênio, hebraico, árabe, chinês, japonês e coreano. Não somente você pode ter websites em outros idiomas, mas também poderá ter textos em diferentes idiomas no mesmo website, e todos os caracteres serão exibidos corretamente: você pode ter um trecho em russo com sua tradução ao lado em português.

Quando estiver criando o seu site, o WebSite X5 pedirá para associar um idioma ao seu projeto (na opção Idioma do conteúdo da janela Configurações do website): isto é essencial para um tratamento correto do texto que será adicionado automaticamente pelo Programa. Algumas opções de idioma já estão incluídas por padrão, e você poderá adicionar outras na janela Gerenciar conteúdos do idioma, clicando no botão para criar/importar novos idiomas ou para alterar algumas palavras nos idiomas já incluídos (veja Como traduzir o texto que é inserido automaticamente).

Com o WebSite X5 você pode criar um website multi-idiomas e dar ao visitante a possibilidade de escolher qual idioma ele deseja usar ou, se estiver trabalhando com a edição Pro, você pode propor automaticamente a versão do website que for mais adequada a ele/ela. Tudo que você tem a fazer é criar um projeto para cada idioma que pretende oferecer, e conectá-los como se fossem diferentes seções do mesmo website. As formas de vincular projetos que diferem somente em relação ao idioma em que estão escritos são basicamente duas: a primeira usa a Página de introdução, enquanto a segunda usa a possibilidade de adicionar links diretamente no cabeçalho do modelo. Se estiver trabalhando com a edição Pro, também há um terceiro método que usa a possibilidade de detectar o idioma usado no navegador para um redirecionamento automático.

Imagine que queria criar um website em inglês, italiano e português. Você pode usar a Página de introdução para adicionar os botões que os visitantes selecionarão para ir para a versão no idioma que preferirem.

▪	Em primeiro lugar, crie seu website em português, definindo a estrutura e seu conteúdo, e em Configurações do website defina "BR = Brazilian" como Idioma do conteúdo.

▪

No Passo 1 - Configurações do website | Avançado clique no botão Página de introdução e, na janela que se abre, selecione a opção Mostrar Página de introdução, então selecione Exibir página de Introdução e solicitar que escolham o idioma, especificando a imagem/animação que deverá ser usada como Fundo da página e defina as configurações necessárias para obter o estilo que deseja.

▪

Use os comandos disponíveis para criar a Lista de idiomas. Selecione "Deutsch", "Español" e "Français" como idiomas indisponíveis e clique no botão Remover. Então clique no botão Adicionar... para abrir a janela Configurações de idioma e adicionar o português: digite "Português" como Nome do idioma a exibir e importe um arquivo para a imagem a ser associada ao idioma (geralmente usa-se a bandeira do país).

▪	Selecione "English" e "Italiano" e clique no botão Editar... para abrir a janela Configurações de idioma e adicionar as imagens das bandeiras para estes idiomas.

▪	O idioma básico é definido por padrão como sendo o português (o idioma padrão é o único idioma associado à Página de introdução), então selecione "Português" na Lista de idiomas e clique no botão Pré-definido para torná-lo o idioma padrão.

▪	Use os botões Para cima / Para baixo para posicionar os idiomas na ordem de sua preferência.

Quando tiver adicionado as imagens das bandeiras, você terá que definir os links para elas. Um website deverá ser criado para cada idioma, e publicado online, para que você possa criar um link com uma URL:

▪	Na janela 'Lista de idiomas, selecione "Italiano" e clique no botão Editar... para abrir a janela Configurações de idioma.

▪

Clique no botão

para a opção Link para este Idioma (isto é mostrar o Site neste idioma) e selecione Arquivo ou URL na janela Link e insira a URL para a versão do seu website em italiano: por exemplo http//www.meusite.com.br/it/index.html, se você for publicar a versão italiana do site na sub-pasta "it" do diretório principal do servidor.

▪	Repita as mesmas operações para seu website em inglês, vinculando-o ao endereço URL relativo: por exemplo, http//www.meusite.com.br/en/index.html, se for publicar a versão em inglês do seu site na sub-pasta "en" do diretório principal do seu servidor.

Agora seu website está pronto para as opções de idioma, mas você ainda precisará do conteúdo em italiano e em inglês.

▪	Faça uma cópia do seu website em português para acelerar a criação do site em italiano: na primeira janela Seleção do projeto, selecione o projeto do website em português e clique no botão Duplicar. Então clique no botão Renomear para alterar o nome para o novo projeto em italiano.

▪	Abra a cópia do projeto e, em Configurações do website, defina "IT - Italian" como Idioma do conteúdo: traduza todo o texto e quaisquer outros elementos que dependam do idioma.

▪	No Passo 1 - Configurações do website \| Avançado, vá para a janela Página de introdução e desmarque a opção Mostrar Página de introdução.

▪	Quando tiver completado a tradução do projeto em italiano, faça a mesma coisa para criar a versão do seu website em inglês.

Para publicar os websites no servidor, você deverá executar os seguintes procedimentos:

▪

Publique o website em português: o site em português é o que está associado à Página de introdução, e é definido como sendo o site "base". Quando publicar o site, um arquivo index.html será criado e que corresponderá à Página de introdução, e você precisará criar as sub-pastas "it" e "en" no Servidor para que as URLs destes sites funcionem.

Quando tiver terminado esta parte, o website em português estará online, e os links na Página de introdução para os outros idiomas estarão ativos, mesmo que não levem a lugar algum por enquanto.

▪	Publique o site em italiano: o link na Página de introdução da versão em português só funcionará se você publicar a versão do site em italiano na sub-pasta "it" que você criou no Servidor.

▪	Publique o site em inglês: o link na Página de introdução da versão em português só funcionará se você publicar a versão do site em inglês na sub-pasta "en" que você criou no Servidor.

Quando tiver publicado os três websites nas sub-pastas corretas, os botões na Página de introdução estarão funcionando corretamente e os visitantes poderão escolher em qual idioma preferem visitar o site.

Você pode usar a opção Link para este Idioma (isto é mostrar o Site neste idioma) na janela Configurações de idioma para associar qualquer tipo de ação às imagens que representam os diversos idiomas (geralmente uma imagem da bandeira do país). Isto significa que, em vez de ter um link para um site inteiro, como vimos no exemplo, você pode criar um link para somente uma página ou uma mensagem que diga que o site naquele idioma ainda não está disponível, mas que estará em breve, ou para um documento em PDF com todas as informações que quiser fornecer naquele idioma, ou qualquer outra coisa.

Se você quiser criar um website que esteja disponível em inglês, italiano e português, em vez de usar a janela Página de introdução, uma alternativa, ou uma forma complementar de fazer isto é colocar botões de opção de idioma no cabeçalho do modelo. Este método tem a vantagem que os visitantes podem mudar o idioma de visualização do site a qualquer momento e em qualquer página do site.

▪	Em primeiro lugar, você terá que criar o site em português, definindo a estrutura e o conteúdo e na janela Configurações do website definir "BR - Brazilian" como Idioma do conteúdo.

▪	Abra a janela Conteúdo do Modelo para trabalhar no cabeçalho e criar os botões para que os visitantes possam escolher qual idioma querem usar.

▪	Usando o Objeto Imagem, importe o arquivo da imagem que usará como símbolo do idioma: se desejar que o botão apresente um efeito sob foco, use a opção Efeito sob cursor para importar uma segunda imagem, ligeiramente diferente da primeira.

▪	Repita este procedimento para criar os botões para as bandeiras em italiano e em inglês.

▪

Selecione o botão para o italiano e clique no comando

Link: na janela Link que se abre, selecione Arquivo ou URL e então selecione a opção Arquivo na internet, digitando o endereço para a página Inicial do website em italiano quando ele estiver online (por exemplo, http//www.meusite.com.br/it/index.html).

▪	Repita o mesmo procedimento para o botão do inglês, vinculando-o à URL relativa (por exemplo http//www.meusite.com.br/en/index.html).

Como você estará trabalhando na versão em português do seu site, você não precisará adicionar nenhum link para o botão com a bandeira correspondente ao idioma (por exemplo, a bandeira do Brasil).

▪	Faça uma cópia do seu website em português para agilizar a criação do site em italiano: na primeira janela Seleção do projeto, selecione o projeto do site em português e clique no botão Duplicar. Então clique no botão Renomear para alterar o nome para o novo projeto em italiano.

▪	Abra a cópia do projeto e, na janela Configurações do website, defina "IT - Italian" como sendo o Idioma do conteúdo: traduza todos os textos e outros elementos que dependem do idioma.

▪	Vá para a janela Conteúdo do Modelo e complete os links para o botão/bandeira: associe o link na bandeira brasileira para a versão em português à URL do site base (por exemplo http//www.meusite.com.br/index.html) e remova o link para o botão na bandeira italiana.

▪	Quando tiver terminado de trabalhar na versão em italiano do site, você terá que repetir os mesmos procedimentos para o website em inglês. Lembre-se de definir os links nos botões para os idiomas português e italiano, e remover quaisquer links no botão para a versão em inglês.

Todos os três websites precisam ter sido publicados no Servidor para que os botões de opção de idioma funcionem corretamente.

▪	Crie duas sub-pastas no Servidor, no diretório principal de publicação, com os nomes"it" e "en".

▪	Publique o projeto em português (o idioma principal - padrão) no diretório principal no Servidor, e os projetos para as versões em italiano e em inglês do site nas sub-pastas "it" e "en", respectivamente.

Vamos novamente pegar como exemplo nosso website em 3 idiomas: português, italiano e inglês. Quando estiver trabalhando com a edição Pro do WebSite X5, é possível fazer com que o visitante não tenha que escolher seu idioma mas, em vez disso, a melhor versão do website para ele é oferecida. O software pode detectar o idioma do navagador do visitante e automaticamente redirecioná-lo para versões diferentes do mesmo website. Obviamente, não seria possível cobrir todos os idiomas existente, então você terá que decidir qual idioma usará como substituto quando o website não tiver sido traduzido para o idioma usado no navegador.

No nosso exemplo, o inglês será usado como substituto quando o idioma do navegador não for nem inglês, nem italiano nem português. Então, a versão em inglês será o website principal e as versões em italiano e em português serão publicadas em sub-pastas da pasta principal no servidor.

▪	Em primeiro lugar, crie seu website em inglês, definindo a estrutura e seu conteúdo, e em Configurações do website defina "EN = English" como Idioma do conteúdo.

▪	No Passo 1 - Configurações do website \| Avançado clique no botão Página de introdução e, na janela que se abre, selecione a opção Mostrar Página de introdução e então selecione Detectar idioma automaticamente.

▪

▪	Selecione "English" e "Italiano" e clique no botão Editar... para abrir a janela Configurações de idioma e verifique o código de referência associado.

▪	O idioma básico é definido por padrão como sendo o inglês (o idioma padrão é o único idioma associado à Página de introdução), então selecione "English" na Lista de idiomas e clique no botão Pré-definido para torná-lo o idioma padrão.

Um website deverá ser criado para cada idioma, e publicado online, para que você possa criar um link com uma URL:

▪	Na janela 'Lista de idiomas, selecione "Italiano" e clique no botão Editar... para abrir a janela Configurações de idioma.

▪	Insira a URL para a versão do seu website em italiano no campo URL para esta idioma: por exemplo http//www.meusite.com.br/it/, se você for publicar a versão italiana do site na sub-pasta "it" do diretório principal do servidor.

▪	Repita as mesmas operações para seu website em português, vinculando-o ao endereço URL relativo: por exemplo, http//www.meusite.com.br/pt/, se for publicar a versão em português do seu site na sub-pasta "pt" do diretório principal do seu servidor.

Agora seu website está pronto para ser redirecionado de acordo com o idioma, mas você ainda precisará do conteúdo em italiano e em português.

▪	Faça uma cópia do seu website em inglês para acelerar a criação do site em italiano: na primeira janela Seleção do projeto, selecione o projeto do website em inglês e clique no botão Duplicar. Então clique no botão Renomear para alterar o nome para o novo projeto em italiano.

▪	Abra a cópia do projeto e, em Configurações do website, defina "IT - Italian" como Idioma do conteúdo: traduza todo o texto e quaisquer outros elementos que dependam do idioma.

▪	No Passo 1 - Configurações do website \| Avançado, vá para a janela Página de introdução e desmarque a opção Mostrar Página de introdução.

▪	Quando tiver completado a tradução do projeto em italiano, faça a mesma coisa para criar a versão do seu website em português.

Para publicar os websites no servidor, você deverá executar os seguintes procedimentos:

▪

Publique o website em inglês: o site em inglês é o que está associado à Página de introdução, e é definido como sendo o site "base". Quando publicar o site, um arquivo index.html será criado e que corresponderá à Página de introdução, e você precisará criar as sub-pastas "it" e "pt" no Servidor para que as URLs destes sites funcionem.

Quando tiver terminado esta parte, o website em inglês estará online, e a detecção do idioma e o código de redirecionamento estarão habilitados e prontos para uso na Página de introdução.

▪	Publique o site em italiano: o código de redirecionamento na Página de introdução da versão em inglês só funcionará se você publicar a versão do site em italiano na sub-pasta "it" que você criou no Servidor.

▪	Publique o site em português: o código de redirecionamento na Página de introdução da versão em inglês só funcionará se você publicar a versão do site em português na sub-pasta "pt" que você criou no Servidor.

Melhores práticas:

-	Como traduzir o texto que é inserido automaticamente