p. 1

uso do adobe® dreamweaver® cs5

[close]

p. 2

Última atualização em 28/4/2010 © 2010 adobe systems incorporated and its licensors all rights reserved copyright uso do adobe® dreamweaver® cs5 para sistemas operacionais windows® e mac this user guide is protected under copyright law furnished for informational use only is subject to change without notice and should not be construed as a commitment by adobe systems incorporated adobe systems incorporated assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide this user guide is licensed for use under the terms of the creative commons attribution non-commercial 3.0 license this license allows users to copy distribute and transmit the user guide for noncommercial purposes only so long as 1 proper attribution to adobe is given as the owner of the user guide and 2 any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms the best way to provide notice is to include the following link to view a copy of this license visit http creativecommons.org/licenses/by-nc-sa/3.0 adobe the adobe logo actionscript coldfusion contribute creative suite director dreamweaver fireworks flash flashpaper freehand homesite illustrator indesign jrun shockwave and version cue are either registered trademarks or trademarks of adobe systems incorporated in the united states and/or other countries activex microsoft windows and windows vista are either registered trademarks or trademarks of microsoft corporation in the united states and/or other countries apple macintosh and mac os are trademarks of apple inc registered in the united states and other countries java solaris and sunos are trademarks or registered trademarks of sun microsystems inc in the united states and other countries linux is the registered trademark of linus torvalds in the u.s and other countries unix is a registered trademark of the open group in the u.s and other countries arial is a trademark of the monotype corporation registered in the u.s patent and trademark office and certain other jurisdictions times new roman is a registered trademark of the monotype corporation registered in the u.s patent and trademark office and may be registered in certain other jurisdictions all other trademarks are the property of their respective owners updated information/additional third party code information available at http www.adobe.com/go/thirdparty this product includes software developed by the apache software foundation http www.apache.org this product includes software developed by collabnet http www.collab.net this product includes software developed by fourthought inc mpeg layer-3 audio coding technology licensed by fraunhofer iis and thomson this software is based in part on the work of the independent jpeg group speech compression and decompression technology licensed from nellymoser inc www.nellymoser.com video in flash player is powered by on2 truemotion video technology © 1992-2005 on2 technologies inc all rights reserved http www.on2.com this product contains either bsafe and/or tipem software by rsa security inc sorenson sparktm video compression and decompression technology licensed from sorenson media inc notice to u.s government end users the software and documentation are commercial items as that term is defined at 48 c.f.r §2.101 consisting of commercial computer software and commercial computer software documentation as such terms are used in 48 c.f.r §12.212 or 48 c.f.r §227.7202 as applicable consistent with 48 c.f.r §12.212 or 48 c.f.r §§227.7202-1 through 227.7202-4 as applicable the commercial computer software and commercial computer software documentation are being licensed to u.s government end users a only as commercial items and b with only those rights as are granted to all other end users pursuant to the terms and conditions herein unpublished rights reserved under the copyright laws of the united states adobe systems incorporated 345 park avenue san jose ca 95110-2704 usa for u.s government end users adobe agrees to comply with all applicable equal opportunity laws including if appropriate the provisions of executive order 11246 as amended section 402 of the vietnam era veterans readjustment assistance act of 1974 38 usc 4212 and section 503 of the rehabilitation act of 1973 as amended and the regulations at 41 cfr parts 60-1 through 60-60 60-250 and 60-741 the affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference adobe systems incorporated 345 park avenue san jose california 95110 usa.

[close]

p. 3

Última atualização em 28/4/2010 iii conteúdo capítulo 1 o que há de novo capítulo 2 Área de trabalho fluxo e área de trabalho do dreamweaver trabalho na janela documento 4 21 17 23 uso de barras de ferramentas inspetores e menus de contexto personalização da área de trabalho do cs4 atalhos do teclado extensões 33 35 capítulo 3 trabalho com sites do dreamweaver configuração de um site do dreamweaver 37 gerenciamento de sites do contribute com o dreamweaver 51 capítulo 4 criação e gerenciamento de arquivos criação e abertura de documentos 59 gerenciamento de arquivos e pastas devolução e retirada de arquivos sincronização de arquivos 73 81 obtenção e colocação de arquivos no servidor 86 97 100 103 95 comparação de arquivos em busca de diferenças reversão de arquivos usuários do contribute encobrimento de pastas e arquivos no site teste do site 100 armazenamento de informações de arquivo em design notes 106 capítulo 5 gerenciamento de ativos e bibliotecas sobre os ativos e as bibliotecas 110 trabalho com ativos 111 116 118 criação e gerenciamento de uma lista dos ativos favoritos trabalho com itens de biblioteca capítulo 6 criação de páginas com css introdução às folhas de estilos em cascata criação e gerenciamento de css layout das páginas com css trabalho com tags div 123 128 150 156 capítulo 7 layout de páginas com html uso de auxílios visuais para layout 172 apresentação do conteúdo em tabelas uso de quadros 175 191

[close]

p. 4

Última atualização em 28/4/2010 uso do dreamweaver cs5 iv conteúdo capítulo 8 adição de conteúdo a páginas trabalho com páginas 205 adição e formatação do texto inserção de arquivos swf inserção de arquivos flv adição de widgets da web adição de som 217 233 adição e modificação de imagens 246 249 255 257 255 265 adição de outros objetos de mídia automação de tarefas capítulo 9 vinculação e navegação sobre vinculação e navegação 271 vinculação 273 280 282 282 284 menus de salto barras de navegação mapas de imagem solução de problemas de links capítulo 10 visualização de páginas visualização de páginas no dreamweaver visualização de páginas em navegadores 287 290 291 visualização de páginas em dispositivos móveis capítulo 11 trabalho com código de página informações gerais sobre a codificação no dreamweaver configuração do ambiente de codificação gravação e edição do código recolhimento de código configurações das preferências de codificação 292 297 299 304 323 328 335 321 otimização e depuração do código edição do código na visualização de design trabalho com as inclusões de servidor gerenciamento de bibliotecas de tags trabalho com o conteúdo de cabeçalho das páginas 339 341 344 importação de tags personalizadas para o dreamweaver capítulo 12 adição de comportamentos javascript uso de comportamentos javascript 346 aplicação de comportamentos internos do dreamweaver 349 capítulo 13 trabalho com outros aplicativos integração com vários aplicativos 361 trabalho com o fireworks e dreamweaver trabalho com o photoshop e dreamweaver trabalho com o flash e dreamweaver trabalho com o adobe bridge trabalho com o device central 362 368 378 379 381

[close]

p. 5

Última atualização em 28/4/2010 uso do dreamweaver cs5 v conteúdo trabalho com o connectnow 382 383 air extension para dreamweaver capítulo 14 criação e gerenciamento de modelos sobre os modelos do dreamweaver 389 reconhecimento de modelos e documentos baseados em modelo criação de um modelo do dreamweaver criação de regiões editáveis criação de regiões repetitivas utilização de regiões opcionais criação de um modelo aninhado 394 397 400 401 404 406 410 414 415 417 407 definição de atributos de tag editáveis edição atualização e exclusão de modelos exportação e importação de conteúdo de modelo aplicação ou remoção de um modelo em um documento sintaxe do modelo edição de conteúdo em um documento baseado em modelo configuração de preferências de criação para os modelos 419 421 capítulo 15 criação visual de páginas do spry sobre a estrutura do spry 423 funcionamento dos widgets do spry instruções gerais funcionamento do widget acordeão funcionamento do widget barra de menus funcionamento do widget painel flexível funcionamento do widget painéis com aba 423 425 428 433 436 439 441 444 funcionamento do widget dica de ferramenta funcionamento do widget grupo de botões de opção de validação funcionamento do widget campo de texto de validação funcionamento do widget Área de texto de validação funcionamento do widget seleção de validação funcionamento do widget senha de validação exibição de dados com o spry inclusão de efeitos do spry 449 456 453 458 462 funcionamento do widget caixa de seleção de validação funcionamento do widget confirmação de validação 465 479 capítulo 16 uso dos serviços on-line da adobe serviços on-line da adobe 484 browserlab 484 486 business catalyst incontext editing capítulo 17 exibição de dados xml com xslt sobre xml e xslt 493 execução de transformações xsl no servidor execução de transformações xsl no cliente entidades de caracteres ausentes 500 517 519

[close]

p. 6

Última atualização em 28/4/2010 uso do dreamweaver cs5 vi conteúdo capítulo 18 preparação para criação de sites dinâmicos introdução aos aplicativos da web 521 configuração do computador para o desenvolvimento de aplicativo conexões de banco de dados para desenvolvedores do coldfusion conexões de banco de dados para desenvolvedores do asp conexões de banco de dados para desenvolvedores do php solução de problemas das conexões de banco de dados remoção de scripts de conexão 529 534 536 543 545 550 capítulo 19 como tornar páginas dinâmicas otimização da área de trabalho para desenvolvimento visual criação de páginas dinâmicas painéis de conteúdo dinâmico visão geral das fontes de conteúdo dinâmico definição de origens de conteúdo dinâmico adição de conteúdo dinâmico a páginas alteração do conteúdo dinâmico visualização de live data exibição de registros de banco de dados 551 554 556 563 561 577 583 594 581 592 adição de comportamentos de servidor personalizados capítulo 20 criação visual de aplicativos criação de páginas mestre e detalhadas 606 criação de páginas de pesquisa e de resultados criação de páginas para inserção de registro criação de páginas para atualizar um registro criação de páginas para excluir um registro criação de uma página de registro criação de uma página de logon 613 620 623 629 636 criação de páginas com objetos de manipulação de dados avançados coldfusion asp 641 643 645 648 criação de uma página que apenas usuários autorizados podem acessar proteção de uma pasta no aplicativo coldfusion uso de componentes do coldfusion 649 capítulo 21 criação de formulários coleta de informações dos usuários 656 criação de formulários da web 659 674 criação dos formulários do coldfusion capítulo 22 acessibilidade dreamweaver e acessibilidade 688

[close]

p. 7

Última atualização em 28/4/2010 1 capítulo 1 o que há de novo a seguir apresentamos uma lista dos novos recursos principais do adobe® dreamweaver® cs5 adobe browserlab o dreamweaver cs5 integra com o adobe browserlab um dos novos serviços on-line o cs live que oferece uma solução rápida e precisa para teste de compatibilidade de vários navegadores com o browserlab é possível visualizar páginas da web e conteúdo local usando múltiplas visualizações e ferramentas para comparação consulte browserlab na página 484 integração do business catalyst o adobe business catalyst é um aplicativo de hospedagem que substitui ferramentas tradicionais da área de trabalho por uma plataforma central para designers da web o aplicativo funciona em conjunto com o dreamweaver e permite que você construa tudo desde sites básicos controlados por dados até poderosas lojas on-line consulte http www.adobe.com/go/business_catalyst_get_extension_br desativar/ativar css o recurso ativar/desativar css permite que você desative ou reative as propriedades do css diretamente no painel estilos css a desativação de uma propriedade css faz com que simplesmente não haja comentários sobre a propriedade específica sem ter que excluí-la consulte desativar/ativar css na página 145 inspeção do css o modo inspeção permite que você exiba visualmente as propriedades de modelo de caixa do css incluindo preenchimento borda e margem com detalhes sem leitura de código ou necessidade um utilitário separado de outros fabricantes como o firebug consulte inspecionar css na visualização ativa na página 145 layouts iniciais de css o dreamweaver cs5 inclui layouts iniciais de css simplificados e atuais os complexos seletores descendentes dos layouts do cs4 foram retirados e substituídos por outros mais simples e fáceis de entender consulte criar uma página com um layout css na página 154 arquivos rel dinamicamente o recurso arquivos rel dinamicamente permite que você identifique tudo nos arquivos e scripts externos necessários para montar páginas de sistema de gerenciamento de conteúdo cms com base em php além de exibir os nomes dos arquivos na barra de ferramentas arquivos relacionados por padrão o dreamweaver oferece suporte para identificação de arquivos em estruturas cms do wordpress drupal e joomla estruturas cms consulte abrir arquivos rel dinamicamente na página 70 navegação de vis dinâmica a navegação de vis dinâmica ativa links em visualização dinâmica permitindo que você interaja com aplicativos do servidor e dados dinâmicos o recurso permite que você digite um url para inspecionar páginas servidas por um servidor dinâmico da web e editar páginas navegadas para verificar se elas existem em um dos sites locais definidos consulte visualização de páginas no dreamweaver na página 287.

[close]

p. 8

Última atualização em 28/4/2010 uso do dreamweaver cs5 2 o que há de novo dicas de código de classe personalizada php as dicas de código de classe personalizada php exibe a sintaxe apropriada para funções objetos e constantes de php ajudando-o a digitar um código mais preciso as dicas de código também funcionam com suas próprias funções e classes padrão bem como estruturas de terceiros como a da zend configuração de sites simplificada a nova caixa de diálogo redesenhada definição de sites que agora é a caixa de diálogo configuração de sites torna mais fácil configurar um site local do dreamweaver para que você possa iniciar a construção de páginas da web imediatamente a categoria de servidor remoto permite que você especifique seus servidores remoto e de teste em uma só visualização consulte configurar um novo site na página 38 dicas de código específicas do site o recurso dicas de código específicas do site permite a personalização do seu ambiente de código quando você estiver trabalhando com bibliotecas php e estruturas cms de terceiros tais como wordpress drupal,joomla ou outras estruturas os arquivos de tema para blogs e outros arquivos padrão php e diretórios podem ser incluídos ou excluídos como fontes para dicas de código consulte dicas de código específicas do site na página 307 aprimoramentos de suporte do subversion o dreamweaver cs5 aumentou o suporte para o subversion permitindo que você mova copie e exclua arquivos localmente e em seguida sincronize alterações com seu repositório remoto svn o novo comando reverter permite que você corrija rapidamente conflitos de árvore ou reverta uma versão anterior de um arquivo além disso uma nova extensão permite especificar a versão do subversion com a qual você deseja trabalhar em um determinado projeto consulte usar o svn subversion para obter e devolver arquivos na página 89 recursos obsoletos os seguintes recursos se tornaram obsoletos no dreamweaver cs5 · relatório de validação de acessibilidade · comportamentos de servidor asp/javascript · verificar navegador comportamento javascript · conectar-se a um servidor ftp/rds sem definir um site · controlar shockwave ou swf comportamento javascript · criar álbum de fotografias na web · ocultar menu pop-up comportamento javascript · o incontext editing gerencia classes de css disponíveis · inserir flashpaper · inserir/remover marca da web · integração do microsoft visual sourcesafe · barras de navegação · tocar som comportamento javascript · menu mostrar eventos painel comportamentos

[close]

p. 9

Última atualização em 28/4/2010 uso do dreamweaver cs5 3 o que há de novo · mostrar menu pop-up comportamento javascript · linha do tempo comportamentos javascript · validar tags · visualização live data

[close]

p. 10

Última atualização em 28/4/2010 4 capítulo 2 Área de trabalho fluxo e área de trabalho do dreamweaver visão geral do fluxo de trabalho do dreamweaver você pode usar várias abordagens para criar um site esta é uma delas planejar e configurar seu site determine para onde os arquivos são direcionados e examine os requisitos do site os perfis do público-alvo e as metas do site além disso avalie os requisitos técnicos como acesso do usuário bem como as restrições de navegador plugin e download depois de organizar suas informações e determinar uma estrutura você pode começar a criar seu site consulte trabalho com sites do dreamweaver na página 37 organizar e gerenciar arquivos do seu site no painel arquivos você pode adicionar excluir e renomear arquivos e pastas com facilidade para alterar a organização conforme necessário o painel arquivos também tem muitas ferramentas de gerenciamento do site transferência de arquivos de e para um servidor remoto configuração de um processo devolver/retirar para impedir a substituição dos arquivos e sincronização dos arquivos em sites locais e remotos no painel ativos você pode organizar com facilidade os ativos de um site também é possível arrastar a maioria dos ativos diretamente do painel ativos em um documento do dreamweaver você também pode usar o dreamweaver para gerenciar aspectos dos seus sites do adobe®contribute® consulte gerenciamento de arquivos e pastas na página 73 e gerenciamento de ativos e bibliotecas na página 110 layout das páginas da web escolha a técnica de layout mais adequada para você ou use as opções de layout do dreamweaver junto com outras para criar a aparência do seu site você pode usar os elementos pa os estilos de posicionamento css ou layouts css pré-projetados do dreamweaver para criar seu layout as ferramentas de tabela permitem projetar páginas rapidamente desenhando e reorganizando a estrutura da página se desejar exibir vários elementos ao mesmo tempo em um navegador você pode usar quadros para criar o layout de documentos finalmente você pode criar novas páginas com base em um modelo do dreamweaver e atualizar o layout dessas páginas automaticamente quando o modelo for alterado consulte criação de páginas com css na página 123 e layout de páginas com html na página 172 adicionar conteúdo a páginas adicione ativos e elementos de design como texto imagens imagens de sobreposição mapas de imagem cores filmes som links html menus de salto e muito mais você pode usar recursos internos de criação de página para esses elementos como títulos e planos de fundo digitar diretamente na página ou importar conteúdo de outros documentos o dreamweaver também fornece comportamentos para executar tarefas em resposta a eventos específicos como a validação de um formulário quando um visitante clica no botão enviar ou a abertura de uma segunda janela de navegador quando a página principal termina de ser carregada finalmente o dreamweaver fornece ferramentas para maximizar o desempenho do site e testar páginas para assegurar a compatibilidade com navegadores da web diferentes consulte adição de conteúdo a páginas na página 205.

[close]

p. 11

Última atualização em 28/4/2010 uso do dreamweaver cs5 5 Área de trabalho criar páginas com codificação manual a codificação manual de páginas da web é outra abordagem de criação de páginas o dreamweaver fornece ferramentas de edição visual fáceis de usar mas também fornece um ambiente de codificação sofisticado você pode usar qualquer abordagem ou ambas para criar e editar as páginas consulte trabalho com código de página na página 292 configurar um aplicativo da web para conteúdo dinâmico muitos sites contêm páginas dinâmicas que permitem aos visitantes visualizar as informações armazenadas nos bancos de dados e normalmente permitem que alguns visitantes adicionem novas informações e editem as informações nos bancos de dados para criar essas páginas configure um servidor da web e um servidor de aplicativo crie ou modifique um site do dreamweaver e conecte-se a um banco de dados consulte preparação para criação de sites dinâmicos na página 521 criar páginas dinâmicas no dreamweaver você pode definir várias fontes de conteúdo dinâmico incluindo conjuntos de registros extraídos dos bancos de dados parâmetros de formulário e componentes javabeans para adicionar o conteúdo dinâmico a uma página basta arrastá-lo até a página você pode definir a página para exibir um ou vários registros de uma vez exibir mais de uma página de registros adicionar links especiais para passar de uma página de registros para a próxima e vice-versa e criar contadores de registro para ajudar os usuários a rastrearem os registros você pode incluir a lógica de aplicativos ou de negócios usando tecnologias como o adobe® coldfusion® e os serviços da web se precisar de mais flexibilidade você pode criar comportamentos de servidor personalizados e formulários interativos consulte como tornar páginas dinâmicas na página 551 testar e publicar o teste das páginas é um processo contínuo que acontece durante todo o ciclo de desenvolvimento no final do ciclo o site é publicado em um servidor muitos desenvolvedores também incluem uma manutenção periódica para assegurar que os sites permaneçam atualizados e funcionais consulte obtenção e colocação de arquivos no servidor na página 81 para assistir a um tutorial em vídeo sobre o que você pode fazer no dreamweaver consulte www.adobe.com/go/lrvid4040_dw_br visão geral do layout da área de trabalho a área de trabalho do dreamweaver permite visualizar documentos e propriedades de objeto a área de trabalho também coloca muitas operações comuns em barras de ferramentas para que você possa fazer alterações rapidamente em seus documentos no windows® o dreamweaver fornece um layout integrado em uma janela na área de trabalho integrada todos os painéis e janelas são integrados em uma única janela maior do aplicativo.

[close]

p. 12

Última atualização em 28/4/2010 uso do dreamweaver cs5 6 Área de trabalho abcdefghia barra de aplicativos b barra de ferramentas de documento c janela do documento d alternador da área de trabalho e grupos de painéis f cs live g seletor de tags h inspetor de propriedades i painel arquivos no mac os® o dreamweaver pode exibir vários documentos em uma única janela com abas que identificam cada documento o dreamweaver também pode exibir uma área de trabalho flutuante na qual cada documento aparece em sua própria janela individual os grupos de painéis estão inicialmente encaixados mas podem ser desencaixados em suas próprias janelas quando os grupos de painéis estiverem encaixados e a área do documento estiver maximizada redimensionar ou mostrar e ocultar painéis redimensiona automaticamente o documento principal da mesma maneira que no windows.

[close]

p. 13

Última atualização em 28/4/2010 uso do dreamweaver cs5 7 Área de trabalho abcdefghia barra de aplicativos b barra de ferramentas de documento c alternador da área de trabalho d janela do documento e cs live f grupos de painéis g seletor de tags h inspetor de propriedades i painel arquivos para assistir a um tutorial sobre como trabalhar com diferentes áreas de trabalho do dreamweaver consulte www.adobe.com/go/lrvid4042_dw_br mais tópicos da ajuda uso de barras de ferramentas inspetores e menus de contexto na página 21 personalização da área de trabalho do cs4 na página 23 exibir documentos com abas dreamweaver macintosh na página 29 tutorial da área de trabalho do dreamweaver visão geral dos elementos da área de trabalho a área de trabalho inclui os seguintes elementos nota o dreamweaver fornece muitos outros painéis inspetores e janelas para abrir os painéis os inspetores e as janelas use o menu janela a tela de boas-vindas permite abrir um documento recente ou criar um novo documento na tela de boas-vindas você também pode saber mais sobre o dreamweaver fazendo um tour pelo produto ou assistindo a um tutorial a barra de aplicativos a parte superior da janela do aplicativo contém o alternador da área de trabalho os menus apenas no windows e outros controles do aplicativo a barra de ferramentas de documento contém botões que fornecem opções para diferentes visualizações da janela documento como as visualizações de design e de código várias opções de visualização e algumas operações comuns como a visualização em um navegador.

[close]

p. 14

Última atualização em 28/4/2010 uso do dreamweaver cs5 8 Área de trabalho a barra de ferramentas padrão não exibida no layout padrão da área de trabalho contém botões para operações comuns nos menus arquivo e editar novo abrir navegar no bridge salvar salvar tudo imprimir código recortar copiar colar desfazer e refazer para exibir a barra de ferramentas padrão selecione exibir barras de ferramentas padrão a barra de ferramentas de codificação exibida somente na visualização de código contém botões que permitem executar muitas operações padrão de codificação a barra de ferramentas processamento do estilo oculta por padrão contém botões que permitem ver qual seria a aparência do seu projeto em tipos de mídia diferentes se você usasse folhas de estilos dependentes de mídia ela também contém um botão que permite ativar ou desativar a folha de estilos em cascata css a janela do documento exibe o documento atual à medida que é criado e editado o inspetor de propriedades permite visualizar e alterar diversas propriedades do objeto ou texto selecionado cada objeto tem propriedades diferentes o inspetor de propriedades não é expandido por padrão no layout codificador da área de trabalho o seletor de tags localizado na barra de status na parte inferior da janela documento mostra a hierarquia de tags em torno da seleção atual clique em qualquer tag da hierarquia para selecionar a tag e todo seu conteúdo painéis ajudar a monitorar e modificar seu trabalho os exemplos incluem o painel inserir o painel estilos de css e o painel arquivos para expandir um painel clique duas vezes na aba correspondente o painel inserir contém botões para inserir vários tipos de objetos em um documento como imagens tabelas e elementos de mídia cada objeto é uma parte do código html que permite definir vários atributos à medida que são inseridos por exemplo você pode inserir uma tabela clicando no botão tabela do painel inserir se preferir você pode inserir objetos usando o menu inserir em vez do painel inserir o painel arquivos permite gerenciar arquivos e pastas que podem fazer parte de um site do dreamweaver ou estar em um servidor remoto o painel arquivos também permite acessar todos os arquivos do disco local assim como o windows explorer windows ou o finder macintosh mais tópicos da ajuda trabalho na janela documento na página 17 uso de barras de ferramentas inspetores e menus de contexto na página 21 gerenciamento de janelas e painéis na página 23 visão geral da janela documento a janela documento mostra o documento atual É possível selecionar qualquer uma das seguintes visualizações visualização de design um ambiente de design para o layout visual da página a edição visual e o desenvolvimento rápido do aplicativo nessa visualização o dreamweaver exibe uma representação visual completamente editável do documento semelhante à visualização da página em um navegador visualização de código um ambiente de codificação manual para gravação e edição de código html javascript de linguagem de servidor como linguagem php ou linguagem de markup do coldfusion cfml e qualquer outro tipo de código visualização dividir código uma versão dividida da visualização de código que possibilita rolar pelo trabalho em diferentes seções do documento ao mesmo tempo visualização de código e de design permite ver as visualizações de código e de design para o mesmo documento em uma única janela.

[close]

p. 15

Última atualização em 28/4/2010 uso do dreamweaver cs5 9 Área de trabalho visualização dinâmica de modo semelhante à visualização de design a visualização dinâmica exibe uma representação realista de como seu documento será exibido em um navegador e permite que você interaja com o documento exatamente da maneira como faria em um navegador a visualização dinâmica não é editável no entanto você pode editar na visualização de código e atualizar a visualização dinâmica para exibir suas alterações visualização dinâmica de código disponível apenas durante a exibição de documento na visualização dinâmica a visualização dinâmica de código exibe o código real que o navegador usa para executar a página e pode alterar dinamicamente a maneira como você interage com a página na visualização dinâmica a visualização dinâmica de código não é editável quando uma janela documento está maximizada a padrão as abas aparecem na parte superior da janela mostrando os nomes de arquivo de todos os documentos abertos o dreamweaver exibirá um asterisco após o nome do arquivo se você tiver feito alterações que ainda não foram salvas para acessar um documento clique na aba correspondente o dreamweaver também exibe a barra de ferramentas arquivos relacionados abaixo da aba do documento ou abaixo da barra de título do documento se você estiver exibindo documentos em janelas distintas documentos relacionados são associados ao arquivo atual como arquivos css ou javascript para abrir um desses arquivos relacionados na janela documento clique no respectivo nome de arquivo na barra de ferramentas arquivos relacionados mais tópicos da ajuda trabalho na janela documento na página 17 sobre a visualização dinâmica na página 287 abrir arquivos relacionados na página 68 informações gerais sobre a codificação no dreamweaver na página 292 visão geral da barra de ferramentas de documento a barra de ferramentas documento contém botões que permitem alternar rapidamente entre visualizações diferentes do documento a barra de ferramentas também contém alguns comandos comuns e opções relacionadas à visualização do documento e à sua transferência entre sites locais e remotos a ilustração abaixo mostra a barra de ferramentas documento expandida abcdefghijkla mostrar visualização de código b mostrar visualização de código e de design c mostrar visualização de design d visualização dinâmica de código e verificação de compatibilidade do navegador f visualização dinâmica g modo de inspeção do css h visualizar/depurar no navegador i auxílios visuais j atualizar visualização de design k título do documento l gerenciamento de arquivos as seguintes opções aparecem na barra de ferramentas documento mostrar visualização de código exibe somente a visualização de código na janela documento mostrar visualizações de código e de design divide a janela documento entre as visualizações de código e de design quando você seleciona essa visualização combinada a opção visualização de design visível é ativada no menu opções de visualização mostrar visualização de design exibe somente a visualização de design na janela documento nota se você estiver trabalhando com xml javascript css ou outros tipos de arquivo baseados em código não poderá visualizar os arquivos na visualização de design e os botões design e dividir serão desativados.

[close]