Barra de ferramentas do documento no Adobe CS5 Dreamweaver - dummies

A barra de ferramentas do documento no Adobe Creative Suite 5 (Adobe CS5) O Dreamweaver contém ferramentas para ajudá-lo a visualizar seu documento em diferentes modos, como Código e Design, bem como endereçar esses itens como título do documento e compatibilidade do navegador.

• Vista de código: Mostra o código e apenas o código usando esta visualização. O Dreamweaver ajuda você a decifrar o código por tags de codificação de cores, atributos, CSS e outros elementos.

• Visualização dividida: Selecionar esta opção divide a janela do documento entre as visualizações Código e Design. Esta visão pode ser extremamente útil porque você vê o design e o código simultaneamente.

  

  Controla sua visão da página na barra de ferramentas Documento.

• Vista de design: Esta opção exibe sua página na Vista de design na janela do documento.

• Código ao vivo: Quando a Visualização ao vivo está habilitada, você pode visualizar o código-fonte do seu documento, pois um usuário o verá em um navegador, mas você não pode editar o código da página nesta visualização.

• Verifique a compatibilidade do navegador: Este menu mostra opções que permitem verificar a integridade da página, como a acessibilidade, ou se suas regras CSS são compatíveis em diferentes navegadores.

• Exibição ao vivo: Exibição ao vivo exibe sua página como se estivesse em um navegador, livre de bordas, guias e outros auxílios visuais. Na Visualização ao vivo, você não pode editar o conteúdo pré-visualizado, mas você pode saltar para a visualização de Código, Divisão ou Design e modificar o conteúdo da sua página.

• Inspecionar: O novo botão Inspecionar funciona com a Visualização ao vivo para revelar as regras CSS que formam elementos na sua página. Quando você seleciona um elemento na página com Inspect habilitado, o painel CSS Styles revela as propriedades que formateiam esse elemento e permite desabilitar ou modificar propriedades específicas e ver os resultados.

• Visualização / Depuração no navegador: Clique neste botão para visualizar ou depurar seu documento em um dos navegadores da Web instalados, o BrowserLab da Adobe ou o Device Central.

• Aids visuais: Clique neste botão para selecionar diferentes ajudas visuais (como bordas e guias) para ajudá-lo a ver vários elementos e facilitar o design das suas páginas.

• Refresh Design View: Clique neste botão para atualizar a exibição de design do documento depois de fazer alterações no modo de exibição de código. As alterações que você faz na visualização de Código não aparecem automaticamente na Vista de Design até executar certas ações, como salvar o arquivo ou clicar neste botão.

• Título do documento: Digite o nome do seu documento neste campo.

• Gerenciamento de arquivos: Clique neste botão para exibir o menu pop-up Gerenciamento de arquivos.Use este menu para verificar se o documento está inserido ou desligado quando habilitado para o seu site.

• Página anterior / Página seguinte / Barra de atualização / endereço: Na Visualização ao vivo, essas ferramentas funcionam exatamente como em um navegador da Web e permitem navegar entre as páginas, atualizar a página e ver o endereço do pagina atual. A barra de endereços também funciona quando o Live View não está ativado, revelando o caminho para o documento no qual você está trabalhando atualmente.

• Documentos relacionados: Os documentos usados ​​e anexados à sua página, como arquivos externos CSS e JavaScript, estão listados abaixo (Mac) ou acima (Windows) na seleção de exibição (Código / Split / Design). Você pode clicar em qualquer documento listado para editar o arquivo anexado na vista dividida sem ter que trocar de documentos.

  • XML, JavaScript, CSS e outros tipos de arquivos baseados em código só podem ser visualizados e editados na visualização do Código; Os botões Design e Split aparecem aparafusados.

  • Atualizando também atualiza recursos de código dependentes do Document Object Model (DOM), como a capacidade de selecionar as tags de abertura ou fechamento de um bloco de código.

• Opções de exibição ao vivo: Clique e selecione as opções deste menu para controlar como seu documento aparece e funciona quando a Visualização ao vivo está habilitada.