Como verificar a compatibilidade css no adobe dreamweaver cs6

Video: Menu Vertical CSS com Adobe Dreamweaver CS6

É importante certificar-se de que seu site Adobe Dreamweaver CS6 aparece corretamente e de forma consistente em todos os navegadores populares, como Internet Explorer, Firefox, Chrome e Safari. Embora a maioria dos navegadores modernos adotaram apoio bastante uniforme para CSS2 (e alguns CSS3) propriedades, os designers ainda deve testar suas páginas em uma variedade de navegadores e versões do navegador.

Video: Dreamweaver CS6 An overview of the CSS Styles panel

Para eliminar essa tarefa demorada, Dreamweaver fornece a verificação de compatibilidade do navegador, que trabalha lado a lado com o site da Adobe para descobrir e relatar quaisquer problemas de exibição relacionadas com a CSS que podem ocorrer em navegadores e versões selecionadas.

A compatibilidade compatibilidade navegador Verificar cheques 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 descobre, o painel de resultados exibe uma descrição do problema, juntamente com um link direto para a seção CSS Advisor do site da Adobe. O CSS Advisor relatórios sobre questões navegador de exibição conhecidos e possíveis soluções para corrigi-los.

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

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

    Video: Adobe Dreamweaver CS6 #002 Einbindung von CSS [HD]



  2. Na janela do documento (ao lado do botão vivo código), clique e segure o botão de verificação de compatibilidade do navegador e, em seguida, escolha Verificar compatibilidade do navegador a partir do menu que aparece.

    O painel Resultados aparece, com o navegador de guia de compatibilidade para a frente. Todos os resultados são exibidos nesta guia.

  3. Para ver os detalhes e possíveis soluções para quaisquer 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.

    problemas de compatibilidade possíveis estão listados junto com o nome do arquivo, número da linha e descrição do problema.

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

    Video: "How to Use CSS for Page Layout" | Dreamweaver CS6 with Educator.com


Publicações relacionadas