Documento barra de ferramentas no Adobe CS5 Dreamweaver

A barra de ferramentas documento no Adobe Creative Suite 5 (Adobe CS5) Dreamweaver contém ferramentas para ajudá-lo a visualizar o documento em diferentes modos, tais como código e do projeto, bem como fazer face a tais itens como o título do documento e compatibilidade do navegador.

• Código Vista: Mostra o código e somente o código usando este ponto de vista. Dreamweaver ajuda a decifrar o código por tags codificação de cores, atributos, CSS e outros elementos.

• Ver Split: A seleção dessa opção divide a janela Documento entre as visualizações Código e design. Este ponto de vista pode ser extremamente útil porque você vê tanto o design eo código simultaneamente.

  
  Controle a sua visualização da página na barra de ferramentas Documento.

• Modo Design: Esta opção exibe sua página no modo de design na janela do documento.

• Live Code: Quando Live View estiver ativado, você pode visualizar o código fonte de seu documento como um usuário veria em um navegador, mas você não pode editar a página de código neste ponto de vista.

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

• Visualização ao vivo: Live View torna sua página como se fosse em um navegador, sem fronteiras, guias e outros recursos visuais. Live View, você não pode editar o conteúdo visualizado, mas você pode saltar para Código, Split, ou vista de estrutura e modificar o conteúdo da página.

• Inspecionar: O novo Inspecione botão funciona com o Live View para revelar as regras de CSS que os elementos de formato em sua página. Quando você selecionar um elemento na página com Inspecione ativada, o painel Estilos CSS revela as propriedades que formatar esse elemento, e permite que você desativar ou modificar as propriedades específicas e ver os resultados.

• Visualizar / depurar no navegador: Clique nesse botão para visualizar ou depurar o documento em um dos seus navegadores da Web instalados, da Adobe BrowserLab, ou Device Central.

• Visual Aids: Clique nesse botão para selecionar diferentes auxílios visuais (como fronteiras e guias) para ajudá-lo a ver vários elementos e fazer projetar suas páginas mais fácil.

• Atualizar visualização de design: Clique nesse botão para atualizar vista de estrutura do documento depois de fazer alterações na Visualização de código. Alterações feitas na visualização de código não aparecem automaticamente no modo de design até que você executar determinadas 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 nesse botão para exibir o menu pop-up Gerenciamento de arquivos. Utilize este menu para verificar o seu documento dentro ou para fora quando ativado para o seu site.

• Anterior Página / Página Seguinte / Atualizar / Address Bar: Em Live View, essas ferramentas funcionam exatamente como faria em um navegador da Web e permitem navegar entre as páginas, atualize a página e ver o endereço da página atual. A barra de endereços também funciona quando Live View não está habilitado, revelando o caminho para o documento que você está trabalhando no momento.

• Documentos relacionados: Os documentos usados ​​por e anexado à sua página, como CSS externo e arquivos javascript, estão listados abaixo botões (Mac) ou acima (Windows) a seleção view (Code / Split / design). Você pode clicar em qualquer documento listado para editar o arquivo anexado na visualização Split sem ter que trocar documentos.

• XML, javascript, CSS e outros tipos de arquivo baseados em código só podem ser visualizados e editados no código ver- os botões Design e Dividir aparecem esmaecidas fora.

• Também são atualizados recursos de código que são Document Object Model (DOM) dependente, como a capacidade de selecionar abertura ou fechamento de etiquetas de um bloco de código.