Barra de ferramentas documento em adobe cs5 dreamweaver

Ver Split: Selecionar esta opção divide a janela Documento entre as visualizações de código e do projeto. Esta visão pode ser extremamente útil porque você vê tanto o design eo código simultaneamente.

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

Live Code: Quando Live View é ativado, você pode ver o código fonte do 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.

Verifique 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.

Video: Curso Dreamweaver CS6 - Introdução - Conhecendo a Ferramenta

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

Inspecionar: O novo Inspecione botão funciona com Live View para revelar as regras CSS que os elementos do formato em sua página. Quando você selecionar um elemento na página com Inspecionar ativado, 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.

Preview / Debug in Browser: Clique nesse botão para visualizar ou depurar o documento em um de 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 clique 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 File Management. Utilize este menu para verificar o seu documento dentro ou para fora quando ativado para o seu site.

Anterior Página / Próxima Página / 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ço também funciona quando Live View não está habilitado, revelando o caminho para o documento que você está trabalhando no momento.

Video: Adobe Dreamweaver CS5.5 Novedades: Widget Browser con drag and drop

Documentos relacionados: Documentos utilizados 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 vista (Code / Split / design). Você pode clicar em qualquer documento listado para editar o arquivo anexado em vista de Split sem ter que trocar documentos.

XML, javascript, CSS e outros tipos de arquivos baseados em códigos 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, tais como a capacidade de selecionar a abertura ou fechamento marcas de um bloco de código.

Viver Opções de Visualização: Clique e selecione as opções deste menu para controlar a forma como o documento aparece e funciona quando Live View está habilitado.