Gerenciando tags no Dreamweaver

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!