O recurso de dicas de código ajuda a inserir e editar o código rapidamente e sem erros. Conforme você digita os caracteres na Visualização de código, você vê uma lista de candidatos que completam automaticamente a sua entrada. Por exemplo, ao digitar o primeiro caractere de uma tag, atributo ou nome de propriedade CSS, você vê uma lista de opções que começam com esses caracteres. Esse recurso simplifica a inserção e edição de códigos. Você também pode usar esse recurso para ver os atributos disponíveis para uma tag, os parâmetros disponíveis para uma função ou os métodos disponíveis para um objeto.
As dicas de código ficam disponíveis para vários tipos de código. Quando você digita o caractere inicial de um tipo de código em particular, você vê uma lista de candidatos apropriados. Por exemplo, para exibir uma lista de dicas de códigos para nomes de tags HTML, digite um colchete angular direito (<). De forma similar, para exibir dicas de código JavaScript, digite um ponto (operador ponto) após um objeto.
Para obter os melhores resultados, especialmente ao usar as dicas de códigos para funções e objetos, defina a opção Atraso na caixa de diálogo de preferências Dicas de código para 0 segundos.O recurso de dica de código também reconhece classes personalizadas de JavaScript que não foram compiladas na linguagem. Você mesmo pode gravar essas classes personalizadas e adicioná-las através das bibliotecas de terceiros, como Prototype.
A lista de dicas de código desaparece quando você pressiona Backspace (Windows) ou Delete (Macintosh).
Para assistir a um tutorial em vídeo sobre dicas de códigos, consulte www.adobe.com/go/lrvid4048_dw_br.
Para obter uma visão geral em vídeo da equipe de engenharia do Dreamweaver sobre o suporte de JavaScript no Dreamweaver, consulte www.adobe.com/go/dw10javascript_br.
As dicas de código ficam disponíveis para vários tipos de código. Quando você digita o caractere inicial de um tipo de código em particular, você vê uma lista de candidatos apropriados. Por exemplo, para exibir uma lista de dicas de códigos para nomes de tags HTML, digite um colchete angular direito (<). De forma similar, para exibir dicas de código JavaScript, digite um ponto (operador ponto) após um objeto.Para obter os melhores resultados, especialmente ao usar as dicas de códigos para funções e objetos, defina a opção Atraso na caixa de diálogo de preferências Dicas de código para 0 segundos.A lista de dicas de código desaparece quando você pressiona Backspace (Windows) ou Delete (Macintosh).
Para assistir a um tutorial em vídeo sobre dicas de códigos, consulte www.adobe.com/go/lrvid4048_dw_br.
Para obter uma visão geral em vídeo da equipe de engenharia do Dreamweaver sobre o suporte de JavaScript no Dreamweaver, consulte www.adobe.com/go/dw10javascript_br.
Suporte a idiomas e tecnologias
O Dreamweaver suporta dicas de códigos para os seguintes idiomas e tecnologias:
- HTML
- CSS
- DOM (Modelo de objeto do documento)
- JavaScript (inclui dicas de classe personalizada)
- Ajax
- Spry
- Adobe ColdFusion
- JSP
- PHP MySQL
- ASP JavaScript
- ASP VBScript
- ASP.NET C#
- ASP.NET VB
Exibição de um menu de dicas de código
O menu de dicas de códigos aparece automaticamente conforme você digita na Visualização de código. Mas você também pode exibir manualmente o menu de dicas de códigos, sem digitar.
- Na Visualização de código (Janela > Código), coloque o ponto de inserção dentro de uma tag.
- Pressione Control+Barra de espaços.
Inserção de código na Visualização de código usando dicas de códigos
- Digite o início de uma parte do código. Por exemplo, para inserir uma tag, digite um colchete angular direito (<). Para inserir um atributo, coloque o ponto de inserção imediatamente após um nome de tag e pressione a Barra de espaços. Uma lista de itens (como nomes de tag ou de atributo) é exibida.
- Para inserir um item da lista, clique duas vezes nele ou selecione-o e pressione Enter (Windows) ou Return (Macintosh).
Edição de uma tag usando dicas de código
- Para substituir um atributo por um atributo diferente, exclua o atributo e seu valor. Em seguida, acrescente um atributo e seu valor, como descrito no procedimento anterior.
- Para alterar um valor, exclua o valor e adicione outro valor conforme descrito no procedimento anterior.
Atualização de dicas de códigos 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ê está trabalhando em um arquivo HTML principal e alterne para um arquivo JavaScript para fazer uma alteração. Essa alteração vai refletir na lista de dicas de códigos quando você retornar ao arquivo HTML principal. Entretanto, a atualização automática só funciona se você editar os arquivos JavaScript no Dreamweaver.
Se você editar os arquivos JavaScript fora do Dreamweaver, pressione Control+ponto para atualizar as dicas de códigos JavaScript.
Se você editar os arquivos JavaScript fora do Dreamweaver, pressione Control+ponto para atualizar as dicas de códigos JavaScript.
Dicas de códigos e erros de sintaxe
Algumas vezes, as dicas de códigos não funcionam adequadamente se o Dreamweaver detectar erros de sintaxe no seu código. O Dreamweaver alerta sobre os erros de sintaxe exibindo as informações a respeito em uma barra na parte superior da página. A Barra de informações de erro de sintaxe exibe a primeira linha do código onde o Dreamweaver encontrou o erro. Conforme você corrige o erro, o Dreamweaver continua a exibir qualquer outro erro que ocorra posteriormente.
O Dreamweaver fornece ajuda adicional através do realce (em vermelho) dos números das linhas onde os erros de sintaxe ocorreram. O realce aparece na Visualização de código do arquivo que contém o erro.
O Dreamweaver exibe os erros de sintaxe não só para a página atual, mas também para as páginas relacionadas. Por exemplo, suponha que você está trabalhando em uma página HTML que usa um arquivo JavaScript incluído. Se o arquivo incluído contiver um erro, o Dreamweaver também exibe um alerta para aquele arquivo JavaScript. Você pode abrir facilmente o arquivo relacionado que contém o erro clicando em seu nome na parte superior do documento.
Você pode desativar a Barra de informações de erro de sintaxe clicando no botão Alertas de erro de sintaxe na Barra de ferramentas de codificação.
O Dreamweaver fornece ajuda adicional através do realce (em vermelho) dos números das linhas onde os erros de sintaxe ocorreram. O realce aparece na Visualização de código do arquivo que contém o erro.
O Dreamweaver exibe os erros de sintaxe não só para a página atual, mas também para as páginas relacionadas. Por exemplo, suponha que você está trabalhando em uma página HTML que usa um arquivo JavaScript incluído. Se o arquivo incluído contiver um erro, o Dreamweaver também exibe um alerta para aquele arquivo JavaScript. Você pode abrir facilmente o arquivo relacionado que contém o erro clicando em seu nome na parte superior do documento.
Você pode desativar a Barra de informações de erro de sintaxe clicando no botão Alertas de erro de sintaxe na Barra de ferramentas de codificação.
Definir preferências de dicas de código
Você pode alterar as preferências padrão das dicas de códigos. Por exemplo, se não quiser mostrar os nomes de propriedades CSS ou as dicas de códigos Spry, você pode desmarcá-los nas preferências de dicas de códigos. Você também pode definir preferências para o tempo de atraso e o fechamento de tags nas dicas de código.
Mesmo se as dicas de código estiverem desativadas, você ainda poderá exibir uma dica pop-up na Visualização de código pressionando Control+Barra de espaços.
Mesmo se as dicas de código estiverem desativadas, você ainda poderá exibir uma dica pop-up na Visualização de código pressionando Control+Barra de espaços.
Labels: DownloadProgramas, ProgramacaoHTML