para selecionar o corpo inteiro do documento. Para definir osatributos class ou ID de uma tag no seletor de tags, clique com o boto direito do mouse (Windows) ou com a teclaControl pressionada (Macintosh) na tag e selecione uma classe ou ID no menu de contexto.Ferramenta Selecionar Ativa e desativa a ferramenta Mo.Ferramenta Mo Permite clicar no documento e arrast-lo na janela Documento.Ferramenta Zoom e menu pop-up Definir ampliao Permite definir um nvel de ampliao para o documento.Menu pop-up Tamanho da janela (No disponvel na Visualizao de cdigo.) Permite redimensionar a janelaDocumento para dimenses predefinidas ou personalizadas.Tamanho do documento e tempo de download Mostra o tamanho aproximado do documento e o tempo de downloadestimado da pgina, incluindo todos os arquivos dependentes, como imagens e outros arquivos de mdia.Indicador de codificao Mostra a codificao de texto do documento atual.Consulte tambmDefinir o tamanho da janela e a velocidade da conexo na pgina 22Mais zoom e Menos zoom na pgina 228Redimensionar a janela Documento na pgina 21Definir o tempo de download e as preferncias de tamanho na pgina 229 20. UTILIZAO DO DREAMWEAVER CS4 14 rea de trabalhoViso geral da barra de ferramentas de codificaoA Barra de ferramentas de codificao contm botes que permitem realizar muitas operaes padro de codificao,como a reduo e a expanso de selees de cdigo, o realce do cdigo invlido, a aplicao e a remoo decomentrios, o recuo do cdigo e a insero de snippets de cdigo usados recentemente. A barra de ferramentasCodificao aparece verticalmente no lado esquerdo da janela Documento e visvel somente quando a Visualizaode cdigo exibida.Voc no pode desencaixar ou mover a barra de ferramentas Codificao, mas possvel ocult-la (Exibir > Barras deferramentas > Codificao).Voc tambm pode editar a Barra de ferramentas de codificao para exibir mais botes (como Quebra automtica depalavra, Mostrar caracteres ocultos e Recuar automaticamente) ou ocultar botes que no deseja usar. No entanto,para fazer isso, voc deve evitar o arquivo XML que gera a barra de ferramentas. Para obter mais informaes, consulteExtenso do Dreamweaver.Consulte tambmExibir barras de ferramentas na pgina 23Inserir cdigo com a Barra de ferramentas de codificao na pgina 321Viso geral da barra de ferramentas Processamento do estiloA barra de ferramentas Processamento do estilo (oculta por padro) contm botes que permitem ver qual seria aaparncia do seu projeto em tipos de mdia diferentes se voc usasse folhas de estilo dependentes de mdia. Ela tambmcontm um boto que permite ativar ou desativar estilos CSS. Para exibir a barra de ferramentas, selecione Exibir >Barras de ferramentas > Processamento do estilo. 21. UTILIZAO DO DREAMWEAVER CS4 15 rea de trabalhoEssa barra de ferramentas funciona somente se os documentos usam folhas de estilo dependentes de mdia. Porexemplo, a folha de estilo pode especificar uma regra body para uma mdia de impresso e uma regra body diferentepara dispositivos handheld. Para obter mais informaes sobre como criar folhas de estilo dependentes de mdia,acesse o site do World Wide Web Consortium em www.w3.org/TR/CSS21/media.html.Por padro, o Dreamweaver exibe o projeto para o tipo de mdia de tela (que mostra como uma pgina processadaem uma tela de computador). Voc pode visualizar os seguintes processamentos de mdia clicando nos botescorrespondentes da barra de ferramentas Processamento do estilo.Processar tipo de mdia de tela Mostra como a pgina aparece em uma tela de computador.Processar tipo de mdia print Mostra como a pgina aparece em um pedao de papel impresso.Processar tipo de mdia handheld Mostra como a pgina aparece em um dispositivo handheld, como um celular ouum dispositivo BlackBerry.Processar tipo de mdia projection Mostra como a pgina aparece em um dispositivo de projeo.Processar tipo de mdia TTY Mostra como a pgina aparece em um dispositivo de teletipo.Processar tipo de mdia TV Mostra como a pgina aparece em uma tela de televiso.Alternar exibio de estilos CSS Permite ativar ou desativar estilos CSS. Esse boto funciona independentemente deoutros botes de mdia.Folhas de estilos em tempo de design Permite que voc especifique uma folha de estilos em tempo de designPara assistir a um tutorial sobre como projetar folhas de estilo para dispositivos handheld e de impresso, consultewww.adobe.com/go/vid0156_br.Consulte tambmExibir barras de ferramentas na pgina 23Viso geral do Inspetor de propriedadesO Inspetor de propriedades permite examinar e editar as propriedades mais comuns do elemento de pginaselecionado atualmente, como texto ou um objeto inserido. O contedo do Inspetor de propriedades varia de acordocom o elemento selecionado. Por exemplo, se voc selecionar uma imagem da pgina, o Inspetor de propriedadesmudar para mostrar as propriedades da imagem (como o caminho do arquivo at a imagem, a largura e a altura daimagem, a borda em torno da imagem, se houver, e assim por diante).Por padro, o Inspetor de propriedades fica na borda inferior do espao de trabalho, mas voc pode desencaixar etorn-lo um painel flutuante no espao de trabalho.Consulte tambmEncaixe e desencaixe de painis na pgina 26Usar o Inspetor de propriedades na pgina 23 22. UTILIZAO DO DREAMWEAVER CS4 16 rea de trabalhoViso geral do painel InserirO painel Inserir contm botes para criar e inserir objetos, como tabelas, imagens e links. Os botes so organizados emvrias categorias, que podem ser alternadas pela seleo da categoria desejada no menu pop-up Categoria. Categoriasadicionais aparecem quando o documento atual contm o cdigo do servidor, como documentos ASP ou CFML.Algumas categorias tm botes com menus pop-up. Ao selecionar uma opo em um menu pop-up, essa opo setransforma na ao padro do boto. Por exemplo, se voc selecionar Alocador de espao de imagem no menu pop-up do boto Imagem, na prxima vez que clicar no boto Imagem, o Dreamweaver vai inserir um alocador de espaode imagem. Sempre que voc seleciona uma nova opo no menu pop-up, a ao padro do boto muda.O painel Inserir est organizado nas seguintes categorias:Categoria Comum Permite criar e inserir os objetos usados com mais freqncia, como imagens e tabelas.Categoria Layout Permite inserir tabelas, elementos de tabelas, tags div, quadros e widgets do Spry. Voc tambmpode escolher duas visualizaes para tabelas: Padro (opo padro) e Tabelas expandidas.Categoria Formulrios Contm botes para criar formulrios e inserir elementos de formulrios, incluindo widgets devalidao do Spry.Categoria Dados Permite inserir objetos de dados do Spry e outros elementos dinmicos como conjuntos de registros,regies repetitivas e formulrios de insero e atualizao de registros.Categoria Spry Contm botes para criar pginas do Spry, incluindo objetos de dados e widgets do Spry.A categoria do InContext Editing Contm botes para criar pginas do InContext Editing, incluindo botes paraRegies editveis, Regies repetitivas e gerenciamento CSS.Categoria Texto Permite inserir uma variedade de tags de formatao de texto e de lista, como b, em, p, h1 e ul.Categoria Favoritos Permite agrupar e organizar os botes do painel Inserir usados com mais freqncia em um lugarcomum. 23. UTILIZAO DO DREAMWEAVER CS4 17rea de trabalhoCategorias do cdigo do servidor Disponvel somente para pginas que usam uma linguagem de servidor especfica,incluindo ASP, CFML bsico, fluxo de CFML, CFML avanado e PHP. Cada uma dessas categorias fornece objetos decdigo do servidor que podem ser inseridos na visualizao Cdigo.Diferente dos outros painis do Dreamweaver, voc pode arrastar o painel Inserir para fora de sua posio de encaixepadro e solt-lo em uma posio horizontal na parte superior da janela Documento. Ao fazer isso, ele se altera de umpainel para uma barra de ferramentas (embora voc no possa ocult-lo e exibi-lo da mesma forma que se faz com asoutras barras de ferramentas).Consulte tambmUso do painel Inserir na pgina 217Criao visual de pginas do Spry na pgina 437Viso geral do painel ArquivosUse o painel Arquivos para visualizar e gerenciar os arquivos no site do Dreamweaver.Ao visualizar sites, arquivos ou pastas no painel Arquivos, voc pode alterar o tamanho da rea de visualizao eexpandir ou reduzir o painel Arquivos. Quando est reduzido, o painel Arquivos exibe o contedo do site local, o siteremoto, o servidor de teste ou o repositrio SVN como uma lista de arquivos. Quando expandido, ele exibe o site locale o site remoto, o servidor de teste ou o repositrio SVN.Para os sites do Dreamweaver, voc tambm pode personalizar o painel Arquivos alterando a visualizao (site localou remoto) que aparece por padro no painel reduzido.Consulte tambmTrabalhar com arquivos no painel Arquivos na pgina 82 24. UTILIZAO DO DREAMWEAVER CS4 18 rea de trabalhoViso geral do painel Estilos CSSO painel Estilos CSS permite rastrear as regras e propriedades CSS que afetam o elemento de pgina selecionadoatualmente (modo Atual) ou as regras e propriedades que afetam o documento inteiro (modo Tudo). Um boto dealternncia na parte superior do painel Estilos CSS permite alternar entre os dois modos. O painel Estilos CSS tambmpermite modificar propriedades CSS no modo Tudo e no modo Atual.Para redimensionar qualquer painel, arraste as bordas entre os painis.No modo Atual, o painel Estilos CSS exibe trs painis: o painel Resumo para seleo que exibe as propriedades CSSda seleo atual do documento, o painel Regras que exibe o local das propriedades selecionadas (ou regras em cascatapara a tag selecionada, dependendo da seleo) e o painel Propriedades que permite editar propriedades CSS para aregra que define a seleo.No modo Tudo, o painel Estilos CSS exibe dois painis: o painel Todas as regras (na parte superior) e o painelPropriedades (na parte inferior). O painel Todas as regras exibe uma lista de regras definidas no documento atual, bemcomo as regras definidas nas folhas de estilo anexadas ao documento atual. O painel Propriedades permite editarpropriedades CSS para todas as regras selecionadas no painel Todas as regras.Qualquer alterao efetuada no painel Propriedades aplicada imediatamente, permitindo que voc a visualizeenquanto trabalha.Consulte tambmCriao e gerenciamento de CSS na pgina 140Viso geral das guias visuaisO Dreamweaver fornece vrios tipos de guias visuais para ajudar voc a projetar documentos e a prever sua aparncianos navegadores. Voc pode executar qualquer um dos seguintes procedimentos: Encaixar instantaneamente a janela Documento no tamanho de janela desejado para ver como os elementos seajustam na pgina. 25. UTILIZAO DO DREAMWEAVER CS4 19rea de trabalho Usar uma imagem de rastreamento como fundo da pgina para ajudar a duplicar um projeto criado em umaplicativo de ilustrao ou edio de imagens, como o Adobe Photoshop ou Adobe Fireworks. Usar rguas e guias para fornecer uma pista visual do posicionamento preciso e do redimensionamento doselementos de pgina. Usar a grade para posicionar com preciso e redimensionar os elementos absolutamente posicionados (elementos AP). As marcas de grade na pgina ajudam a alinhar os elementos AP e, quando o encaixe est ativado, os elementos AP se encaixam automaticamente no ponto de grade mais prximo ao serem movidos ou redimensionados. (Outros objetos, como imagens e pargrafos, no se encaixam na grade.) O encaixe funciona independentemente da visibilidade da grade.Consulte tambmUso de auxlios visuais para layout na pgina 183Usurios do GoLiveSe estiver usando o GoLive e desejar voltar a trabalhar com o Dreamweaver, voc pode encontrar uma apresentaoon-line da rea de trabalho e do fluxo de trabalho do Dreamweaver, bem como maneiras para migrar seus sites para oDreamweaver. Para obter mais informaes, consulte www.adobe.com/go/learn_dw_golive_br.Consulte tambmTutorial do Dreamweaver para usurios do GoLiveTrabalho na janela DocumentoAlternar entre visualizaes na janela DocumentoVoc pode visualizar um documento na janela Documento da Visualizao de cdigo, da Visualizao Dividir cdigo,da Visualizao de design, das Visualizaes de cdigo e de design (visualizao dividida) ou na Visualizaodinmica. Voc tambm tem a opo de exibir a visualizao Dividir cdigo ou as visualizaes Cdigo e design nahorizontal ou na vertical. (A exibio horizontal o padro.)Passar para a visualizao Cdigo Siga um destes procedimentos: Selecione Exibir > Cdigo. Na barra de ferramentas Documento, clique no boto Mostrar visualizao de cdigoAlternar para a visualizao Dividir cdigoA visualizao Dividir cdigo divide o documento em dois, assim voc pode trabalhar nas duas sees de cdigo deuma vez s. Selecione Exibir > Dividir cdigo.Nota: Se voc redimensionar a janela Documento, a janela do aplicativo ou alterar o layout da rea de trabalho, oDreamweaver manter a taxa de diviso, assim as duas visualizaes sempre estaro visveis. 26. UTILIZAO DO DREAMWEAVER CS4 20 rea de trabalhoPassar para a Visualizao de design Siga um destes procedimentos: Selecione Visualizar > Design. Na barra de ferramentas Documento, clique no boto Mostrar visualizao do projetoMostrar visualizaes de cdigo e do projeto Siga um destes procedimentos: Selecione Exibir > Cdigo e design. Na barra de ferramentas Documento, clique no boto Mostrar visualizaes de cdigo e designPor padro, a Visualizao de cdigo aparece na parte superior e a Visualizao de design aparece na parte inferior dajanela Documento. Para exibir a Visualizao de design na parte superior, selecione Exibir > Visualizao de design naparte superior.Nota: Se voc redimensionar a janela Documento, a janela do aplicativo ou alterar o layout da rea de trabalho, oDreamweaver manter a taxa de diviso, assim as duas visualizaes sempre estaro visveis.Alternar entre as visualizaes de cdigo e do projeto Pressione Control + crase (`).Se as duas visualizaes forem exibidas na janela Documento, esse atalho de teclado mudar o foco do teclado de umavisualizao para a outra.Dividir verticalmente as visualizaesEsta opo est disponvel somente na visualizao Dividir cdigo e nas visualizaes Cdigo e design (Dividirvisualizao). Est desabilitado para a Visualizao de cdigo e para a Visualizao de design.1 Certifique-se de estar na visualizao Dividir cdigo (Visualizao > Dividir cdigo) ou nas visualizaes Cdigo e design (Visualizao > Cdigo e design).2 Selecione Exibir > Dividir verticalmente.Se voc estiver nas Visualizaes de cdigo e design, tem a opo de exibir a Visualizao de design esquerda(Visualizao > Visualizao de design esquerda).Nota: Se voc redimensionar a janela Documento, a janela do aplicativo ou alterar o layout da rea de trabalho, oDreamweaver manter a taxa de diviso, assim as duas visualizaes sempre estaro visveis.Consulte tambmViso geral da janela Documento na pgina 10Visualizao de pginas na Visualizao dinmica na pgina 301Janelas de documento em cascata ou lado a ladoSe houver muitos documentos abertos ao mesmo tempo, voc pode organiz-los em cascata ou lado a lado.Consulte tambmGerenciamento de janelas e painis na pgina 25Exibir documentos com abas (Dreamweaver Macintosh) na pgina 31 27. UTILIZAO DO DREAMWEAVER CS4 21rea de trabalhoJanelas de documento em cascata Selecione Janela > Em cascata.Janelas de documento lado a lado (Windows) Selecione Janela > Lado a lado horizontalmente ou Janela > Lado a lado verticalmente. (Macintosh) Selecione Janela > Lado a lado.Redimensionar a janela DocumentoA barra de status exibe as dimenses atuais da janela Documento (em pixels). Para projetar uma pgina cuja aparnciafica melhor em um tamanho especfico, voc pode ajustar a janela Documento para qualquer tamanho predefinido,editar esses tamanhos predefinidos ou criar novos tamanhos.Redimensionar a janela Documento para um tamanho predefinido Selecione um dos tamanhos do menu pop-up Tamanho da janela, na parte inferior da janela Documento.Nota: (Apenas Windows) Documentos na janela Documento so, por padro, maximizados, e voc no poderedimensionar um documento quando ele est maximizado. Para restaurar abaixo o documento, clique no botoRestaurar abaixo no canto superior direito do documento.O tamanho da janela mostrado reflete as dimenses internas da janela do navegador, sem as bordas; o tamanho domonitor listado entre parnteses. Por exemplo, voc usaria o tamanho 536 x 196 (640 x 480, Padro) provavelmentese os visitantes estivessem usando o Microsoft Internet Explorer ou o Netscape Navigator nas configuraes padroem um monitor de 640 x 480. Para um redimensionamento menos preciso, use os mtodos padro de redimensionamento de janelas do seu sistema operacional, como arrastar o canto inferior direito de uma janela.Alterar os valores listados no menu pop-up Tamanho da janela1 Selecione Editar tamanhos no menu pop-up Tamanho da janela.2 Clique em qualquer valor de largura ou altura na lista Tamanhos de janela e digite um novo valor.Para ajustar a janela Documento somente a uma largura especfica (sem alterar a altura), selecione um valor de alturae exclua-o.3 Clique na caixa Descrio para inserir um texto descritivo sobre um tamanho especfico.Adicionar um novo tamanho ao menu pop-up Tamanho da janela1 Selecione Editar tamanhos no menu pop-up Tamanho da janela.2 Clique no espao em branco abaixo do ltimo valor da coluna Largura.3 Insira valores para Largura e Altura. 28. UTILIZAO DO DREAMWEAVER CS4 22rea de trabalhoPara definir somente a Largura ou a Altura, deixe um campo em branco.4 Clique no campo Descrio para inserir um texto descritivo sobre o tamanho adicionado.Por exemplo, voc pode digitar SVGA ou PC mdio prximo a uma entrada de um monitor de 800 x 600 pixels e Macde 17 pol. prximo a uma entrada de um monitor de 832 x 624 pixels. A maioria dos monitores pode ser ajustada paradiversas dimenses de pixel.Definir o tamanho da janela e a velocidade da conexo1 Selecione Editar > Preferncias (Windows) ou Dreamweaver > Preferncias (Macintosh).2 Selecione Barra de status na lista Categoria esquerda.3 Defina uma das seguintes opes:Tamanhos de janela Permite personalizar os tamanhos de janela que aparecem no menu pop-up da barra de status.Velocidade de conexo Determina a velocidade de conexo (em quilobits por segundo) usada para calcular o tamanhodo download. O tamanho do download da pgina exibido na barra de status. Quando uma imagem selecionada najanela Documento, o tamanho de download da imagem exibido no Inspetor de propriedades.Consulte tambmViso geral da barra de status na pgina 12Redimensionar a janela Documento na pgina 21Relatrios no DreamweaverVoc pode executar relatrios no Dreamweaver para localizar contedos, solucionar problemas ou testar contedos.Voc pode gerar os seguintes tipos de relatrios:Pesquisa Permite procurar tags, atributos e textos especficos em tags.Referncia Permite que voc procure informaes de referncia teis.Validao Permite verificar erros de cdigo ou de sintaxe.Compatibilidade de navegador Permite testar o HTML dos documentos para verificar se alguma tag ou atributo no suportado pelos navegadores de destino.Verificador de links Permite encontrar e corrigir links rompidos, externos e rfosRelatrios do site Permite melhorar o fluxo de trabalho e testar os atributos HTML no site. Os relatrios de fluxo detrabalho incluem Design Notes verificadas e modificadas recentemente; os relatrios HTML incluem tags de fonteaninhadas que podem ser combinadas, acessibilidade, textos alternativos ausentes, tags aninhadas redundantes, tagsvazias removveis e documentos sem ttulo.Registro de FTP Permite visualizar toda a atividade de transferncia de arquivos via FTP.Depurao de servidor Permite visualizar informaes para depurar um aplicativo Adobe ColdFusion.Consulte tambmProcura tags, atributos ou texto no cdigo na pgina 331Uso do material de referncia a linguagem na pgina 332Teste do site na pgina 118 29. UTILIZAO DO DREAMWEAVER CS4 23 rea de trabalhoValidar tags na pgina 338Verificar compatibilidade de navegador na pgina 337Encontrar links rompidos, externos e rfos na pgina 298Colocar arquivos em um servidor remoto na pgina 90Obter arquivos de um servidor remoto na pgina 89Usar o depurador do ColdFusion (somente Windows) na pgina 339Uso de barras de ferramentas, inspetores e menus decontextoExibir barras de ferramentasUse as barras de ferramentas Documento e Padro para realizar operaes relacionadas a documentos e de ediopadro, a barra de ferramentas de codificao para inserir o cdigo rapidamente e a barra de ferramentasProcessamento do estilo para exibir a pgina exatamente como apareceria em tipos de mdia diferentes. Voc podeexibir ou ocultar as barras de ferramentas conforme necessrio. Selecione Exibir > Barras de ferramentas e, em seguida, selecione a barra de ferramentas. Clique com o boto direito do mouse (Windows) ou com a tecla Control pressionada (Macintosh) em qualqueruma das barras de ferramentas e selecione-a no menu de contexto.Nota: Para exibir ou ocultar a barra de ferramentas de codificao no Inspetor de cdigo (Janela > Inspetor de cdigo),selecione Barra de ferramentas de codificao no menu pop-up Opes de visualizao, na parte superior do inspetor.Consulte tambmViso geral da barra de ferramentas de documento na pgina 11Viso geral da barra de ferramentas Padro na pgina 12Viso geral da barra de ferramentas de codificao na pgina 14Viso geral da barra de ferramentas Processamento do estilo na pgina 14Usar o Inspetor de propriedadesO Inspetor de propriedades permite examinar e editar as propriedades mais comuns do elemento de pginaselecionado atualmente, como texto ou um objeto inserido. O contedo do Inspetor de propriedades varia de acordocom o(s) elemento(s) selecionado(s).Para acessar a Ajuda de um Inspetor de propriedades, clique no boto da Ajuda no canto superior direito do Inspetorde propriedades ou selecione Ajuda no menu Opes de um Inspetor de propriedades.Nota: Use o Inspetor de tags para visualizar e editar todos os atributos associados s propriedades de uma determinada tag.Consulte tambmViso geral do Inspetor de propriedades na pgina 15Definir propriedades de texto no Inspetor de propriedades na pgina 240 30. UTILIZAO DO DREAMWEAVER CS4 24 rea de trabalhoEncaixe e desencaixe de painis na pgina 26Alterar atributos com o Inspetor de tags na pgina 341Mostrar ou ocultar o Inspetor de propriedades Selecione Janela > Propriedades.Expandir ou reduzir o Inspetor de propriedades Clique na seta de expanso no canto inferior direito do Inspetor de propriedades.Visualizar e alterar propriedades para um elemento de pgina1 Selecione o elemento de pgina na janela Documento.Talvez seja necessrio expandir o Inspetor de propriedades para visualizar todas as propriedades do elementoselecionado.2 Altere qualquer propriedade no Inspetor de propriedades.Nota: Para obter informaes sobre propriedades especficas, selecione um elemento na janela Documento e clique nocone de Ajuda no canto superior direito do Inspetor de propriedades.3 Se as alteraes no forem aplicadas imediatamente na janela Documento, siga um destes procedimentos para aplic-las: Clique fora dos campos de texto de edio de propriedade. Pressione Enter (Windows) ou Return (Macintosh). Pressione Tab para passar para outra propriedade.Usar menus de contextoOs menus de contexto fornecem acesso fcil maioria dos comandos teis e das propriedades relacionadas ao objetoou janela com o qual est trabalhando. Os menus de contexto listam somente os comandos que pertencem seleoatual.1 Clique com o boto direito do mouse (Windows) ou com a tecla Control pressionada (Macintosh) no objeto ou janela. 31. UTILIZAO DO DREAMWEAVER CS4 25 rea de trabalho2 Selecione um comando no menu de contexto.Personalizao da rea de trabalho do CS4Gerenciamento de janelas e painis possvel criar um espao de trabalho personalizado movendo e manipulando janelas de Documento e painis.Tambm possvel salvar espaos de trabalho e alternar entre eles.Nota: os exemplos a seguir usam o Photoshop para fins demonstrativos. A rea de trabalho funciona da mesma formaem todos os produtos.ABCA zona para soltar azul estreita indica que o painel Cor ser encaixado acima do grupo de painis Camadas.A. Barra de ttulo B. Tab C. Zona para soltar 32. UTILIZAO DO DREAMWEAVER CS4 26rea de trabalho No Photoshop, possvel alterar o tamanho da fonte do texto do Painel de controle, painis e dicas de ferramentas. Escolha um tamanho no menu Tamanho da fonte da UI nas Preferncias da interface.Gerenciar janelas de documentoQuando voc abre mais que um arquivo, as janelas de Documento so tabuladas. Para reorganizar a ordem das janelas de Documento tabuladas, arraste uma guia de janela para o novo local nogrupo. Para desencaixar uma janela Documento de um grupo de janelas, arraste a guia da janela para fora do grupo. Para encaixar uma janela Documento em um grupo separado de janelas de Documento, arraste a janela para ogrupo. Nota: o Dreamweaver no oferece suporte a encaixe e desencaixe de janelas de Documento. Use o boto Minimizar da janela Documento para criar janelas flutuantes. Para criar grupos de documentos empilhados ou lado a lado, arraste a janela para uma das zonas de destino naspartes superior, inferior ou laterais de qualquer janela. Voc tambm pode selecionar um layout para o grupousando o boto Layout na barra de aplicativos. Nota: alguns produtos no tm suporte para essa funcionalidade. No entanto, seu produto pode conter os comandos Cascata ou Lado a lado no menu Janela para ajud-lo na exibio de documentos. Para alternar para outro documento em um grupo tabulado, arraste a seleo sobre a guia do documento por algunsinstantes. Nota: alguns produtos no tm suporte para essa funcionalidade.Encaixe e desencaixe de painisUm encaixe um conjunto de painis ou grupos de painis exibidos juntos, geralmente em uma orientao vertical.Encaixe e desencaixe painis movendo-os para dentro e para fora de um encaixe.Nota: encaixe no o mesmo que empilhamento. Um empilhamento um conjunto de painis flutuantes ou grupos depainis, ligados de cima para baixo. Para encaixar um painel, arraste-o pela guia para dentro do encaixe, na parte superior, na parte inferior ou entreoutros painis. Para encaixar um grupo de painis, arraste-o pela barra de ttulo (a barra slida vazia acima das guias) para dentrodo encaixe. Para remover um painel ou grupo de painis, arraste-o para fora do encaixe pela guia ou barra de ttulo. possvelarrast-lo para dentro de outro encaixe ou deix-lo flutuando livremente. 33. UTILIZAO DO DREAMWEAVER CS4 27rea de trabalhoPainel de navegao arrastado para um novo encaixe, indicado pelo realce vertical azulPainel de navegao no encaixe possvel evitar que os painis preencham todo o espao no encaixe. Arraste a borda inferior do encaixe para cimade modo que ele no corresponda mais borda do espao de trabalho.Movimentao de painisAo mover painis, voc visualizar zonas para soltar realadas em azul, que so reas nas quais possvel mover opainel. Por exemplo, possvel mover um painel para cima ou para baixo em um encaixe arrastando-o para a zona parasoltar azul estreita, acima ou abaixo de outro painel. Se for arrastado para uma rea que no uma zona para soltar, opainel flutuar livremente na rea de trabalho. Para mover um painel, arraste-o pela guia. Para mover um grupo de painis ou uma pilha de painis flutuantes, arraste a barra de ttulo.Pressione Ctrl (Windows) ou Command (Mac OS) enquanto estiver movendo um painel para no encaix-lo.Pressione Esc enquanto estiver movendo o painel para cancelar a operao.Nota: o encaixe fixo e no pode ser movido. No entanto, possvel criar grupos ou pilhas de painis e mov-los paraqualquer lugar.Adio e remoo de painisSe todos os painis forem removidos de um encaixe, ele desaparecer. possvel criar um encaixe movendo os painispara a borda direita do espao de trabalho at uma zona de destino aparecer. Para remover um painel, clique com o boto direito e selecione Fechar (Windows) ou, com a tecla Controlpressionada, selecione Fechar (Mac), ou desmarque-o do menu de Janela. 34. UTILIZAO DO DREAMWEAVER CS4 28rea de trabalho Para adicionar um painel, selecione-o no menu Janela e encaixe-o no local que desejado.Manipulao de grupos de painis Para mover um painel em um grupo, arraste a guia do painel para a zona para soltar realada no grupo. Adio de um painel a um grupo de painis Para reorganizar painis em um grupo, arraste a guia do painel para um novo local no grupo. Para remover um painel de um grupo para que ele flutue livremente, arraste o painel pela guia para fora do grupo. Para mover um grupo, arraste a barra de ttulo (a rea acima das guias).Empilhamento de painis flutuantesSe for arrastado para um painel fora de seu encaixe mas no em uma zona para soltar, o painel flutuar livremente. Opainel flutuante permite posicion-lo em qualquer lugar no espao de trabalho. possvel empilhar painis flutuantesou grupos de painis para que eles sejam movidos como uma unidade, quando a barra de ttulo superior for arrastada.(Os painis que fazem parte de um encaixe no podem ser empilhados ou movidos como uma unidade desse modo.)Painis empilhados de livre flutuao Para empilhar painis flutuantes, arraste um painel pela guia para a zona para soltar na parte inferior de outropainel. Para alterar a ordem de empilhamento, arraste um painel para cima ou para baixo pela guia. Nota: solte a guia sobre a zona para soltar azul estreita entre os painis, em vez de sobre a zona para soltar abrangente em uma barra de ttulo. Para remover um painel ou grupo de painis da pilha para que ele flutue sozinho, arraste-o para fora pela guia oupela barra de ttulo.Redimensionamento de painis Para minimizar ou maximizar um painel, grupo de painis ou pilha de painis, clique duas vezes na guia. possveltambm clicar uma vez na rea da guia (o espao vazio prximo s guias). Para redimensionar um painel, arraste qualquer lado do painel. Alguns painis, como o painel Cor no Photoshop,no podem ser redimensionados arrastando-os.Manipulao de painis recolhidos em cones possvel contrair painis em cones para reduzir a desordem no espao de trabalho. Em alguns casos, os painis socontrados em cones no espao de trabalho padro. 35. UTILIZAO DO DREAMWEAVER CS4 29 rea de trabalhoPainis recolhidos em conesPainis expandidos de cones Para contrair ou expandir todos os cones de painis em um encaixe, clique na seta dupla na parte superior doencaixe. Para expandir um nico cone do painel, clique nesse cone. Se quiser redimensionar cones de painis para que voc s veja os cones (e no os rtulos), ajuste a largura doencaixe at o texto desaparecer. Para exibir um texto de cone novamente, alargue o encaixe. Para contrair um painel estendido de volta ao cone, clique na guia, no cone ou na seta dupla na barra de ttulo dopainel. Em alguns produtos, se voc selecionar Contrair painis de cone automaticamente nas preferncias de Interface ou Opes de interface do usurio, um cone de painel expandido ser contrado automaticamente quando voc clicar fora dele. Para adicionar um painel flutuante ou grupo de painis em um encaixe de cones, arraste-o por sua guia ou barrade ttulo. (Os painis so contrados automaticamente em cones ao serem adicionados a um encaixe de cones.) Para mover um cone de painel (ou grupo de cones de painis), arraste o cone. possvel arrastar cones do painelpara cima e para baixo no encaixe para outros encaixes (onde aparecem no estilo de painel desse encaixe), ou parafora do encaixe (onde aparecem como painis flutuantes expandidos).Restaurao do espao de trabalho padro Selecione o espao de trabalho padro no alternador de espaos de trabalho na Barra de aplicativos. (Photoshop) Selecione Janela > Espao de trabalho > Espao de trabalho padro. (InDesign, InCopy) Selecione Janela > Espao de trabalho > Redefinir [Nome do espao de trabalho]. 36. UTILIZAO DO DREAMWEAVER CS4 30rea de trabalhoSalvamento e alternncia de espaos de trabalhoSalvando o tamanho e a posio atuais dos painis como uma rea de trabalho nomeado, possvel restaurar essa reade trabalho, caso voc mova ou feche um painel. Os nomes dos espaos de trabalho salvos aparecem no alternador deespaos de trabalho na Barra de aplicativos.No Photoshop, a rea de trabalho salvo pode incluir um conjunto de atalhos de teclado especfico e um conjunto demenus.Salvamento de uma rea de trabalho personalizada1 Com a rea de trabalho na configurao que voc deseja salvar, siga um destes procedimentos: (Photoshop, Illustrator,) Escolha Janela > rea de Trabalho > Salvar rea de Trabalho. (InDesign, InCopy) Escolha Janela > rea de Trabalho > Nova rea de Trabalho. (Dreamweaver) Escolha Janela > Layout da rea de Trabalho > Nova rea de Trabalho. (Flash) Escolha Nova rea de Trabalho no alternador de reas de trabalho na Barra de aplicativos. (Fireworks) Escolha Salvar atual no alternador de reas de trabalho na Barra de aplicativos.2 Digite um nome para a rea de trabalho.3 (Photoshop, InDesign) Em Capturar, selecione uma ou mais opes: Localizaes do painel Salva as localizaes atuais do painel. Atalhos do teclado Salva o conjunto atual de atalhos do teclado (somente para Photoshop). Menus Salva o conjunto atual de menus.4 Clique em OK ou SalvarExibio ou alternncia entre espaos de trabalho Selecione um espao de trabalho no alternador de espaos de trabalho na Barra de aplicativos. No Photoshop, possvel atribuir atalhos de teclado para cada rea de trabalho para navegar entre elas rapidamente.Excluso de uma rea de trabalho personalizada Selecione Gerenciar reas de trabalho no alternador de reas de trabalho na Barra de aplicativos, selecione a reade trabalho e, em seguida, clique em Excluir. (A opo no est disponvel no Fireworks.) (Photoshop, InDesign, InCopy) Selecione Excluir rea de trabalho no alternador de reas de trabalho. (Illustrator) Escolha Janela > rea de Trabalho > Gerenciar reas de Trabalho, selecione a rea de trabalho e, emseguida, clique no cone Excluir. (InDesign) Escolha Janela > rea de Trabalho > Excluir rea de Trabalho, selecione a rea de trabalho e, emseguida, clique em Excluir.(Photoshop) Inicializao com os ltimos locais ou com os locais de painis padroAo iniciar o Photoshop, os painis podem aparecer em seus locais padro originais ou aparecer como voc os utilizoupor ltimo.Nas preferncias de Interface: Para exibir painis em seus ltimos locais na inicializao, selecione Lembrar localizaes do painel. Para exibir painis em seus locais padro na inicializao, desmarque Lembrar localizaes do painel. 37. UTILIZAO DO DREAMWEAVER CS4 31rea de trabalhoExibir documentos com abas (Dreamweaver Macintosh)Voc pode visualizar vrios documentos em uma nica janela usando abas para identificar cada um. Voc tambmpode exibi-los como parte de uma rea de trabalho flutuante, na qual cada documento aparece em sua prpria janela.Abrir um documento com abas em uma janela separada Clique com a tecla Control pressionada na aba e selecione Mover para a nova janela, no menu de contexto.Combinar documentos separados em janelas com abas Selecione Janela > Combinar como abas.Alterar a configurao padro do documento com abas1 Selecione Dreamweaver > Preferncias e, em seguida, selecione a categoria Geral.2 Marque ou desmarque Abrir documentos em abas e clique em OK.O Dreamweaver no muda a exibio dos documentos que esto atualmente abertos quando as preferncias soalteradas. No entanto, os documentos abertos depois da seleo de uma nova preferncia so exibidos de acordo coma preferncia selecionada.Ativao de cones coloridosPor padro, o Dreamweaver CS4 e posterior usa cones em preto e branco que se tornam coloridos quando voc passao mouse sobre eles. Voc pode deixar os cones coloridos ativados de modo permanente, para que no seja necessriopassar o mpuse sobre eles. Siga um destes procedimentos: Selecione Visualizar > cones coloridos. Alterne para o espao de trabalho Clssico ou Codificador.Para desativar novamente os cones coloridos, desmarque cones coloridos no menu Exibir ou alterne para um espaode trabalho diferente.Consulte tambmExibio ou alternncia entre espaos de trabalho na pgina 30Ocultar e exibir a tela de boas-vindas do DreamweaverA tela de boas-vindas aparece quando voc inicia o Dreamweaver e a qualquer momento quando no h nenhumdocumento aberto. Voc pode optar por ocultar a tela de boas-vindas e exibi-la novamente mais tarde. Quando a telade boas-vindas est oculta e nenhum documento est aberto, a janela Documento fica em branco.Ocultar a tela de boas-vindas Selecione a opo No mostrar novamente na tela de boas-vindas.Exibir a tela de boas-vindas1 Selecione Editar > Preferncias (Windows) ou Dreamweaver > Preferncias (Macintosh).2 Na categoria Geral, selecione a opo Mostrar tela de boas-vindas. 38. UTILIZAO DO DREAMWEAVER CS4 32 rea de trabalhoSobre a personalizao do Dreamweaver em sistemas de vrios usuriosVoc pode personalizar o Dreamweaver de acordo com suas necessidades, mesmo em um sistema operacional devrios usurios como o Windows XP ou o Mac OS X.O Dreamweaver impede que a configurao personalizada de um usurio afete a configurao personalizada de outrousurio. Para fazer isso, na primeira vez em que executado em um dos sistemas operacionais de vrios usurioscompatveis, o Dreamweaver cria cpias de diversos arquivos de configurao. Esses arquivos de configurao deusurio so armazenados em uma pasta que pertence a voc.Por exemplo, no Windows XP, eles so armazenados em C:Documents and Settingsnome de usurioDados deaplicativoAdobeDreamweaveren_USConfiguration, que est oculta por padro. Para exibir arquivos e pastasocultos, selecione Ferramentas > Opes de pasta no Windows Explorer, clique na aba Exibir e selecione a opoMostrar arquivos e pastas ocultos.No Windows Vista, eles so armazenados em C:Usersnome de usurioAppDataRoamingAdobeDreamweaveren_USConfiguration, pasta que fica oculta por padro. Para exibir arquivos e pastas ocultos, selecione Ferramentas> Opes de pasta no Windows Explorer, clique na aba Exibir e selecione a opo Mostrar arquivos e pastas ocultos.No Mac OS X, eles so armazenados na pasta Home; especificamente, em Users/nome de usurio/Library/ApplicationSupport/Adobe/Dreamweaver 9/Configuration.Se o Dreamweaver for reinstalado ou atualizado, o Dreamweaver far cpias de backup automaticamente dos arquivosde configurao de usurio existente, de modo que se esses arquivos tiverem sido personalizados manualmente, vocainda ter acesso s alteraes feitas.Definir preferncias gerais do Dreamweaver1 Selecione Editar > Preferncias (Windows) ou Dreamweaver > Preferncias (Macintosh).2 Defina uma das seguintes opes:Abrir documentos em abas Abre todos os documentos em uma nica janela com abas que permitem alternar entre osdocumentos (somente Macintosh).Mostrar tela de boas-vindas Exibe a tela de boas-vindas do Dreamweaver quando voc inicia o Dreamweaver ouquando no h nenhum documento aberto.Reabrir documentos ao inicializar Abre todos os documentos que estavam abertos quando o Dreamweaver foifechado. Se essa opo no for selecionada, o Dreamweaver exibir a tela de boas-vindas ou uma tela em branco aoinicializar (dependendo da configurao de Mostrar tela de boas-vindas).Avisar ao abrir arquivos somente leitura Avisa quando um arquivo somente leitura (bloqueado) aberto. Escolhapara desbloquear/retirar, visualizar ou cancelar o arquivo.Ativar arquivos relacionados Permite ver quais arquivos esto conectados ao documento atual (por exemplo, arquivosCSS ou JavaScript). O Dreamweaver exibe um boto para cada arquivo relacionado na parte superior do documentoe abre o arquivo quando se clica no boto.Atualizar links ao mover arquivos Determina o que acontece ao mover, renomear ou excluir um documento do seusite. Defina essa preferncia para atualizar sempre os links automaticamente, para nunca atualizar os links ou paraperguntar antes de atualizar. Consulte Atualizar links automaticamente na pgina 291.Mostrar caixa de dilogo ao inserir objetos Determina se o Dreamweaver deve perguntar para incluir informaesadicionais ao inserir imagens, tabelas, filmes do Shockwave e alguns outros objetos usando o painel ou o menu Inserir.Se essa opo estiver desativada, a caixa de dilogo no aparecer e voc dever usar o Inspetor de propriedades paraespecificar o arquivo de origem de imagens, o nmero de linhas de uma tabela, etc. Para imagens de sobreposio eHTML do Fireworks, uma caixa de dilogo sempre aparece quando voc insere o objeto, independentemente da 39. UTILIZAO DO DREAMWEAVER CS4 33 rea de trabalhoconfigurao dessa opo. Para substituir temporariamente essa configurao, clique com a tecla Control (Windows)ou a tecla Command (Macintosh) pressionada ao criar e inserir objetos.Ativar entrada inline de bytes duplos Permite inserir textos de bytes duplos diretamente na janela Documento seestiver usando um ambiente de desenvolvimento ou um kit de idioma que facilita os textos de bytes duplos (como oscaracteres japoneses). Quando essa opo no est selecionada, uma janela de entrada de texto aparece para a inseroe a converso de textos de bytes duplos; o texto exibido na janela Documento depois de ser aceito.Alternar para pargrafo simples aps cabealho Especifica que pressionar Enter (Windows) ou Return (Macintosh)no final de um pargrafo de cabealho na Visualizao de design cria um novo pargrafo com uma tag p no incio e nofinal. Um pargrafo de cabealho tem uma tag de cabealho, como h1 ou h2, no incio e no final do pargrafo. Quandoessa opo est desativada, pressionar Enter ou Return no final de um pargrafo de cabealho cria um novo pargrafocom a mesma tag de cabealho (permitindo que voc digite vrios cabealhos em uma linha e, em seguida, volte parapreencher os detalhes).Permitir vrios espaos consecutivos Especifica que digitar dois ou mais espaos na Visualizao de design criaespaos consecutivos que aparecem como vrios espaos no navegador. Por exemplo, voc pode digitar dois espaosentre sentenas, como faria em uma mquina de escrever. Essa opo foi desenvolvida principalmente para pessoasque esto acostumadas a digitar em editores de texto. Quando essa opo est desativada, vrios espaos so tratadoscomo um nico espao (porque os navegadores tratam vrios espaos como espaos nicos).Usar e em vez de e Especifica que o Dreamweaver aplica a tag strong sempre que vocexecuta uma ao que normalmente aplicaria a tag b e aplica a tag em sempre que voc executa uma ao quenormalmente aplicaria a tag i. Essas aes incluem o clique nos botes Negrito ou Itlico no Inspetor de propriedadesde texto, no modo HTML, e a seleo de Formatar > Estilo > Negrito ou Formatar > Estilo > Itlico. Para usar as tagsb e i nos documentos, desmarque essa opo.Nota: O World Wide Web Consortium no recomenda o uso das tags b e i; as tags strong e em fornecem informaesmais semnticas do que as tags b e i.Avisar ao incluir regies editveis entre tags

ou

- Especifica se uma mensagem de aviso deve serexibida sempre que um modelo do Dreamweaver com uma regio editvel em uma tag de pargrafo ou de cabealhofor salvo. A mensagem informa que os usurios no podero criar mais pargrafos na regio. A opo est ativada porpadro.Centralizao Especifica se voc deseja centralizar elementos usando a tag divalign="center" ou center ao clicarno boto Alinhar ao centro, no Inspetor de propriedades.Nota: Esses dois mtodos de centralizao foram oficialmente reprovados na especificao do HTML 4.01; voc deve usarestilos CSS para centralizar textos. Os dois mtodos ainda so tecnicamente vlidos de acordo com a especificao doXHTML 1.0 Transitional, mas no so mais vlidos na especificao do XHTML 1.0 Strict.Nmero mximo de etapas do histrico Determina o nmero de etapas que o painel Histrico preserva e mostra. (Ovalor padro deve ser suficiente para a maioria dos usurios.) Se voc ultrapassar o nmero definido de etapas nopainel Histrico, as etapas mais antigas sero descartadas.Para obter mais informaes, consulte Automao de tarefa na pgina 276.Dicionrio de ortografia Lista os dicionrios de ortografia disponveis. Se um dicionrio tiver vrios dialetos ouconvenes de ortografia (como ingls americano e ingls britnico), os dialetos sero listados separadamente nomenu pop-up Dicionrio.Consulte tambmViso geral do layout da rea de trabalho na pgina 7Atualizar links automaticamente na pgina 291 40. UTILIZAO DO DREAMWEAVER CS4 34 rea de trabalhoDefinir as preferncias de Fontes do DreamweaverA codificao de um documento determina sua aparncia no navegador. As preferncias de fonte do Dreamweaverpermitem visualizar uma determinada codificao na fonte e no tamanho que voc preferir. Entretanto, as fontes quevoc selecionar na caixa de dilogo Preferncias de fontes afetam somente a forma que as fontes aparecem noDreamweaver; elas no afetam a forma que o documento aparece no navegador de um visitante. Para alterar a formaque as fontes aparecem em um navegador, voc precisa alterar o texto usando o Inspetor de propriedades ou aplicandouma regra de CSS.Para obter informaes sobre como definir uma codificao padro para novos documentos, consulte Criao eabertura de documentos na pgina 67.1 Selecione Editar > Preferncias (Windows) ou Dreamweaver > Preferncias (Macintosh).2 Na lista Categoria esquerda, selecione Fontes.3 Selecione um tipo de codificao (como Europeu Ocidental ou Japons) na lista Configuraes de fontes.Nota: Para exibir um idioma asitico, voc deve usar um sistema operacional que suporte fontes de bytes duplos.4 Selecione uma fonte e o tamanho a serem usados para cada categoria da codificao selecionada.Nota: Para aparecer nos menus pop-up, a fonte deve estar instalada no computador. Por exemplo, para ver um texto emjapons, voc deve ter uma fonte japonesa instalada.Fonte proporcional A fonte usada pelo Dreamweaver para exibir textos normais (por exemplo, textos de pargrafos,cabealhos e tabelas). O padro depende das fontes instaladas no seu sistema. Na maioria dos sistemas dos EUA, opadro a fonte Times New Roman tamanho 12. (Mdio) no Windows e Times 12 pt. no Mac OS.Fonte fixa A fonte usada pelo Dreamweaver para exibir textos entre as tags pre, code e tt. O padro depende dasfontes instaladas no seu sistema. Na maioria dos sistemas dos EUA, o padro a fonte Courier New 10 pt. (Pequeno)no Windows e Monaco 12 pt. no Mac OS.Visualizao Cdigo A fonte usada para todos os textos que aparecem na visualizao Cdigo e no Inspetor de cdigo.O padro depende das fontes instaladas no seu sistema.Consulte tambmIntroduo codificao de documento na pgina 224Personalizar cores de realce do DreamweaverUse as preferncias de realce para personalizar as cores que identificam regies de modelo, itens de biblioteca, tags deterceiros, elementos de layout e cdigos no Dreamweaver.Consulte tambmUsar o seletor de cores na pgina 228Alterar a cor de realce das tags div na pgina 180Alterar uma cor de realce1 Selecione Editar > Preferncias e selecione a categoria Realce.2 Ao lado do objeto do qual deseja alterar a cor de realce, clique na caixa Cor e use o seletor de cores para selecionar uma nova cor ou inserir um valor hexadecimal. 41. UTILIZAO DO DREAMWEAVER CS4 35rea de trabalhoAtivar ou desativar o realce de um objeto1 Selecione Editar > Preferncias e selecione a categoria Realce.2 Ao lado do objeto para o qual deseja ativar ou desativar a cor de realce, marque ou desmarque a opo Mostrar.Atalhos do tecladoCriar uma folha de referncia para o conjunto de atalhos atualUma folha de referncia um registro do conjunto de atalhos atual. As informaes so armazenadas em uma tabelaHTML. Voc pode visualizar a folha de referncia em um navegador da Web ou imprimi-la.1 Selecione Editar > Atalhos de teclado (Windows) ou Dreamweaver > Atalhos de teclado (Macintosh).2 Clique no boto Exportar conjunto como HTML, que o terceiro boto na parte superior da caixa de dilogo.3 Na caixa de dilogo Salvar exibida, insira o nome da folha de referncia e selecione o local adequado para salvar o arquivo.Personalizar atalhos de tecladoUse o Editor de atalho de teclado para criar suas prprias teclas de atalho, incluindo atalhos para snippets de cdigo.Voc tambm pode remover atalhos, editar atalhos existentes e selecionar um conjunto predefinido de atalhos noEditor de atalho de teclado.Consulte tambmTrabalho com snippets de cdigo na pgina 330Criar um atalho de tecladoCrie suas prprias teclas de atalho, edite os atalhos existentes ou selecione um conjunto predefinido de atalhos.1 Selecione Editar > Atalhos de teclado (Windows) ou Dreamweaver > Atalhos de teclado (Macintosh).2 Selecione uma das opes a seguir e clique em OK:Conjunto atual Permite escolher um conjunto de atalhos predefinidos includo no Dreamweaver ou qualquerconjunto personalizado que voc tenha definido. Os conjuntos predefinidos esto listados na parte superior do menu.Por exemplo, se voc estiver familiarizado com os atalhos encontrados no HomeSite ou BBEdit, poder usar essesatalhos escolhendo o conjunto predefinido correspondente.Comandos Permite selecionar uma categoria de comandos para edio. Por exemplo, voc pode editar comandos demenu, como o comando Abrir, ou comandos de edio de cdigo, como Ajustar chaves. Para adicionar ou editar um atalho do teclado para um snippet de cdigo, selecione Snippet no menu pop-up Comandos.Lista de comandos Exibe os comandos associados categoria selecionada no menu pop-up Comandos, junto com osatalhos designados. A categoria Comandos de menu exibe essa lista como uma exibio em rvore que mostra aestrutura dos menus. As outras categorias listam os comandos por nome (como Sair do aplicativo), em uma listasimples.Atalhos Exibe todos os atalhos atribudos ao comando selecionado. 42. UTILIZAO DO DREAMWEAVER CS4 36 rea de trabalhoAdicionar item (+) Adiciona um novo atalho ao comando atual. Clique nesse boto para adicionar uma nova linha embranco a Atalhos. Insira uma nova combinao de teclas e clique em Alterar para adicionar um novo atalho do tecladopara esse comando. Voc pode atribuir dois atalhos diferentes para cada comando; se j houver dois atalhos atribudosa um comando, o boto Adicionar item no ter nenhum efeito.Remover item (-) Remove o atalho selecionado da lista de atalhos.Pressionar tecla Exibe a combinao de teclas inserida ao adicionar ou alterar um atalho.Alterar Adiciona a combinao de teclas mostrada em Pressionar tecla lista de atalhos ou altera o atalho selecionadopara a combinao de teclas especificada.Conjunto duplicado Duplica o conjunto atual. D um nome ao novo conjunto; o nome padro o nome do conjuntoatual com a palavra copy anexada.Renomear conjunto Renomeia o conjunto atual.Exportar como arquivo HTML Salva o conjunto atual em uma tabela HTML para facilitar a visualizao e a impresso.Voc pode abrir o arquivo HTML no seu navegador e imprimir os atalhos para facilitar a referncia.Excluir conjunto Exclui um conjunto. Voc no pode excluir o conjunto ativo.Remover um atalho de um comando1 Selecione Editar > Atalhos de teclado (Windows) ou Dreamweaver > Atalhos de teclado (Macintosh).2 No menu pop-up Comandos, selecione uma categoria de comando.3 Na lista Comandos, selecione um comando e, em seguida, selecione um atalho.4 Clique no boto Remover item (-).Adicionar um atalho a um comando1 Selecione Editar > Atalhos de teclado (Windows) ou Dreamweaver > Atalhos de teclado (Macintosh).2 No menu pop-up Comandos, selecione uma categoria de comando.3 Na lista Comandos, selecione um comando. Para adicionar um atalho do teclado para um snippet de cdigo, selecione Snippet no menu pop-up Comandos.Os atalhos atribudos ao comando aparecem em Atalhos.4 Prepare-se para adicionar um atalho seguindo um destes procedimentos: Se houver menos de dois atalhos j atribudos ao comando, clique no boto Adicionar item (+). Uma nova linhaem branco exibida em Atalhos e o ponto de insero movido at Pressionar tecla. Se j houver dois atalhos atribudos ao comando, selecione um deles (que ser substitudo pelo novo atalho). Emseguida, clique em Pressionar tecla.5 Pressione uma combinao de teclas. A combinao de teclas exibida em Pressionar tecla.Nota: Se houver um problema com a combinao de teclas (por exemplo, se a combinao de teclas j tiver sido atribudaa outro comando), uma mensagem explicativa ser exibida abaixo de Atalhos e voc talvez no consiga adicionar oueditar o atalho.6 Clique em Alterar. A nova combinao de teclas atribuda ao comando. 43. UTILIZAO DO DREAMWEAVER CS4 37rea de trabalhoEditar um atalho existente1 Selecione Editar > Atalhos de teclado (Windows) ou Dreamweaver > Atalhos de teclado (Macintosh).2 No menu pop-up Comandos, selecione uma categoria de comando.3 Na lista Comandos, selecione um comando e, em seguida, selecione um atalho a ser alterado.4 Clique em Pressionar tecla e insira uma nova combinao de teclas.5 Clique no boto Alterar para alterar o atalho.Nota: Se houver um problema com a combinao de teclas (por exemplo, se a combinao de teclas j tiver sido atribudaa outro comando), uma mensagem explicativa ser exibida abaixo do campo Atalhos e voc talvez no consiga adicionarou editar o atalho.Sobre atalhos de teclado e teclados que no so do alfabeto ingls (EUA)Os atalhos de teclado padro do Dreamweaver funcionam principalmente em teclados padro do alfabeto ingls(EUA). Os teclados de outros pases (incluindo os produzidos no Reino Unido) talvez no forneam a funcionalidadenecessria para utilizar esses atalhos. Se seu teclado no der suporte a alguns atalhos ativados pelo Dreamweaver, suafuncionalidade ser desativada.Para personalizar atalhos do teclado que funcionam com teclados que no so padro do alfabeto ingls (EUA),consulte Alterao dos mapeamentos de atalho de teclado em Extenso do Dreamweaver.ExtensesAdicionar e gerenciar extenses no DreamweaverAs extenses so novos recursos que podem ser adicionados facilmente ao Dreamweaver. Voc pode usar muitos tiposde extenses; por exemplo, existem extenses que permitem reformatar tabelas, conectar-se com bancos de dadosback-end ou ajudar a gravar scripts para navegadores.Nota: Para instalar extenses s quais todos os usurios tenham acesso em um sistema operacional de vrios usurios,voc deve estar conectado como Administrador (Windows) ou root (Mac OS X).Para encontrar as extenses mais recentes para o Dreamweaver, acesse o site do Adobe Exchange emwww.adobe.com/go/dreamweaver_exchange_br. No site, voc poder acessar e baixar extenses (muitas sogratuitas), participar de grupos de discusso, visualizar classificaes e comentrios de usurios e instalar e usar oGerente de extenso. necessrio instalar o Gerente de extenso antes de instalar as extenses.O Gerente de extenso um aplicativo separado que permite instalar e gerenciar extenses nos aplicativos da Adobe.Inicie o Gerente de extenso a partir do Dreamweaver escolhendo Comandos > Gerenciar extenses.1 No site do Adobe Exchange, clique no link de download de uma extenso.O navegador talvez pergunte se voc deseja abrir e instalar o aplicativo diretamente do site ou salv-lo no disco. Se voc optar por abrir a extenso diretamente do site, o Gerente de extenso far a instalao automaticamente. Se voc optar por salvar a extenso no disco, um bom local para salvar o arquivo do pacote de extenso (.mxp) apasta Downloaded Extensions na pasta do aplicativo Dreamweaver no seu computador. 44. UTILIZAO DO DREAMWEAVER CS4 38 rea de trabalho2 Clique duas vezes no arquivo do pacote de extenso ou abra o Gerente de extenso e selecione Arquivo > Instalar extenso. Algumas extenses s podero ser acessadas quando o aplicativo for reiniciado.Nota: Use o Gerente de extenso para remover extenses ou obter mais informaes sobre uma extenso.Consulte tambmSobre a personalizao do Dreamweaver em sistemas de vrios usurios na pgina 32 45. 39Captulo 3: Trabalho com sites doDreamweaverUm site do Adobe Dreamweaver CS4 um conjunto de todos os arquivos e ativos existentes no site. Voc pode criarpginas da Web no computador, carreg-las em um servidor Web e manter o site transferindo arquivos atualizadossempre que os salvar. Voc tambm pode editar e manter sites criados sem o Dreamweaver.Configurao de um site do DreamweaverSobre sites do DreamweaverNo Dreamweaver, o termo site refere-se a um armazenamento local ou remoto para os documentos que pertencema um site. Um site do Dreamweaver facilita a organizao e o gerenciamento de todos os documentos da Web, ocarregamento do seu site em um servidor Web, o rastreamento e a manuteno de links, alm do gerenciamento e ocompartilhamento de arquivos. Voc deve definir um site para aproveitar todos os recursos do Dreamweaver.Nota: Para definir um site do Dreamweaver, voc s precisa configurar uma pasta local. Para transferir arquivos paraum servidor Web ou desenvolver aplicativos da Web, voc tambm precisa adicionar informaes para um site remoto eum servidor de teste.Um site do Dreamweaver consiste em at trs partes, ou pastas, dependendo do seu ambiente de desenvolvimento edo tipo de site em desenvolvimento:Pasta raiz local Armazena os arquivos nos quais voc est trabalhando. O Dreamweaver refere-se a essa pasta como seusite local. Essa pasta geralmente se localiza no seu computador local, mas tambm pode estar em um servidor de rede.Pasta remota Armazena seus arquivos para teste, produo, colaborao e assim por diante. O Dreamweaver refere-se a essa pasta como seu site remoto no painel Arquivos. Normalmente, a sua pasta remota est no computador emque o servidor Web executado. A pasta remota contm os arquivos que os usurios acessam na Internet.Juntas, as pastas local e remota permitem que voc transfira arquivos entre o disco rgido local e o servidor Web,facilitando o gerenciamento de arquivos em sites do Dreamweaver. Voc trabalha nos arquivos na pasta local e depoisos publica na pasta remota, quando deseja que outras pessoas os vejam.Pasta do servidor de teste A pasta em que o Dreamweaver processa as pginas dinmicas.Para obter um tutorial sobre a definio de sites do Dreamweaver, consulte www.adobe.com/go/lrvid4050_dw_br.Noes bsicas sobre a estrutura de pastas locais e remotasAo usar o Dreamweaver para conectar-se a uma pasta remota, voc especifica a pasta remota na categoria Informaesremotas da caixa de dilogo Definio de sites. A pasta remota especificada (tambm conhecida como diretrio dohost) deve corresponder pasta raiz local do site do Dreamweaver. (A pasta raiz local a pasta de nvel superior dosite do Dreamweaver.) Pastas remotas, como as pastas locais, podem ter qualquer ttulo, mas normalmente, osprovedores de servio da Internet nomeiam as pastas remotas de nvel superior das contas de usurios individuaiscomo public_html, pub_html ou algo parecido. Se voc responsvel pelo seu prprio servidor remoto e pode nomeara pasta remota como desejar, aconselhvel que a pasta raiz local e a pasta remota tenham o mesmo nome. 46. UTILIZAO DO DREAMWEAVER CS4 40Trabalho com sites do DreamweaverO exemplo a seguir mostra uma pasta raiz local esquerda e uma pasta remota direita. A pasta raiz local na mquinalocal mapeia diretamente para a pasta remota no servidor Web, e no para as subpastas da pasta remota nem para aspastas localizadas acima da pasta remota na estrutura de diretrios. noDiretrio de logon(No deve ser pastaremota neste caso) Pasta local sim pblico_html (pasta raiz)(Deve ser pasta remota)Ativos noAtivos(No deve serpasta remota)HTMLHTMLNota: O exemplo acima ilustra uma pasta raiz local na mquina local e uma pasta remota de nvel superior no servidorWeb remoto. Se, entretanto, voc mantm diversos sites do Dreamweaver em sua mquina local, ser necessrio umnmero igual de pastas remotas no servidor remoto. Nesse caso, o exemplo acima no aplicvel, e voc deveria criar,ento, diversas pastas remotas dentro da pasta public_html e, em seguida, mape-las para as pastas raiz locaiscorrespondentes em sua mquina local.Quando voc estabelece uma conexo remota pela primeira vez, a pasta remota no servidor Web em geral est vazia.Ento, quando voc usa o Dreamweaver para carregar todos os arquivos na pasta raiz local, a pasta remota a preenchecom todos os arquivos da Web. A estrutura de diretrios da pasta remota e da pasta raiz local devem ser sempre iguais.(Ou seja, sempre deve haver uma correspondncia de um para um entre os arquivos e as pastas da pasta raiz local e osarquivos e as pastas da pasta remota.) Se a estrutura da pasta remota no corresponder estrutura da pasta raiz local,o Dreamweaver carregar os arquivos no local incorreto, onde podem no ficar visveis aos visitantes do site. Almdisso, os caminhos de imagens e links podem ser facilmente rompidos se as estruturas de pastas e arquivos noestiverem sincronizadas.A pasta remota j deve existir para que o Dreamweaver possa conectar-se a ela. Se voc no tem uma pasta designadaque atue como sua pasta remota no servidor Web, crie uma ou pea ao administrador do servidor que crie uma paravoc.Uso da caixa de dilogo Gerenciar sitesUse a caixa de dilogo Gerenciar sites para criar um novo site e editar, duplicar, remover sites e importar ou exportaras configuraes de um site.1 Selecione Site > Gerenciar sites e escolha um site na lista esquerda.2 Clique em um boto para selecionar uma das opes e clique em Concludo.Novo Permite a criao de um novo site.Editar Permite a edio de um site existente.Duplicar Cria uma cpia do site selecionado. A cpia aparece na janela da lista de sites.Remover Exclui o site selecionado. Esta ao no pode ser desfeita.Exportar Permite a exportao das configuraes de um site como um arquivo XML (*.ste).Importar Permite a seleo de um arquivo de configuraes do site (*.ste) para importao. 47. UTILIZAO DO DREAMWEAVER CS4 41Trabalho com sites do DreamweaverConsulte tambmImportar e exportar configuraes de site na pgina 51Configurar e editar uma pasta raiz localDepois de planejar a estrutura do site, configure (defina) um site no Dreamweaver. Voc tambm deve definir um sitepara editar um site da Web que no tenha sido criado no Dreamweaver. Configurar um site do Dreamweaver umamaneira de organizar todos os documentos associados a um site da Web.A pasta raiz local seu diretrio de trabalho para o site do Dreamweaver. Essa pasta pode estar em seu computadorlocal ou em um servidor de rede.Para iniciar a edio de arquivos no computador (sem public-los), configure somente uma pasta local e, em seguida,adicione informaes remotas e de teste.Nota: No preciso especificar uma pasta remota se a pasta raiz local est no sistema que executa o servidor Web. Issosugere que o servidor Web est em execuo no computador local.1 Selecione uma destas opes: Para configurar um novo site, selecione Site > Novo site. Para editar a configurao de um site existente em seu disco local ou em um site remoto (ou ramificao de um siteremoto), tenha ele sido criado no Dreamweaver ou no, selecione Site > Gerenciar sites, selecione o site e clique emEditar.2 Digite as informaes de configurao na caixa de dilogo Definio de sites. Para configurar um site usando o assistente de configurao de sites, clique na aba Bsico e siga os prompts. Paraobter mais informaes, consulte Opes da aba Bsica na pgina 62. Para configurar diretamente pastas locais, remotas e de teste (para o processamento de pginas dinmicas), cliquena aba Avanado, selecione a categoria Informaes locais e defina as opes. (Recomendado).Nota: Somente as duas primeiras opes na categoria Informaes locais da aba Avanado so obrigatrias paraconfigurar um site de trabalho no seu computador.Nome do site O nome que aparece no painel Arquivos e na caixa de dilogo Gerenciar sites; ele no aparece nonavegador.Pasta raiz local O nome da pasta no disco local onde voc armazena arquivos de site, modelos e itens de biblioteca.Crie uma pasta no disco rgido ou clique no cone de pasta para ir at a pasta. Quando o Dreamweaver resolve linksrelativos raiz, ele faz isso com relao a essa pasta.Pasta padro de imagens O caminho at a pasta onde as imagens usadas no site so mantidas. Especifique o caminhoou clique no cone de pasta para ir at a pasta.Links relativos a Altera o caminho relativo dos links que voc cria para outras pginas do site. Por padro, oDreamweaver cria links usando caminhos relativos a documentos. Selecione a opo Raiz do site para alterar aconfigurao de caminho e garantir a especificao do endereo HTTP na opo Endereo HTTP.A alterao dessa configurao no converte o caminho dos links existentes; a configurao se aplicar somente anovos links criados visualmente com o Dreamweaver.O contedo vinculado a um caminho relativo raiz do site no aparece quando voc visualiza documentos em umnavegador local, a menos que voc especifique um servidor de teste ou selecione a opo Visualizar utilizando oarquivo temporrio em Editar > Preferncias > Visualizar no navegador. Isso ocorre porque os navegadores noreconhecem razes de site, diferente dos servidores. 48. UTILIZAO DO DREAMWEAVER CS4 42 Trabalho com sites do DreamweaverEndereo HTTP A URL que o site usar. Isso permite que o Dreamweaver verifique os links do site que usam URLsabsolutos ou caminhos relativos raiz do site. O Dreamweaver tambm usa esse endereo para garantir que os linksrelativos raiz do site funcionem no servidor remoto, que pode ter uma raiz de site diferente. Por exemplo, se vocest vinculando a um arquivo de imagem localizado no disco rgido, na pasta C:Salesimages (onde Sales a pastaraiz local), e a URL do site completa http://www.meusite.com/SalesApp/ (onde SalesApp a pasta raiz local), insiraa URL na caixa de texto Endereo HTTP para garantir que o caminho at o arquivo vinculado no servidor remoto seja/SalesApp/images/.Usar verificao de link com distino de maisc./minsc. Verifica se as letras maisculas e minsculas dos linkscorrespondem s dos nomes de arquivo quando o Dreamweaver verifica os links. Essa opo til em sistemas UNIXem que os nomes de arquivo diferenciam maisculas e minsculas.Ativar o cache Indica se deve ser criado um cache local para agilizar as tarefas de gerenciamento de sites e links. Sevoc no selecionar esta opo, o Dreamweaver perguntar se voc deseja criar um cache novamente antes que ele crieo site. recomendvel selecionar esta opo porque o painel Ativos (no grupo de painis Arquivos) funciona somentese um cache for criado.3 Clique em OK e em Concludo para criar o site (exibidos no painel Arquivos).Consulte tambmAcessar sites, um servidor e unidades locais na pgina 85Importar e exportar configuraes de site na pgina 51Definir o caminho relativo de novos links na pgina 288Gerenciamento de arquivos e pastas na pgina 79Configurar o computador para o desenvolvimento de aplicativo na pgina 534Configurar uma pasta remotaA pasta remota onde voc armazena arquivos para produo, colaborao, implantao ou diversas outras situaes.Normalmente, a pasta remota est no computador em que o servidor Web est em execuo. Voc pode definir opespara esta pasta respondendo s perguntas do assistente na aba Bsica ou clicando na aba Avanado e inserindo asinformaes diretamente.No painel Arquivos do Dreamweaver, a pasta remota conhecida como site remoto. Quando voc configura uma pastaremota, deve selecionar um mtodo de acesso para que o Dreamweaver carregue e baixe arquivos no servidor Web.Para ter acesso a um tutorial sobre a configurao de uma pasta remota, consulte www.adobe.com/go/vid0162_br.Nota: O Dreamweaver aceita conexes com servidores ativados por IPv6. Os tipos de conexo permitidos incluem FTP,SFTP, WebDav e RDS. Para obter mais informaes, consulte www.ipv6.org/Consulte tambmTrabalho em arquivos sem definir um site na pgina 60Obter arquivos de um servidor remoto na pgina 89Usar WebDAV para devolver e retirar arquivos na pgina 95Acessar sites, um servidor e unidades locais na pgina 85Gerenciamento de arquivos e pastas na pgina 79Definio de um tutorial de pastas remotas 49. UTILIZAO DO DREAMWEAVER CS4 43Trabalho com sites do DreamweaverSelecionar um mtodo de acesso1 Selecione Site > Gerenciar sites.2 Clique em Novo e selecione Site para configurar um novo site ou selecione um site do Dreamweaver e clique em Editar.3 Clique na aba Avanado, selecione a categoria Informaes remotas e selecione o mtodo de acesso a ser usado para transferir arquivos entre as pastas locais e remotas:Nenhum Mantenha esta configurao padro se voc no pretende carregar seu site em um servidor.FTP Use esta configurao se voc se conectar ao servidor Web usando FTP.Local/rede Use esta configurao para acessar uma pasta de rede ou se voc estiver armazenando arquivos ouexecutando o servidor de teste no computador local.RDS (Remote Development Services) Use esta configurao se voc se conectar ao servidor Web usando RDS. Nestemtodo de acesso, a pasta remota deve estar em um computador que execute o Adobe ColdFusion.Microsoft Visual SourceSafe Use esta configurao se voc se conectar ao servidor Web usando o Microsoft VisualSourceSafe. Este mtodo s est disponvel para o Windows. Para us-lo, preciso ter a verso 6 do Microsoft VisualSource Client instalada.WebDAV (Web-based Distributed Authoring and Versioning) Use esta configurao se voc se conectar ao servidorWeb usando o protocolo WebDAV.Para este mtodo de acesso, voc deve ter um servidor que aceite este protocolo, como o Microsoft InternetInformation Server (IIS) 5.0 ou uma instalao corretamente configurada do servidor Web Apache.Nota: Se voc selecionar WebDAV como o mtodo de acesso e estiver usando o Dreamweaver em um ambientemultiusurio, certifique-se de que todos os usurios selecionem o mtodo de acesso WebDAV. Se alguns usuriosselecionarem WebDAV e outros selecionarem outros mtodos de acesso (por exemplo, FTP), o recurso dedevoluo/retirada do Dreamweaver no funcionar como o esperado, pois o WebDAV usa seu prprio sistema debloqueio.As demais opes na caixa de dilogo se alteram, dependendo do mtodo de acesso selecionado.Definir opes para acesso por FTP1 Selecione Site > Gerenciar sites.2 Clique em Novo e selecione Site para configurar um novo site ou selecione um site do Dreamweaver e clique em Editar.3 Na caixa de dilogo Definio de sites, selecione a aba Avanado e clique na categoria Informaes remotas.A ilustrao a seguir mostra a categoria Informaes remotas com os campos de texto j preenchidos. 50. UTILIZAO DO DREAMWEAVER CS4 44 Trabalho com sites do DreamweaverA aba Avanado da caixa de dilogo Definio de sites com a categoria Informaes remotas selecionada.4 Selecione FTP no menu pop-up Acesso.5 Na caixa de texto Host do FTP, digite o nome do host do FTP no qual voc carrega os arquivos do seu site.O host FTP o nome completo na Internet de um sistema de computador, como ftp.mindspring.com. Insira o nomede host completo sem qualquer texto adicional. Em particular, no adicione um nome de protocolo frente do nomedo host.Se voc no conhece o host FTP, entre em contato com a empresa responsvel pela hospedagem na Web.Nota: A porta 21 a porta padro para o recebimento de conexes de FTP. No entanto, os administradores de servidoralgumas vezes alteram a configurao de porta para impedir o acesso no-autorizado via FTP. Nessas situaes, vocpode acrescentar dois-pontos e o nmero da porta entrada do host do FTP. Por exemplo, se a porta for 29, voc digitarftp.mindspring.com:29.6 Na caixa de texto Diretrio do host, digite o diretrio do host (pasta) no site remoto onde voc armazena documentos visveis ao pblico.Caso voc no tenha certeza sobre o que inserir como o diretrio do host, entre em contato com o administrador doservidor ou deixe a caixa de texto em branco. Em alguns servidores, o diretrio raiz igual ao diretrio ao qual vocprimeiro se conectou com FTP. Para saber, conecte-se ao servidor. Se uma pasta chamada public_html, ou www, ouseu nome de login, aparecer na visualizao Arquivo remoto do painel Arquivos, provvel que este seja o diretrio aser especificado na caixa de texto Diretrio do host.7 Nas caixas de texto Logon e Senha, digite o nome de logon e a senha que voc usa para conectar-se ao servidor de FTP.8 Clique em Testar para testar o host do FTP, o diretrio do host, o nome de logon e a senha.Nota: Voc deve obter as informaes de Host do FTP, Diretrio do host, Logon e Senha com o administrador do sistemada empresa que hospeda seu site. Ningum mais tem acesso a essas informaes. Digite as informaes exatamente comoforem fornecidas pelo administrador do sistema.9 O Dreamweaver salva sua senha por padro. Desmarque a opo Salvar se voc preferir que o Dreamweaver solicite uma senha toda vez que voc se conectar ao servidor remoto.10 Selecione Usar FTP passivo se a configurao de firewall exibir o uso de FTP passivo. 51. UTILIZAO DO DREAMWEAVER CS4 45 Trabalho com sites do DreamweaverO FTP passivo permite que o software local configure a conexo por FTP, em vez de solicitar que o servidor remotoconfigure. Se no tiver certeza quanto ao uso de FTP passivo, verifique com o administrador do sistema ou tentemarcar e desmarcar a opo Usar FTP passivo.Para obter mais informaes, consulte o TechNote 15220 no site da Adobe em www.adobe.com/go/tn_15220_br.11 Selecione Usar modo de transferncia IPv6 caso voc esteja usando um servidor de FTP ativado para IPv6.Com a implementao da verso 6 do protocolo IP (IPv6), EPRT e EPSV substituram os comandos de FTP PORT ePASV, respectivamente. Portanto, se voc est tentando conectar-se a um servidor FTP ativado por IPv6, use oscomandos passivo estendido (EPSV) e ativo estendido (EPRT) para a conexo dos dados.Para obter mais informaes, consulte www.ipv6.org/.12 Selecione Usar firewall se voc se conectar ao servidor remoto por detrs de um firewall.13 Clique em Configuraes de firewall para abrir as preferncias de site do Dreamweaver e editar o host ou a porta do firewall.Para obter mais informaes, consulte Definir preferncias de site para transferncia de arquivos na pgina 52.14 Selecione Usar FTP seguro (SFTP) se a configurao de firewall exigir o uso de um FTP seguro. O SFTP usa criptografia e chaves pblicas para proteger uma conexo com o servidor de teste.Nota: preciso que seu servidor esteja executando um servio SFTP para que voc selecione essa opo. Se voc nosouber se o servidor est executando SFTP, consulte o administrador do sistema.Em alguns casos, pode ser necessrio alterar o nmero de porta padro ao trabalhar com SFTP. Para alterar o nmerode porta padro, acrescente dois-pontos e o nmero da porta ao host do FTP. Por exemplo: mydomainname.com:22Os domnios IPv6 devem ser colocados entre colchetes: [2001:0db8:85a3:08d3:1319:8a2e:0370:7344]:44315 Clique no boto Compatibilidade de servidor para obter mais opes avanadas relacionadas conexo com o servidor. Use esse boto somente para solucionar problemas. Ele especialmente til para sites que funcionavam em verses anteriores do Dreamweaver mas, por algum motivo, no funcionam na verso atual.Para obter mais informaes sobre essas opes, consulte a TechNote 14834 no site da Adobe, emwww.adobe.com/go/tn_14834_br.16 Selecione Manter informaes sobre sincronizao se quiser sincronizar automaticamente os arquivos locais e remotos. (Essa opo selecionada por padro.)17 Selecione Carregar automaticamente os arquivos no servidor ao salvar se voc quiser que o Dreamweaver carregue o arquivo no site remoto ao salv-lo.18 Selecione Ativar devoluo e retirada de arquivos se voc quiser ativar o sistema de devoluo/retirada.19 Clique em OK.Se tiver problemas de conexo, consulte a TechNote 14834 no site da Adobe, em www.adobe.com/go/tn_14834_br.Conectar-se a uma pasta remota com acesso por FTP ou desconectar-se No painel Arquivos: Para conectar-se, clique em Estabelece conexo com host remoto na barra de ferramentas. Para desconectar-se, clique em Desconectar na barra de ferramentas. 52. UTILIZAO DO DREAMWEAVER CS4 46 Trabalho com sites do DreamweaverDefinir opes para acesso local ou por rede1 Selecione Site > Gerenciar sites.2 Clique em Novo e selecione Site para configurar um novo site ou selecione um site do Dreamweaver existente e clique em Editar.3 Selecione a aba Avanado, clique na categoria Informaes remotas e selecione Local/rede.4 Clique no cone de pasta ao lado da caixa de texto Pasta remoto para procurar e selecionar a pasta onde os arquivos do site sero armazenados.5 Selecione Manter informaes sobre sincronizao se quiser sincronizar automaticamente os arquivos locais e remotos. (Essa opo selecionada por padro.)6 Selecione Carregar automaticamente os arquivos no servidor ao salvar se quiser que o Dreamweaver carregue o arquivo no site remoto ao salv-lo.7 Selecione Ativar devoluo e retirada de arquivos se voc quiser ativar o sistema de devoluo/retirada.8 Clique em OK.Definir opes para acesso por WebDAV1 Selecione Site > Gerenciar sites.2 Clique em Novo e selecione Site para configurar um novo site ou selecione um site do Dreamweaver existente e clique em Editar.3 Selecione a aba Avanado, clique na categoria Informaes remotas e selecione WebDAV.4 Para a URL, insira a URL completa at o diretrio no servidor WebDAV com o qual voc deseja se conectar.Esse URL inclui o protocolo, a porta e o diretrio (se no for o diretrio raiz). Por exemplo,http://webdav.meudomnio.net/meusite.5 Digite o nome do usurio e a senha.Essas informaes destinam-se autenticao do servidor e no esto relacionadas ao Dreamweaver. Se voc nosouber ao certo o nome de usurio e a senha, consulte o administrador do sistema ou o webmaster.6 Clique em Testar para testar as configuraes da conexo.7 Clique em Salvar se voc quiser que o Dreamweaver memorize a senha toda vez que voc iniciar uma nova sesso.8 Selecione Manter informaes sobre sincronizao se quiser que o Dreamweaver sincronize automaticamente os arquivos locais e remotos. (Essa opo selecionada por padro.)9 Selecione Carregar automaticamente os arquivos no servidor ao salvar se quiser que o Dreamweaver carregue o arquivo no site remoto ao salv-lo.10 Selecione Ativar devoluo e retirada de arquivos se voc quiser ativar o sistema de devoluo/retirada.Conectar-se a uma pasta remota com acesso com acesso por rede ou desconectar-se Voc no precisa se conectar pasta remota, voc est sempre conectado. Clique no boto Atualizar para ver os arquivos remotos.Definir opes para acesso por RDS1 Selecione Site > Gerenciar sites.2 Clique em Novo e selecione Site para configurar um novo site ou selecione um site do Dreamweaver existente e clique em Editar. 53. UTILIZAO DO DREAMWEAVER CS4 47Trabalho com sites do Dreamweaver3 Selecione a aba Avanado, clique na categoria Informaes remotas e selecione RDS.4 Clique no boto Configuraes e fornea as seguintes informaes na caixa de dilogo Configurar servidor RDS: Informe o nome do computador host no qual o servidor Web est instalado.O nome do host provavelmente um endereo IP ou um URL. Caso no tenha certeza, pergunte ao administrador. Insira o nmero da porta qual voc se conecta. Insira a pasta raiz remota como o diretrio do host.Por exemplo, c:inetpubwwwrootmyHostDir. Insira o nome de usurio e a senha do RDS.Nota: Essas opes talvez no apaream se voc definir seu nome de usurio e sua senha nas configuraes de seguranado administrador de ColdFusion. Selecione Salvar se quiser que o Dreamweaver memorize suas configuraes.5 Clique em OK para fechar a caixa de dilogo Configurar servidor RDS.6 Selecione Carregar automaticamente os arquivos no servidor ao salvar se quiser que o Dreamweaver carregue o arquivo no site remoto ao salv-lo.7 Selecione Ativar devoluo e retirada de arquivos se quiser ativar o sistema de devoluo/retirada e clique em OK.Configurar acesso ao Microsoft Visual SourceSafe1 Selecione Site > Gerenciar sites.2 Clique em Novo e selecione Site para configurar um novo site ou selecione um site do Dreamweaver existente e clique em Editar.3 Selecione a aba Avanado, clique na categoria Informaes remotas e selecione Microsoft Visual SourceSafe.4 Clique no boto Configuraes e fornea as seguintes informaes na caixa de dilogo Abrir o banco de dados Microsoft Visual SourceSafe: Para o Caminho do banco de dados, clique em Procurar para localizar o banco de dados Visual SourceSafe ou insirao caminho de arquivo completo.O arquivo selecionado passa a ser o arquivo srcsafe.ini usado para inicializar o Visual SourceSafe. Em Projeto, insira o projeto do banco de dados Visual SourceSafe que voc deseja usar como o diretrio raiz do siteremoto. Para Nome de usurio e Senha, insira o nome de usurio e a senha de login do banco de dados selecionado.Caso voc no saiba seu nome de usurio e sua senha, informe-se com o administrador do sistema. Selecione a opo Salvar se quiser que o Dreamweaver memorize suas configuraes.5 Clique em OK para retornar caixa de dilogo Definio de sites.6 Selecione Carregar automaticamente os arquivos no servidor ao salvar se quiser que o Dreamweaver carregue o arquivo no site remoto ao salv-lo.7 Desmarque Retirar arquivos ao abrir se no quiser que o Dreamweaver baixe os arquivos do servidor automaticamente quando voc abrir o arquivo local. 54. UTILIZAO DO DREAMWEAVER CS4 48Trabalho com sites do DreamweaverSolucionar problemas da configurao de pastas remotasEsta lista contm informaes sobre problemas comuns encontrados durante a configurao de pastas remotas e sobrecomo solucion-los.H tambm uma observao tcnica extensa com informaes especficas sobre soluo de problemas de FTP no siteda Adobe, em www.adobe.com/go/tn_14834_br. A implementao por FTP do Dreamweaver pode no funcionar corretamente com certos servidores proxy,firewalls de vrios nveis e outras formas de acesso indireto ao servidor. Se ocorrerem problemas com o acesso aoFTP, solicite ajuda ao administrador de sistema local. Para uma implementao por FTP do Dreamweaver, conecte-se pasta raiz do sistema remoto. Certifique-se deindicar a pasta raiz do sistema remoto como o diretrio do host. Se voc especificou o diretrio do host usando umabarra nica (/), talvez seja necessrio especificar um caminho relativo do diretrio ao qual voc est se conectandoe a pasta raiz remota. Por exemplo, se a pasta raiz remota for um diretrio de nvel superior, pode ser necessrioespecificar um ../../ para o diretrio do host. Use sublinhados em vez de espaos e evite caracteres especiais nos nomes de arquivo e de pasta sempre que possvel.Dois-pontos, barras, pontos e apstrofos nos nomes de arquivos ou pastas podem causar problemas. Se ocorrerem problemas com nomes de arquivo longos, use nomes menores. No Mac OS, os nomes de arquivo nopodem ter mais de 31 caracteres. Muitos servidores usam links simblicos (UNIX), atalhos (Windows) ou alias (Macintosh) para conectar uma pastaem uma parte do disco do servidor a outra pasta em outro local. Esses alias em geral no afetam a capacidade deconexo com a pasta ou o diretrio apropriado, porm, se voc puder se conectar a uma parte do servidor e no aoutra, pode ser que haja uma discrepncia do alias. Se for exibida uma mensagem de erro do tipo "no possvel colocar o arquivo", pode ser que no haja espao napasta remota. Para obter informaes mais detalhadas, verifique o registro de FTP.Nota: Em geral, quando ocorrer algum problema com uma transferncia por FTP, selecione Janela > Resultados(Windows) ou Site > FTP Log (Macintosh) e clique na tag de registro de FTP para examinar esse registro.Configurar um servidor de testeSe voc pretende desenvolver pginas dinmicas, o Dreamweaver precisa que os servios de um servidor de teste gereme exibam contedo dinmico enquanto voc trabalha. O servidor de teste pode ser o computador local, um servidorde desenvolvimento, um servidor de teste ou um servidor de produo.Antes de configurar uma pasta de servidor de teste, defina uma pasta local e uma pasta remota. Normalmente vocpode usar as configuraes da pasta remota para o servidor de teste, pois as pginas dinmicas inseridas na pastaremota podem, em geral, ser processadas por um servidor de aplicativos.1 Selecione uma destas opes: Para configurar um novo site, selecione Site > Novo site. Para editar a configurao de um site existente em seu disco local ou um site remoto (ou ramificao de um siteremoto), seja ele criado no Dreamweaver ou no, selecione Site > Gerenciar sites, selecione o site na lista e cliqueem Editar.Nota: Se voc no definiu qualquer site do Dreamweaver, a caixa de dilogo Definio de sites ser exibida e voc noprecisar clicar em Novo.2 Selecione Servidor de teste na aba Avanado da caixa de dilogo Definio de sites.3 Selecione a tecnologia de servidor a ser usada para o aplicativo da Web. 55. UTILIZAO DO DREAMWEAVER CS4 49Trabalho com sites do DreamweaverNota: Como com o Dreamweaver CS4, o Dreamweaver no instala mais comportamentos de servidor ASP.NET ou JSP.Entretanto, se voc estiver trabalhando em pginas ASP.NET ou JSP, o Dreamweaver ainda compatvel com o mododinmico, a colorao de cdigos e as dicas de cdigos dessas pginas. Voc no precisa selecionar ASP.NET ou JSP nacaixa de dilogo Definio de sites para que esses recursos funcionem.4 Aceite as configuraes do Servidor de teste padro ou insira outras configuraes.Por padro, o Dreamweaver pressupe que haja um servidor de aplicativos em execuo no mesmo sistema doservidor Web. Se voc definiu uma pasta remota na categoria Informaes remotas, na caixa de dilogo Definio desites, e se um servidor de aplicativos executado no mesmo sistema da pasta remota (incluindo o computador local),aceite as configuraes padro na categoria Servidor de teste.Se voc no definiu uma pasta remota na categoria Informaes remotas, a categoria Servidor de teste usa como padroa pasta local definida na categoria Informaes locais. Essa configurao s pode ser ignorada nestas duas condies:O servidor Web e o servidor de aplicativos so executados no computador local. Por exemplo, se voc umdesenvolvedor de ColdFusion que executa o IIS e o ColdFusion no sistema Windows XP local.Sua pasta raiz local uma subpasta do diretrio inicial do site. Por exemplo, se voc est usando o IIS, sua pasta raizlocal uma subpasta de c:Inetpubwwwroot ou a prpria pasta.Se sua pasta raiz local no uma subpasta do diretrio inicial, defina a pasta raiz local como um diretrio virtual noservidor Web.Nota: O servidor de aplicativos pode ser executado em um sistema que no seja o site remoto. Por exemplo, se a opoAcesso selecionada na categoria Informaes remotas for Microsoft Visual SourceSafe, especifique outro servidor nacategoria Servidor de teste.5 Na caixa de texto Prefixo de URL, insira a URL que os usurios digitam nos navegadores para abrir o aplicativo da Web, mas no inclua qualquer nome de arquivo.O prefixo de URL compreende o nome de domnio e os diretrios virtuais ou subdiretrios do diretrio inicial do site,mas no um nome de arquivo. Por exemplo, se a URL do aplicativo for www.adobe.com/mycoolapp/start.php, insirao seguinte prefixo de URL: www.adobe.com/mycoolapp/.Se o Dreamweaver for executado no mesmo sistema do servidor Web, voc poder usar uma das opes de host localcomo um alocador de espao do nome de domnio. Por exemplo, se voc executar o IIS e a URL do aplicativo forhttp://buttercup_pc/mycoolapp/start.asp, insira o seguinte prefixo de URL:http://localhost/mycoolapp/Para uma lista de opes de hosts locais que pertencem a diversos servidores Web, consulte a prxima seo.6 Clique em OK e clique em Concludo para adicionar o novo site a uma lista de sites.Consulte tambmEscolha do servidor de aplicativo na pgina 536Preparao para criao de sites dinmicos na pgina 526Sobre o prefixo de URL do servidor de testeVoc precisa especificar um prefixo de URL para que o Dreamweaver possa usar os servios de um servidor de testepara exibir dados e conectar-se a bancos de dados enquanto voc trabalha. O Dreamweaver usa a conexo em tempode design para fornecer informaes teis sobre o banco de dados, como os nomes das tabelas no banco de dados e osnomes das colunas nas tabelas. 56. UTILIZAO DO DREAMWEAVER CS4 50 Trabalho com sites do DreamweaverO prefixo de URL compreende o nome de domnio e os diretrios virtuais ou subdiretrios do diretrio inicial do site.Nota: A terminologia usada no Microsoft IIS pode variar de servidor para servidor, mas os mesmos conceitos se aplicam maioria dos servidores Web.O diretrio inicial A pasta no servidor mapeada para o nome de domnio do site. Suponha que a pasta que voc desejausar para processar pginas dinmicas esteja em c:sitescompany, e que essa pasta seja seu diretrio inicial (ou seja,essa pasta mapeada para o nome de domnio do seu site; por exemplo, www.mystartup.com). Nesse caso, o prefixode URL http://www.mystartup.com/.Se a pasta que voc deseja usar para processar pginas dinmicas uma subpasta do seu diretrio inicial, bastaadicionar a subpasta ao URL. Se seu diretrio inicial c:sitescompany, o nome de domnio do seu site www.mystartup.com, e a pasta usada para processar pginas dinmicas c:sitescompanyinventory. Insira o seguinteprefixo de URL:http://www.mystartup.com/inventory/Se a pasta que voc deseja usar para processar pginas dinmicas no seu diretrio inicial ou qualquer um de seussubdiretrios, crie um diretrio virtual.Um diretrio virtual Uma pasta que est contida fisicamente no diretrio inicial do servidor, ainda que ela parea estarno URL. Para criar um diretrio virtual, especifique um alias para o caminho da pasta no URL. Suponha que seudiretrio inicial c:sitescompany, sua pasta de processamento d:appsinventory e voc define um alias para essapasta chamado warehouse. Insira o seguinte prefixo de URL:http://www.mystartup.com/warehouse/Host local Refere-se ao diretrio inicial nos seus URLs quando o cliente (em geral um navegador, mas neste casoDreamweaver) executado no mesmo sistema do servidor Web. Suponha que o Dreamweaver est em execuo nomesmo sistema Windows do servidor Web, seu diretrio inicial c:sitescompany, e voc definiu um diretrio virtualchamado warehouse para referir-se pasta a ser usada para processar pginas dinmicas. Estes so os prefixos de URLque devem ser inseridos para os servidores Web selecionados:Servidor WebPrefixo da URLColdFusion MX 7 http://localhost:8500/warehouse/IIS http://localhost/warehouse/Apache (Windows)http://localhost:80/warehouse/Jakarta Tomcat (Windows)http://localhost:8080/warehouse/Nota: Por padro, o servidor Web ColdFusion MX 7 executado na porta 8500, o servidor Web Apache executado naporta 80 e o servidor Web Jakarta Tomcat executado na porta 8080.Para os usurios de Macintosh que executam o servidor Web Apache, o diretrio inicial pessoal Users:MeuNomeDeUsurio:Sites, onde MeuN