Guia do Usuário Cancelar

Dicas de código e preenchimento de código

  1. Guia do usuário do Dreamweaver
  2. Introdução
    1. Noções básicas de web design responsivo
    2. Novidades do Dreamweaver
    3. Desenvolvimento Web com o Dreamweaver – Visão geral
    4. Dreamweaver/Perguntas frequentes
    5. Atalhos de teclado
    6. Requisitos de sistema do Dreamweaver
    7. Resumo dos recursos
  3. Dreamweaver e Creative Cloud
    1. Sincronizar as configurações do Dreamweaver com a Creative Cloud
    2. Bibliotecas da Creative Cloud no Dreamweaver
    3. Uso de arquivos do Photoshop no Dreamweaver
    4. Trabalhe com o Adobe Animate e o Dreamweaver
    5. Extraia das Bibliotecas arquivos SVG otimizados para a Web
  4. Áreas de trabalho e exibições do Dreamweaver
    1. Espaço de trabalho do Dreamweaver
    2. Otimizar espaço de trabalho no Dreamweaver para desenvolvimento visual
    3. Pesquisa de arquivos baseada no nome de arquivo ou no conteúdo | Mac OS
  5. Configurar sites
    1. Sobre sites do Dreamweaver
    2. Configurar uma versão local do site
    3. Conectar-se a um servidor de publicação
    4. Configurar um servidor de teste
    5. Importar e exportar configurações de site do Dreamweaver
    6. Trazer sites existentes de um servidor remoto para a raiz do site local
    7. Recursos de acessibilidade do Dreamweaver
    8. Configurações avançadas
    9. Definir preferências de site para transferência de arquivos
    10. Especificar configurações do servidor proxy no Dreamweaver
    11. Sincronizar as configurações do Dreamweaver com a Creative Cloud
    12. Como usar o Git no Dreamweaver
  6. Gerenciar arquivos
    1. Criar e abrir arquivos
    2. Gerenciamento de arquivos e pastas
    3. Obter e colocar arquivos no servidor
    4. Devolver e retirar arquivos
    5. Sincronizar arquivos
    6. Comparar arquivos em busca de diferenças
    7. Encobrir arquivos e pastas em seu site do Dreamweaver
    8. Ativar as Design Notes para sites do Dreamweaver
    9. Impedir possível ataque ao Gatekeeper
  7. Layout e design
    1. Usar auxílios visuais para layout
    2. Sobre usar o CSS para criar o layout da página
    3. Criar sites responsivos usando o Bootstrap
    4. Criar e usar consultas de mídia no Dreamweaver
    5. Apresentar conteúdo em tabelas
    6. Cores
    7. Design responsivo usando layouts de grade fluida
    8. Extract no Dreamweaver
  8. CSS
    1. Noções sobre as folhas de estilos em cascata
    2. Aplicar layout às páginas usando o CSS Designer
    3. Usar pré-processadores de CSS no Dreamweaver
    4. Como definir preferências de estilo CSS no Dreamweaver
    5. Mover regras de CSS no Dreamweaver
    6. Converter CSS inline em uma regra de CSS no Dreamweaver
    7. Trabalhar com tags div
    8. Aplicação de degradês ao fundo
    9. Criar e editar efeitos de transição do CSS3 no Dreamweaver
    10. Formatar código
  9. Conteúdo e ativos de página
    1. Definir propriedades da página
    2. Configurar propriedades de cabeçalho e propriedades de link de CSS
    3. Trabalhar com texto
    4. Localizar e substituir texto, tags e atributos
    5. Painel DOM
    6. Editar na Visualização dinâmica
    7. Codificar documentos do Dreamweaver
    8. Selecionar e exibir os elementos na janela Documento
    9. Definir propriedades de texto no Inspetor de propriedades
    10. Verificar ortografia de uma página Web
    11. Usar regras horizontais no Dreamweaver
    12. Adicionar e modificar combinações de fontes no Dreamweaver
    13. Trabalhar com ativos
    14. Inserir e atualizar datas no Dreamweaver
    15. Criar e gerenciar ativos favoritos no Dreamweaver
    16. Inserir e editar imagens no Dreamweaver
    17. Adicionar objetos de mídia
    18. Adição de vídeos no Dreamweaver
    19. Inserir vídeo HTML5
    20. Inserir arquivos SWF
    21. Adicionar efeitos de áudio
    22. Inserir áudio HTML5 no Dreamweaver
    23. Trabalhar com itens da biblioteca
    24. Usar texto em árabe e hebraico no Dreamweaver
  10. Vinculação e navegação
    1. Sobre vinculação e navegação
    2. Vinculação
    3. Mapas de imagem
    4. Solucionar problemas com links
  11. Efeitos e widgets do jQuery
    1. Usar widgets de interface e para dispositivos móveis do jQuery no Dreamweaver
    2. Usar efeitos do jQuery no Dreamweaver
  12. Programar sites
    1. Sobre codificação no Dreamweaver
    2. Ambiente de codificação no Dreamweaver
    3. Definir preferências de codificação
    4. Personalizar codificação por cores
    5. Escrever e editar código
    6. Dicas de código e preenchimento de código
    7. Recolher e expandir código
    8. Reutilizar código com snippets
    9. Linting de código
    10. Otimizar código
    11. Editar código na Visualização de design
    12. Trabalhar com conteúdo do cabeçalho das páginas
    13. Inserir inclusões de servidor no Dreamweaver
    14. Usar bibliotecas de tags no Dreamweaver
    15. Importar tags personalizadas para o Dreamweaver
    16. Usar comportamentos JavaScript (instruções gerais)
    17. Aplicar comportamentos internos do JavaScript
    18. Sobre XML e XSLT
    19. Executar transformações XSL do servidor no Dreamweaver
    20. Executar transformações XSL do cliente no Dreamweaver
    21. Adicionar entidades de caracteres para XSLT no Dreamweaver
    22. Formatar código
  13. Fluxos de trabalho entre produtos
    1. Instalar e usar extensões no Dreamweaver
    2. Atualizações dentro do aplicativo no Dreamweaver
    3. Inserir documentos do Microsoft Office no Dreamweaver (somente Windows)
    4. Trabalho com o Fireworks e o Dreamweaver
    5. Editar conteúdo em sites do Dreamweaver usando o Contribute
    6. Integração do Business Catalyst ao Dreamweaver
    7. Criar campanhas de email personalizadas
  14. Modelos
    1. Sobre os modelos do Dreamweaver
    2. Reconhecimento de modelos e documentos baseados em modelo
    3. Criar um modelo do Dreamweaver
    4. Criar regiões editáveis nos modelos
    5. Criar regiões e tabelas repetitivas no Dreamweaver
    6. Usar regiões opcionais em modelos
    7. Definir atributos de tag editáveis no Dreamweaver
    8. Como criar modelos aninhados no Dreamweaver
    9. Editar, atualizar e excluir modelos
    10. Exportar e importar conteúdo xml no Dreamweaver
    11. Aplicar ou remover um modelo em um documento
    12. Editar conteúdo em modelos do Dreamweaver
    13. Regras de sintaxe para tags de modelo no Dreamweaver
    14. Definir preferências de realce para regiões de modelo
    15. Vantagens de usar modelos no Dreamweaver
  15. Dispositivo móvel e multitela
    1. Criar consultas de mídia
    2. Alterar a orientação de página para dispositivos móveis
    3. Criar aplicativos Web para dispositivos móveis usando o Dreamweaver
  16. Sites dinâmicos, páginas e formulários Web
    1. Noções sobre aplicativos Web
    2. Configurar o computador para desenvolvimento de aplicativos
    3. Solucionar problemas de conexões de banco de dados
    4. Remover scripts de conexão no Dreamweaver
    5. Criar páginas dinâmicas
    6. Visão geral das fontes de conteúdo dinâmico
    7. Definir origens de conteúdo dinâmico
    8. Adicionar conteúdo dinâmico a páginas
    9. Alterar conteúdo dinâmico no Dreamweaver
    10. Exibir registros de banco de dados
    11. Fornecer e solucionar problemas de live data no Dreamweaver
    12. Adicionar comportamentos personalizados de servidor no Dreamweaver
    13. Criar formulários usando o Dreamweaver
    14. Usar formulários para reunir informações de usuários
    15. Criar e ativar formulários do ColdFusion no Dreamweaver
    16. Criar formulários Web
    17. Suporte aprimorado a HTML5 para elementos de formulário
    18. Desenvolver um formulário usando o Dreamweaver
  17. Criação visual de aplicativos
    1. Criar páginas mestre e detalhadas no Dreamweaver
    2. Criar páginas de pesquisa e de resultados
    3. Criar uma página de inserção de registro
    4. Criar uma página de registro de atualização no Dreamweaver
    5. Criar páginas de exclusão de registro no Dreamweaver
    6. Usar comandos ASP para modificar um banco de dados no Dreamweaver
    7. Criar uma página de registro
    8. Criar uma página de logon
    9. Criar uma página que apenas usuários autorizados podem acessar
    10. Proteger pastas no ColdFusion usando o Dreamweaver
    11. Usar componentes do ColdFusion no Dreamweaver
  18. Testar, visualizar e publicar sites
    1. Visualizar páginas
    2. Visualizar páginas Web do Dreamweaver em vários dispositivos
    3. Testar seu site do Dreamweaver
  19. Solução de problemas
    1. Problemas corrigidos
    2. Problemas conhecidos

 

 

Use os recursos de preenchimento de código e dicas de código do Dreamweaver para reduzir o tempo de codificação.

Os recursos de preenchimento de código e dicas de código do Dreamweaver permitem que você insira e edite o código rapidamente, o que reduz erros de digitação e outros erros comuns.

Você também pode usar esse recurso para visualizar:

  • Atributos disponíveis para uma tag
  • Parâmetros disponíveis para uma função ou
  • Métodos disponíveis para um objeto

Suporte a idiomas e tecnologias

O Dreamweaver suporta dicas de códigos para os seguintes idiomas e tecnologias:

Leia para saber sobre como as dicas de código e o preenchimento de código funcionam para esses idiomas.

Ativar dicas de código

Para ativar dicas de código, clique em Editar > Preferências > Dicas de código e selecione Ativar dicas de código. Para desativar as dicas de código, desmarque Ativar dicas de código.

Preferências de dicas de código
Preferências de dicas de código

Para ativar a inserção automática de chaves e de aspas, selecione Inserir chaves automaticamente e Inserir aspas automaticamente respectivamente.

Para ativar descrições nas dicas de código, selecione Ativar dicas de ferramentas de descrição. Você pode ver as descrições com suas dicas de código.

Dicas de código HTML

Os seguintes tipos de dicas de código estão disponíveis para HTML:

  • Dicas da tag
  • Dicas do nome do atributo
  • Dicas do valor do atributo

Dicas da tag

Pressione a tecla < no teclado para começar a digitar o código. À medida que você digita, o Dreamweaver exibe tags HTML válidas. Se a string que você está digitando aparecer no menu, vá até ela e pressione Enter ou Return para concluir sua entrada.

Por exemplo, quando você digita <, um menu pop-up mostra uma lista de nomes de tags. Em vez de digitar o restante do nome da tag, você pode selecioná-la no menu de forma a incluí-la em seu texto.

Dicas básicas de código HTML
Dicas básicas de código HTML

Essas dicas de tag HTML também incluem uma descrição rápida da tag, onde aplicável.

Dicas do nome do atributo

O Dreamweaver exibe atributos apropriados para tags durante a codificação no Dreamweaver. Digite o nome de uma tag e pressione a barra de espaço para exibir os nomes de atributos válidos que podem ser usados.

Dicas de código do nome do atributo
Dicas de código do nome do atributo

Dicas do valor do atributo

O texto da dica do valor do atributo pode ser estático ou dinâmico (como nos valores de exibição das dicas de código, baseados no que estiver presente nos arquivos relacionados). 

A maioria das dicas do valor do atributo é estática. Por exemplo, o valor do atributo de destino, que é estático por natureza: as dicas serão estáticas também. 

Exemplos de dicas estáticas do valor do atributo
Exemplos de dicas estáticas do valor do atributo

O Dreamweaver exibe dicas de código dinâmicas para aqueles valores de atributo que as exigem, como id, target, src, href e class.

Aqui estão alguns exemplos de dicas de código exibidas de forma dinâmica. 

Dicas de código dinâmicas para src

Neste exemplo, quando você digita src, valores de atributo válidos são mostrados, e quando você seleciona imagens, o Dreamweaver exibe as imagens válidas reais que estão presentes em sua pasta de imagens. Você pode então escolher o que quiser.

Dicas de código dinâmicas para src
Dicas de código dinâmicas para src

Se você tiver ativos nas bibliotecas da CC, eles também serão exibidos quando você digitar src. Esses recursos da biblioteca da CC são indicados por um ícone de nuvem.

Quando você escolhe um ativo da biblioteca da CC, um menu pop-up é exibido permitindo fazer uma nova amostra do tamanho da imagem e alterar o formato.

Incluir um ativo da biblioteca da CC em seu código
Incluir um ativo da biblioteca da CC em seu código

Observação:

Apenas 50 ativos da biblioteca da CC podem ser exibidos em dicas de código. Essas dicas aparecem em ordem alfabética.

Observação:

Não há suporte para a inclusão de ativos remotos da biblioteca da CC no código do Dreamweaver.

Dicas de código dinâmicas para href

Quando você digita href, o Dreamweaver exibe uma lista de arquivos em sua pasta, ao mesmo tempo que dá a você a opção de navegar e selecionar o arquivo que deseja vincular.

Dicas de código dinâmicas para href
Dicas de código dinâmicas para href

Dicas de código dinâmicas para id e style

Se você tiver definido ids em seus arquivos CSS, ao digitar id em seus arquivos HTML, o Dreamweaver exibirá todas as ids disponíveis.

Dicas de código dinâmicas para id
Dicas de código dinâmicas para id

Da mesma forma, se você tiver definido estilos CSS, ao digitar style em seus arquivos HTML, o Dreamweaver exibirá todos os estilos disponíveis.

Dicas de código dinâmicas para style
Dicas de código dinâmicas para style

Dicas de código CSS

Dicas de código estão disponíveis para os seguintes tipos de CSS:

  • @rules
  • Propriedades
  • Pseudosseletores e pseudoelementos
  • Formato abreviado

Além das dicas de código, também há dicas disponíveis para propriedades CSS.

Dicas de código para @rules CSS

O Dreamweaver exibe dicas de código para todas as @rules junto com uma descrição da regra CSS conforme mostrado aqui.

Dicas de código de @rule CSS
Dicas de código de @rule CSS

Dicas de propriedades CSS

Quando você digita propriedades CSS, ao digitar os dois pontos, as dicas de código aparecem para ajudar você a escolher um valor válido.

No exemplo de código a seguir, quando o termo font-family: é digitado, font-sets válidos são exibidos.

Você pode escolher um dos conjuntos de fontes ou abrir a caixa de diálogo Gerenciar fontes dentro dessas dicas e definir suas fontes favoritas. 

Dicas de código e ajuda para propriedades CSS
Dicas de código e ajuda para propriedades CSS

Outro exemplo de dicas de código úteis é quando você trabalha com cores no CSS. Quando você digita uma propriedade relacionada a cor (como a cor da borda ou a cor do fundo), ao pressionar os dois pontos, as dicas de código exibem uma lista de cores. Você pode selecionar uma cor na lista ou abrir o Color Picker dentro das dicas de código em si e definir uma cor preferida.

Dicas de código relacionadas a cores CSS
Dicas de código relacionadas a cores CSS

Se você tiver amostras de cores nas bibliotecas da CC, as dicas de código exibirão essas amostras também.

As amostras de cores das bibliotecas da CC são indicadas pelo ícone de nuvem
As amostras de cores das bibliotecas da CC são indicadas pelo ícone de nuvem

Observação:

Apenas 50 ativos da biblioteca da CC podem ser exibidos em dicas de código. Essas dicas aparecem em ordem alfabética.

Dicas de pseudosseletores e pseudoelementos

Você pode adicionar um pseudosseletor CSS a um seletor para definir um estado específico do elemento. Quando você usa o estilo :hover, por exemplo, ele é aplicado quando o usuário coloca o ponteiro do mouse sobre o elemento especificado pelo seletor.

Quando você digita “:”, o Dreamweaver mostra uma lista de pseudosseletores válidos se o cursor estiver no contexto adequado.

Dicas de código de pseudosseletores
Dicas de código de pseudosseletores

Quando você digita “::”, o Dreamweaver mostra uma lista de pseudoelementos válidos (usados para aplicar estilo a determinadas partes de um elemento) se o cursor estiver no contexto adequado.

Dicas de código de pseudoelementos
Dicas de código de pseudoelementos

Dicas de formato abreviado CSS

Propriedades de formato abreviado são propriedades CSS que permitem ajustar os valores de diversas outras propriedades CSS simultaneamente. Alguns exemplos de propriedades de formato abreviado CSS são as propriedades background e font.

Como visto no exemplo abaixo, se você digita uma propriedade de formato abreviado CSS (como background, por exemplo) depois de digitar um espaço, o Dreamweaver exibe:

  • Os valores de propriedade adequados por ordem de importância
  • Os valores obrigatórios que devem ser usados (por exemplo, se você usa font, então font-size e font-family são obrigatórios)
  • A expansão do navegador para essa propriedade
Dicas de código para a propriedade CSS background
Dicas de código para a propriedade CSS background

Quando as propriedades de formato abreviado CSS são preenchidas, as dicas de código também exibem os valores de propriedade que você digitou.

Dicas de código CSS

Para algumas propriedades CSS (como box-shadow ou text-shadow), o Dreamweaver exibe dicas que indicam quais valores devem acompanhá-las, e também indicam quais valores são os valores obrigatórios usando um asterisco. 

Você também pode ver como o navegador interpreta o CSS.

Dicas que aparecem para propriedades CSS
Dicas que aparecem para propriedades CSS

Dicas de códigos de JavaScript

Nos arquivos JavaScript, o Dreamweaver fornece dicas de código para variáveis e parâmetros de função. 

No exemplo abaixo, o fragmento de código indica o tipo.

Dicas de códigos de JavaScript
Dicas de códigos de JavaScript

O Dreamweaver atualiza automaticamente a lista de dicas de códigos disponíveis conforme você trabalha em arquivos JavaScript. Por exemplo, suponha que você esteja trabalhando em um arquivo HTML principal e alterne para um arquivo JavaScript para fazer uma alteração. Essa alteração feita no arquivo JavaScript será refletida na lista de dicas de códigos quando você retornar ao arquivo HTML principal. 

Observação:

A atualização automática só funciona se você editar os arquivos JavaScript no Dreamweaver.

Inspeção do objeto dinâmico

O Dreamweaver também atualiza automaticamente dicas de código do tipo JavaScript.

Se você definiu uma variável como numeral, por exemplo, o Dreamweaver retém essas informações. Quando você faz referência a essa variável posteriormente no código, ela indica seu tipo.

Se você altera o tipo de variável (por exemplo, para uma sequência), as dicas de código do Dreamweaver indicam automaticamente que a variável é uma sequência.

Dica de código que indica o tipo de variável
Dica de código que indica o tipo de variável

Inclusão dinâmica de documentação

Se você adicionou comentários para uma função específica, quando essa função é sugerida, o Dreamweaver também exibe a documentação para essa função. 

Dicas de código PHP

O Dreamweaver oferece suporte a dicas de código para PHP versões 5.6 e 7.1. Essas dicas de código PHP são específicas do site e abrangem todas as funções principais, classes e constantes.

Para obter mais informações sobre o PHP 5.6 e 7.1, consulte o manual do PHP.

Para obter mais informações sobre dicas de código específicas do site, consulte Dicas de código específicas do site.

Um recurso útil de dicas de código PHP é o preenchimento automático de variáveis.

Quando você digita um sinal de cifrão ($), uma lista de todas as variáveis no script atual é exibida. Selecione o que deseja e pressione Enter/Return. As variáveis de arquivos relacionados também são listadas, eliminando o risco de reutilizar a mesma variável com um propósito diferente.

Quando PHP 7.1 é configurado como padrão, o Dreamweaver exibe as dicas de código específicas do PHP 7.1.

Dicas de código PHP 7
Dicas de código PHP 7

Um exemplo de dica de código do objeto PHP
Um exemplo de dica de código do objeto PHP

Edite as configurações de atraso para as dicas de código de PHP

Para melhorar o desempenho da digitação de códigos em arquivos .php, o Dreamweaver 2017.5 e posterior adicionou um atraso para as dicas de código de PHP. Quando você digita o código PHP, o Dreamweaver exibe as dicas com um atraso de 400 ms. Se desejar alterar as configurações de atraso do código PHP, siga o procedimento a seguir: 

  1. Saia do Dreamweaver.

  2. Abra brackets.json no seguinte local usando um editor de texto:

    • Win%appdata%\Adobe\Dreamweaver CC 2017\<locale>\Configuration\Brackets\
    • macOS~/Library/Application Support/Adobe/Dreamweaver CC 2017/<locale>/Configuration/Brackets/
  3. Clique no botão Salvar estrutura no canto superior direito da caixa de diálogo.

    No arquivo JSON, adicione uma vírgula após o par sobrenome/valor.

    Adicione a seguinte linha com o tempo de atraso de sua preferência em milissegundos: "delayInPHPHint": <tempo em milissegundos>. Por exemplo, "delayInPHPHint": 200.

  4. Salve o arquivo e inicie o Dreamweaver.

Dicas de código específicas do site

O Dreamweaver permite aos desenvolvedores trabalhar com Joomla, Drupal, Wordpress ou outras estruturas e exibir dicas de código PHP enquanto escrevem na Visualização de código. Para exibir essas dicas de código, primeiro é necessário criar um arquivo de configuração usando a caixa de diálogo Dicas de código específicas do site. A configuração informa ao Dreamweaver o local para procurar as dicas de código específicas ao seu site.

Para assistir a um tutorial em vídeo sobre como trabalhar com dicas de código específicas do site, consulte www.adobe.com/go/learn_dw_comm13_br.

Criar o arquivo de configuração

Use a caixa de diálogo Dicas de código específicas do site para criar um arquivo de configuração necessário para exibir as dicas de código no Dreamweaver.

Por padrão, o Dreamweaver armazena o arquivo de configuração no diretório do Adobe Dreamweaver CS5\configuração\Compartilhado\Dinâmico\Predefinições.

Observação:

As dicas de código que você criar são específicas para o site selecionado no painel Arquivos do Dreamweaver. Para exibir as dicas de código, a página em que você está trabalhando deve residir no site atualmente selecionado.

  1. Selecione Site > Opções de site > Dicas de código específicas do site.

    Por padrão, o recurso Dicas de código específicas do site rastreia o site para determinar qual estrutura do Sistema de gerenciamento de conteúdo (CMS) você está usando. O Dreamweaver, por padrão, oferece suporte a três estruturas: Drupal, Joomla e Wordpress.

    Os quatro botões à direita do menu pop-up Estrutura permitem que você importe, salve, renomeie ou exclua estruturas.

    Observação:

    Não é possível excluir ou renomear as estruturas padrão existentes.

  2. Na caixa de texto sub-raiz, especifique a pasta sub-raiz em que você armazena os arquivos de estrutura. É possível clicar no ícone de pasta próximo à caixa de texto para ir ao local dos arquivos de estrutura.

    O Dreamweaver exibe uma estrutura em árvore de arquivo das pastas que contém seus arquivos de estrutura. Se as pastas e os arquivos que deseja rastrear forem exibidos, clique em OK para executar o rastreamento. Se deseja personalizar o rastreamento, você deve avançar as próximas etapas.

  3. Clique no botão de adição (+) acima da janela Arquivos para selecionar um arquivo ou pasta que você deseja adicionar ao rastreamento. Na caixa de diálogo Adicionar arquivos/pastas, é possível especificar as extensões de nomes de arquivos que você deseja incluir.

    Observação:

    Especifique uma determinada extensão de nome de arquivo para acelerar o processo de rastreamento.

  4. Para remover arquivos do rastreamento, selecione os arquivos que você não deseja rastrear e clique no botão de subtração (-) acima da janela Arquivos.

    Observação:

    Se sua estrutura selecionada for Drupal ou Joomla, a caixa de diálogo Dicas de código específicas do site exibirá um caminho adicional para um arquivo na pasta de configuração do Dreamweaver.

    Não exclua isto—ele é necessário para o uso destas estruturas.

  5. Para personalizar como o recurso Dicas de código específicas do site trata um arquivo ou pasta particular, selecione-a da lista e siga um destes procedimentos:

    • Selecione Rastrear esta pasta para incluir a pasta selecionada no rastreamento.
    • Selecione Repetido para incluir todos os arquivos e pastas no diretório selecionado.
    • Clique no botão Extensões para abrir a caixa de diálogo Localizar extensões, na qual você pode especificar as extensões de nomes de arquivos que deseja incluir no rastreamento de um arquivo ou uma pasta específica.

Salvar estrutura do site

É possível salvar a estrutura personalizada do site que você criou na caixa de diálogo Dicas de código específicas do site.

  1. Saia do Dreamweaver.

  2. Texto da etapa
  3. Crie a estrutura de arquivos e pastas como você desejar, adicionando ou removendo arquivos e pastas quando necessário.

  4. Especifique um nome para a estrutura do site e clique em Salvar.

Observação:

Se o nome especificado já estiver em uso, o Dreamweaver solicitará um nome diferente ou a confirmação de que você deseja substituir a estrutura com o mesmo nome. Não é possível substituir qualquer uma das estruturas padrão.

Renomear estruturas do site

Ao renomear a estrutura do site, lembre-se de que você não pode usar os nomes de qualquer uma das três estruturas do site padrão ou a palavra “personalizada”.

  1. Exiba a estrutura que você deseja renomear.

  2. Clique no botão do ícone Renomear estrutura no canto superior direito da caixa de diálogo.

  3. Especifique um novo nome para a estrutura do site e clique em Renomear.

Observação:

Se o nome especificado já estiver em uso, o Dreamweaver solicitará um nome diferente ou a confirmação de que você deseja substituir a estrutura com o mesmo nome. Não é possível substituir qualquer uma das estruturas padrão.

Adicionar arquivos ou pastas a uma estrutura do site

É possível adicionar quaisquer arquivos ou pastas que estão associadas à estrutura. Após adicionar arquivos ou pastas, você pode especificar as extensões de nome de arquivo dos arquivos que deseja rastrear. 

  1. Clique no botão de adição (+) acima da janela Arquivos para abrir a caixa de diálogo Adicionar arquivo/pasta.

  2. Na caixa de texto Adicionar arquivo/pasta, digite o caminho para o arquivo ou pasta que você deseja adicionar. Também é possível clicar no ícone de pasta próximo à caixa de texto para ir a um arquivo ou pasta.

  3. Clique no botão de adição (+) acima da janela Extensões para especificar as extensões de nome de arquivo dos arquivos que você deseja rastrear.

    Observação:

    Especifique uma determinada extensão de nome de arquivo para acelerar o processo de rastreamento.

  4. Clique em Adicionar.

Rastrear um site em busca de extensões de nomes de arquivos

Use a caixa de diálogo Localizar extensões para exibir e editar extensões de nomes de arquivos que estão incluídas na estrutura do site.

  1. Na caixa de diálogo Dicas de código específicas do site, clique no botão Extensões.

    A caixa de diálogo Localizar extensões lista as extensões atuais possíveis de se rastrear.

  2. Para adicionar outra extensão à lista, clique no botão de adição (+) acima da janela Extensões.

  3. Para excluir uma extensão da lista, clique no botão de subtração (-).

 Adobe

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online