Conforme você vai escrevendo sites mais complexos , apesar de no DW não ser necessário, você notará que em muitos casos , é mais rápido a edição diretamente no código (Visualização Code). Escrever o código é uma arte exata. Se você escrever <leyer> ao invés de <layer> , sua camada não aparecerá. Outro detalhe importante é você lembrar-se de todos os possíveis atributos de uma tag. O recurso Code Hints evita esses erros bem como os indica.

Todos os Code Hints ficam armazenados no Banco de Dados da Tag Library do DW e podem ser modificados indo em : Menu Edit > Tag Libraries.

Imagem do IPB
figura 01

Estão disponíveis para as linguagens HTML, CFML, ASP.NET , JSP , JRun , ASP , PHP , Modelos do Dw (Template) e WML.
Eles são ativados por padrão. para desativá-lo ou controlar a velocidade que a popup aparece , vá em Menu Edit > Preference > Code Hints. Ele estando ativado , siga esses passos para utilizar esse recurso fantástico do DW:

1. na visualização Code , insira a tag de abertura (sinal de menor) < , a lista pop-up Code Hint imediatamente mostra todas as tags para o tipo de documento em questão.

Imagem do IPB
figura 02

2. Digite a letra da primeira tag e o DW automaticamente lista as tags começadas por aquela letra em ordem alfabética. Exemplo: layer , digitei l (ele)

Imagem do IPB
figura 03

3. Selecione layer e clique ou tecle enter. Note que a tag é inserida na página. Para inserir atributos a essa tag , insira espaço, a lista de atributos para essa tag é exibida

Imagem do IPB
figura 04

4. escolha um atributo e clique ou tecle enter. Na maioria das vezes os atributos são seguidos de um sinal de = (igual) e por um par de aspas (''). Note que seu cursor fica posicionado entre as aspas.

Imagem do IPB
figura 05

5. insira o valor desejado para o atributo. Se o atributo só aceitar um certo intervalo de valores, como por exemplo o atributo table, os valores aceitos aparecerão na lista pop-up Code Hints.

Imagem do IPB
figura 06

6 . insira um novo espaço para continuar a inserir atributos ou insira a tag de fechamento > (sinal de maior)

Além de texto puro , podemos inserir também vários outros tipos de valores:

Color - paleta de cores

Imagem do IPB
figura 07

Font - tag <font> atributo face , lista de fontes

Imagem do IPB
figura 08

File - se for exigido um nome do arquivo , é aberta a caixa Select File

Imagem do IPB
figura 09

Você gostou? Comente no fórum!

Mais recentes em HTML e Editores Visuais

Remover quebras de linha de um código-fonte
Por Manito - Juntar todo código em uma linha!...
O que são tags?
Por Raphael Leão - O que são tags? - tags são os comandos do html. um...
Guia prático de html 2007 (atualizado e revisado)
Por Tiago Souza - Aborda html, xhtml, css, padrões web, web standards, dicas, etc...
Tabela de acentos e caracteres especiais
Por marcinha - Entities e ascii em html...
Elementos e atributos html em desuso segundo w3c
Por luishenrique - <style type="text/css"> - table.elementos,...

Ver mais Artigos de HTML e Editores Visuais.

Ver e retirar outras dúvidas no fórum Webly.

Alguns Direitos Reservados | RSS | O Fórum

Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com