Passo 1 - Configurações > A aba Avançado

Nesta janela você pode criar uma página de Introdução para seu website, e oferecer opções de idiomas que os visitantes podem escolher para acessar e ver o site.

Como o nome sugere, a Página de introdução é uma espécie de capa para o website: pode ter uma foto, uma animação ou um vídeo nela, e normalmente é exibida por um tempo determinado antes que a Página Inicial seja exibida. Algumas vezes os visitantes têm que clicar para poder passar para a Página Inicial (com uma mensagem do tipo "pular introdução"). Se o site estiver disponível em mais de um idioma, as opções de idiomas às vezes são oferecidas nesta página.

Se você estiver trabalhando na edição Pro, também pode usar a Página de introdução para configurar o redirecionamento automático de acordo com o idioma ou resolução que for detectado, melhorando assim a experiência de navegação do visitante.

Nem todo site tem uma Página de introdução. Se você quiser incluir uma no seu website, selecione a opção Mostrar Página de introdução. Então você precisará especificar para o quê deseja usá-la. As opções são:

▪	Exibir página de Introdução: a Página de introdução é a primeira página que os visitantes vêem no website e ela permanecerá à vista por um tempo fixo ou até que o visitante clique no link para passar para a página inicial.

▪	Exibir página de Introdução e solicitar que escolham o idioma: esta página de introdução se comporta como a anterior e também dá aos visitantes a escolha de idioma no qual ele deseja ver o website.

▪

Detectar idioma automaticamente: a página de introdução é criada mas jamais é exibida. Na verdade, ela apenas contém o código para detecção do idioma do navegador do visitante e redireciona à página inicial correspondente. É presumido que existem diferentes versões de idioma. Se o idioma detectado não for um dos idiomas existentes para o website, o visitante será redirecionado para a página inicial do idioma padrão do website.

▪

Detectar resolução automaticamente: esta opção também cria uma página de introdução, mas ela não será exibida pois só conterá o código necessário para detectar a resolução do dispositivo do visitante e ele será redirecionado para a versão mais apropriada do website. Presume-se que haja diferentes versões de resolução para o website, que já estejam otimizadas para diferentes resoluções (por exemplo, uma versão de desktop e uma para celulares).

Se você selecionar tanto a opção Exibir página de Introdução quanto Exibir página de Introdução e solicitar que escolham o idioma, você deve completar a Página de introdução com conteúdo e plano de fundo, configurando também uma música de fundo, se quiser ter uma.

As opções para o Conteúdo da página são:

▪	Tipo: você pode especificar que tipo de conteúdo será adicionado à sua Página de introdução. O conteúdo pode ser uma Imagem, Animação, Vídeo e Código HTML.

▪

Arquivo: se você escolher uma Imagem, Animação ou Vídeo como conteúdo em Tipo, você precisará importar o arquivo para a imagem (no formato .JPG, .GIF ou .PNG), para a animação (no formato .WAX5 or .SWF) ou para o vídeo (no formato .MP4, .WEBM ou .OGG) para poder usar. Se você optar por usar uma Imagem, então pode clicar no botão

para abrir a janela Imagem de Biblioteca Online....

▪	Código HTML: se você escolher o Código HTML como conteúdo em Tipo, você poderá inserir o código aqui. A barra de ferramentas contém as seguintes ferramentas:

Cortar [CTRL+X] - Copiar [CTRL+C] - Colar [CTRL+V]

Estas opções cortam, copiam e colam o texto selecionado.

Desfazer [CTRL+Z] - Refazer

Estes comandos desfazem/refazem a última operação a ser feita/desfeita.

▪	Tamanho: você pode especificar a largura e a altura da Imagem, Animação, Vídeo ou Código HTML em pixels. Deixe o Manter proporções selecionado para manter a proporção entre a largura e a altura.

As seguintes opções estão disponíveis para o Fundo da página:

▪	Cor do fundo: você pode especificar a cor do plano de fundo da Página de introdução.

▪	Arquivo de imagem: indica o arquivo (.JPG, .GIF, .PNG.) da imagem a ser usada como plano de fundo. Você pode procurar a imagem a ser usada na Biblioteca Virtual, que você pode acessar clicando no botão , ou então buscando nos arquivos do seu computador, clicando no botão Selecionar arquivo.

▪	Repetir: indica se a imagem do plano de fundo da página deverá ser repetida ou não. Ela pode ser repetido horizontal, verticalmente ou em ambas direções (ladrilho) para ocupar todo o espaço disponível. A imagem do plano de fundo também pode ser redimensionada para se ajustar ao espaço disponível.

▪	Alinhamento: você pode especificar como a imagem deverá ser alinhada na janela do navegador.

Estas Opções também estão disponíveis:

▪	Som de entrada: você pode indicar o arquivo de áudio (no formato .MP3) a ser usado como música de fundo quando a Página de introdução é exibida.

▪	Redirecionar para home page [seg.]: esta opção só fica disponível se você tiver selecionado Exibir página de Introdução: você pode especificar o número de segundos em que a Página de introdução é exibida, e após decorrido este tempo, a Página Inicial aparece automaticamente.

Se você selecionar tanto a opção Exibir página de Introdução e solicitar que escolham o idioma quanto Detectar idioma automaticamente, você também deverá inserir as configurações para o gerenciamento do idioma.

Monte a lista de idiomas que pretende oferecer na Lista de idiomas. Há cinco idiomas na lista, por padrão: você pode usar os seguintes comandos para alterar a lista:

▪	Adicionar... / Remover: você pode adicionar um idioma à lista na janela Configurações de idioma, ou remover um idioma da lista.

▪	Para cima / Para baixo: você pode alterar a ordem dos idiomas na lista, movendo o idioma selecionado para uma posição acima ou abaixo.

▪

Pré-definido: você pode definir um dos idiomas na Lista de idiomas como sendo o idioma "padrão". Se você tiver selecionado Exibir página de Introdução e solicitar que escolham o idioma, deverá configurar o idioma "padrão" que todos os visitantes verão quando abrirem seu website, antes que possam escolher o idioma no qual desejam ver o site. Se, por outro lado, você tiver selecionado Detectar idioma automaticamente, você deverá configurar o idioma "padrão" para a versão do website para a qual seus visitantes serão redirecionados quando o idioma de seus navegadores não estiver entre os idiomas disponíveis para o website. Nos dois casos, o website no idioma padrão será o único que deverá ter uma Página de introdução.

▪	Editar...: esta opção abre Configurações de idioma onde você pode alterar as configurações para o idioma selecionado em Lista de idiomas.

Para maiores informações, veja Como criar um site em vários idiomas

Apesar de termos falado principalmente sobre opções de idiomas na Página de introdução, há outros recursos que você pode incluir aqui. Você poderia, por exemplo, oferecer opções como "Conteúdo adequado a todas as idades / Somente para adultos".

Se você selecionar Detectar resolução automaticamente, somente disponível na edição Pro do WebSite X5, não terá que adicionar qualquer conteúdo, mas precisará configurar os breakpoints para identificar os intervalos de resolução para os quais os viewports das diversas versões do website correspondem. Se você preparar várias versões do website e cada uma for otimizada para uma resolução diferente (por exemplo, uma versão de desktop e uma para celular), o programa automaticamente detecta a resolução dos dispositivos que os visitantes estiverem usando e redirecionará cada um para a versão do website mais adequada.

Um breakpoint pode ser definido genericamente como um ponto no qual, em uma faixa de resoluções variáveis de dispositivos possíveis nos quais um website poderá ser exibido, o layout de página do website muda de alguma forma para se adaptar a um tamanho de tela diferente.

A Breakpoints exibe a lista de todos os breakpoint que tenham sido definidos, com os intervalos que eles determinam e as URLs das versões do website às quais estão vinculadas. Quando um novo projeto é criado, ele tem dois breakpoints por padrão, que determinam os viewports de Desktop e de Smartphone.

O breakpoint para o viewport de Desktop é configurado automaticamente, levando em consideração a configuração atual da resolução do modelo de desktop, e não poderá ser alterada manualmente. A URL para este breakpoint também é configurada automaticamente, como o valor fornecido no campo Endereço do site (URL) na janela Configurações do website | Geral.

Com exceção dos breakpoints que determinam os viewportes de Desktop e Smartphone, todos os outros breakpoints podem ser adicionados, alterados ou removidos, usando os comandos na Lista de Breakpoints:

▪	Adicionar...: abre a janela Configurações de Breakpoing onde você pode adicionar um novo breakpoint, indicar a resolução a partir da qual ele se torna ativo e especificar a URL à qual ele redireciona. Você pode ter no máximo 10 breakpoints

▪	Pré-definido: configura o breakpoint selecionado na Breakpoints como sendo o breakpoint "padrão". O breakpoint "padrão" deve ser o do website no qual você está trabalhando.

▪	Editar...: Use este comando para alterar, na janela Configurações de Breakpoing que se abre, a resolução do breakpoint selecionado. Não pode ser usado nos breakpoints associados aos viewports Desktop e Smartphone, porque estes valores são definidos automaticamente.

▪	Remover: Remove o breakpoint selecionado. Os breakpoints associados aos viewports Desktop e Smartphone não podem ser removidos.

Para maiores informações, veja Como criar as versões de desktop e celular para um website

Se você incluir uma Página de introdução no seu site, uma página especial "Página de introdução" é adicionada automaticamente ao Mapa do site. Selecione-a e abra a janela Propriedades da Página para definir as principais características.

Melhores práticas:

-	Como traduzir um texto automático
-	Como criar um site em vários idiomas
-	Como criar as versões de desktop e celular para um website