Um codificador HTML deve saber: um sinal de profissionalismo é a mesma exibição e funcionamento de uma página de site em qualquer navegador, pelo menos nos “três grandes”, que incluem os navegadores Internet Explorer, Opera, Mozilla Firefox. O processo de verificação da exatidão da exibição do site consiste em três etapas principais.
É necessário
- • Vários navegadores instalados no computador.
- • Atenção.
Instruções
Passo 1
Estágio um, preparatório
O processo de preparação consiste em baixar o kit de distribuição do navegador e instalá-lo no computador. Qualquer processo de instalação termina com a pergunta: "tornar este navegador incluído por padrão?". Assim, o principal, ou incluído por defeito, tem de fazer aquele que ocupa uma posição intermédia em termos da dimensão das possíveis “ombreiras”. De acordo com a experiência de muitas gerações de designers de layout, este é o navegador Opera.
Depois de instalar vários navegadores em seu computador, prossiga diretamente para o processo de comparação. Para isso, passe o mouse sobre o arquivo com a extensão.html, que será a base da página do site ou de todo o template, e clique nele com o botão direito do mouse. Na guia que é aberta, selecione "abrir com" e, em seguida, selecione o tipo de navegador desejado. O arquivo pode ser aberto em vários navegadores ao mesmo tempo, deixando-os minimizados na barra de tarefas da área de trabalho e aberto conforme necessário.
Passo 2
Estágio dois - comparação visual
Visualmente, as páginas do site no navegador podem diferir em três parâmetros principais:
1. Pela quantidade de recuos e margens entre os elementos da página. O IE é particularmente sofisticado no cálculo dos valores reais das propriedades de preenchimento e margem.
2. Navegadores diferentes exibem fontes de maneira diferente, até mesmo fontes padrão como Arial e Times New Roman. Este é o problema mais difícil para as linhas de itens de menu, que podem ser exibidos em duas linhas ou quebrar completamente na segunda linha.
3. Correção de exibição de imagens. Nos casos mais simples, alguns navegadores, como o Opera, não lêem as propriedades vspace e hspase especificadas nos atributos da tag
… Às vezes, as imagens não estão centralizadas nas células da tabela se os atributos
esta condição não é explicada. Mas o principal problema para o designer de layout é preparar o formato de imagem.png. O canal transparente no código desse arquivo é lido por todos os navegadores à sua própria maneira, especialmente o IE é bem-sucedido nisso. Portanto, manchas cinzas feias são freqüentemente observadas no lugar de belas imagens translúcidas.
Estágio três - verificação funcional
Nesta fase, você precisa verificar os itens do menu "drop-down". Em seu trabalho, não deve haver empurrões, lentidão e, o mais importante, um salto no conteúdo geral da página ao abrir itens de menu individuais. O mesmo se aplica aos elementos de texto da página, que se expandem totalmente ao clicar no botão ou na inscrição "mais detalhes".
Concluindo, gostaria de dizer que a luta pela "compatibilidade cross-browser" - este é o nome da propriedade de uma página a ser exibida em todos os lugares da mesma forma, o processo é complexo e emocionante, exigindo muita prática experiência.
etapa 3
Estágio três - verificação funcional
Nesta fase, você precisa verificar os itens do menu "drop-down". Em seu trabalho, não deve haver empurrões, lentidão e, o mais importante, um salto no conteúdo geral da página ao abrir itens de menu individuais. O mesmo se aplica aos elementos de texto da página, que se expandem totalmente ao clicar no botão ou na inscrição "mais detalhes".
Concluindo, gostaria de dizer que a luta pela "compatibilidade cross-browser" - este é o nome da propriedade de uma página a ser exibida em todos os lugares da mesma forma, o processo é complexo e emocionante, exigindo muita prática experiência.
