Um Navegador é um programa que permite aos usuários exibir e interagir com as informações (texto, imagens, etc) em uma página web. Os navegadores mais frequentemente utilizados são Microsoft Explorer®, Firefox®, Safari® e Google Chrome™.
Os navegadores usam um mecanismo de renderização para exibir o conteúdo de uma página. Um mecanismo de renderização é um programa que baixa o conteúdo (uma página HTML, por exemplo) e formata a informação nela (CSSs associados, por exemplo) e exibe tudo na tela. Os navegadores usam diferentes mecanismos de renderização, e eles diferem na qualidade de renderização, em relação a padrões, e velocidade. Portanto, as páginas podem parecer diferentes dependendo do navegador em que forem exibidas. Entretanto, como uma página web não é impressa, uma certa margem de diferença é aceitável, se a experiência que o usuário tiver ao visitar não for prejudicada por isto.
A melhor maneira de obter páginas web que sejam compatíveis com os principais navegadores, nas suas diversas versões, é criar um código limpo que adere às normas aceitas.
O WebSite X5 gera automaticamente o código HTML5 associado ao CSS 2.1 ou 3, e garante uma total compatibilidade com todos os navegadores principais e dispositivos móveis, tais como celulares, tablets e smartphones.
Quando estiver trabalhando em um projeto, você precisará poder conferir o resultado final e como o site será exibido quando tiver sido publicado. Para isso, o WebSite X5 fornece um botão Pré-visualizar, que fica sempre disponível (veja O ambiente de trabalho), que oferece uma prévia do website no seu computador. Ela é constantemente atualizada (veja Manter a Pré-visualização atualizada ao trabalhar no projeto na janela Preferências).
Para exibir a pré-visualização, o WebSite X5 usa seu próprio navegador, baseado no Chromium (http://www.chromium.org/), o navegador de código aberto que emprestou seu nome ao Google Chrome™. Este navegador tem os seguintes comandos:
|
Voltar
Para voltar para a última página visitada.
|
|
Avançar
Avançar para a página visitada anteriormente, da qual retornou.
|
|
Home page (página inicial)
Ir para a página inicial do site.
|
|
Barra de endereço
Exibe o caminho da página em exibição e/ou permite que você inisira o endereço da página que deseja exibir. Basta clicar no botão ENVIAR para confirmar o endereço inserido.
|
|
Editar esta página
Faz retornar ao Programa, abrindo a página exibida como uma pré-visualização no navegador na janela Criação da página, de modo que possa ser editada. Se a página for parte do Blog, da Área Restrita ou do Carrinho de compras, este botão o levará de volta à seção relativa no Passo 1 - Configurações do website | Avançado.
|
   
|
Botões de dispositivos
Os Botões de dispositivo só ficam disponíveis se a opção Website Responsivo estiver ativa. Eles são exibidos de acordo com a quantidade de breakpoints que você tiver configurado para o Projeto: por exemplo, se você definir 4 breakpoints ou mais, os botões Desktop, Smartphone e Tablet são exibidos, sendo que o último mostra um submenu para todos os breakpoints intermediários.
Ao clicar em um Botão de dispositivo, a janela onde o conteúdo da página é exibido será automaticamente redimensionada conforme a resolução correspondente. Na configuração padrão, o botão Desktop fica ativado e o conteúdo se adapta à largura da janela de pré-visualização, usando todo o espaço disponível.
|
|
Mostrar ordem de exibição dos objetos
Esta função só fica disponível se a opção WebSite Responsivo estiver ativa. O número configurado para o Objeto durante o procedimento Ordem de Exibição será sobreposto no conteúdo da Página.
|
|
 Pré-visualização em celular
Abre uma janela que exibe um QR Code e um endereço URL. Quando você tiver conectado seu dispositivo móvel ao PC, poderá tanto escanear o QR Code ou ir para a URL para exibir uma pré-visualização do website e verificar como ele se comporta.
|
|
Pré-visualizar o WebSite em outro Navegador
Você poderá pré-visualizar o site usando um dos navegadores instalados no seu computador. Ao clicar na seta posicionada ao lado do botão, um menu drop-down será exibido, onde você poderá escolher entre os navegadores listados. Finalmente, se o navegador de sua escolha for salvo como favorito, ele sempre será usado como navegador padrão até que uma nova escolha seja feita.
|
|
Você pode ativar o WebSite Responsivo com a opção Site responsivo disponível na janela Resoluções e Design Responsivo. Se a opção WebSite Responsivo estiver ativa, uma Barra de Resoluções será exibida no navegador nativo do WebSite X5. Esta barra exibe os breakpoints ativos para o Projeto.
|
Quando a janela do navegador se abre para exibir a pré-visualização da página em que está trabalhando, a página em exibição muda automaticamente de acordo com a página a ser exibida na janela no navegador.
Usar um navegador próprio para exibir uma pré-visualização do site em construção tem as seguintes vantagens:
| ▪ | a pré-visualização não substitui a página do website em exibição na janela do seu navegador normal; |
| ▪ | a pré-visualização do site em construção é atualizada na janela do navegador interno e não é preciso abrir novas janelas no seu navegador padrão. |
|
