Como verificar a compatibilidade do CSS no Adobe Dreamweaver CS6 - dummies

É importante certificar-se de que seu Adobe Dreamweaver O site CS6 aparece corretamente e consistentemente em todos os navegadores populares, como o Internet Explorer, o Firefox, o Chrome e o Safari. Embora a maioria dos navegadores modernos tenham adotado um suporte bastante uniforme para as propriedades CSS2 (e algumas CSS3), os designers ainda devem testar suas páginas em uma variedade de navegadores e versões do navegador.

Para eliminar essa tarefa demorada, o Dreamweaver fornece a verificação de compatibilidade do navegador, que funciona de mãos dadas com o site da Adobe para descobrir e reportar quaisquer problemas de exibição relacionados ao CSS que possam ocorrer em navegadores e versões selecionados.

A verificação de compatibilidade do navegador verifica a compatibilidade CSS por padrão nesses navegadores: Firefox 1-3; Internet Explorer (Windows) 6. 0-8. 0; Internet Explorer (Macintosh) 5. 2; Netscape Navigator 7. 0-8. 0; Opera 7. 0-9. 0; e Safari 1. 0-3. 0.

Para qualquer problema que a Verificação de Compatibilidade do Navegador descubra, o painel Resultados exibe uma descrição do problema junto com um link direto para a seção CSS Advisor do site da Adobe. O CSS Advisor informa sobre problemas conhecidos de exibição do navegador e possíveis soluções para corrigi-los.

Siga estas etapas para testar uma página com a verificação de compatibilidade do navegador:

1. Abra uma página para edição, escolhendo Arquivo → Abrir ou selecionando-a no painel Arquivos.

2. Na janela do documento (ao lado do botão Live Code), mantenha pressionado o botão Verificar compatibilidade do navegador e escolha Verificar compatibilidade do navegador no menu que aparece.

   Aparece o painel Resultados, com a guia Compatibilidade do navegador para a frente. Todos os resultados são exibidos nesta guia.

3. Para visualizar detalhes e possíveis soluções para os resultados que possam aparecer, selecione o resultado.

   

   A descrição, bem como um link para o site da Adobe, aparece no lado direito do painel.

   Possíveis problemas de compatibilidade são listados juntamente com o nome do arquivo, o número da linha e a descrição do problema.

4. Clique no link abaixo do painel de detalhes para entrar no site da Adobe para obter soluções.