Olá pessoal, tudo bem?

O Dreamweaver tem a facilidade de exibir uma lista de tags e funções de acordo com o tipo de tecnologia definida no site. Com essa lista, o desenvolvimento fica bem facilitado e prático, pois basta começar a digitar as primeiras letras das tags ou função, que o Dreamweaver já exibe a lista completa bastando apenas selecioná-los com o mouse ou movendo com as teclas de direcionamento (setas) e pressionar <enter> (1).

Nas tags também existem elementos (atributos), que cada tag possui, basta dentro da tag precissionar o <espaço>, que a lista de atributos da tag será exibida (2).

Nessa matéria mostrarei como criar novas tags e atributos para essa tag. Utilizaremos o Tag Library Editor.

Na barra de menus Edit » Tag Libraries.

Em Tags, você tem uma lista de pastas que representam as linguagens dentro das pastas você terá as tags e dentro delas os atributos de cada tag.

Criando tags

Na janela do Tag Library Editor, clique sobre o botão + e selecione a opção New Tags.

Na janela New Tags.

Tag library - linguagen a qual você deseja adicionar a tag;
Tag names - nome da nova tag, você poderá adicionar mais de uma tag, separando os nomes por (virgula + espaço). Ex. cftagTeste, cftagTeste2, cftagTeste3;
Have matching end tags - caso você queira que a tag precise ser fechada. Ex.: <cfTagNova>info</cfTagNova>

Depois de colocado as informações sobre a nova tag, automaticamente o Tag Library Editor irá exibí-la na lista de tags da linguagem escolhida por você.

Line breaks -quebras de linha na tag;
Contents - formatação de indetação no código (espaço);
Case - opções de caixa alta no nome das tag;

Essas três opções citadas acima, ao serem alteradas a caixa Preview, mostrá o resultado de como ficará a tag no modo código do Dreamweaver.

Adicionando atributos as tags

Como eu escrevi no início do artigo, algumas tags possuem atributos. Para adicioná-los, abra novamente o Tag Library Editor (Edit » Tag Libraries...), clique sobre o botão + e selecione a opção New Attributes.

Na janela New attributes.

Tag library - a linguagem que está a tag;
Tag - a tag que você deseja adicionar o atributo;
Attribute names - o nome do atributo que você deseja adicionar, ele também permite que você adicione mais de um atributo dividindo os atributos por (virgula + espaço). Ex.: atributo1, atributo2, atributo3.

Novamente no Tag Library Editor você verá o atributo abaixo do nome da sua tag.

Atribute case - nome do atributo em caixa alta;
Attribute type - tipos de dados que o atributo deverá conter. Ex.: Números, Texto, Cores.
Value - Essa caixa somente é abilitada quando você seleciona a opção (Enumerated), no Attribute type, você poderá definir os valores que o atributo poderá escolher, seprando os valores por virgula + espaço;

Mais uma vez você terá a presença da caixa Preview, para analisar as alterações que o atributo sofrerá ao escolher uma das opções.

Deletando tags e atributos

Para deletar uma tag basta abrir o Tag Library Editor, selecionar a tag e clicar o botão "-" (sinal de subtração), ou selecione o atributo que você deseja excluir. Tome cuidado pois o Dreamweaver não exibe nenhuma mensagem de confirmação ao excluir uma tag.

É isso. Espero que tenham gostado.

Um Abraço pessoal!