Os ativos do Spry no Adobe Dreamweaver são elementos de página pré-construídos compostos de HTML, Cascading Style Sheets e JavaScript. HTML é a linguagem de marcação de página usada para criar páginas da Web; Cascading Style Sheets, ou CSS, é usado para formatar a aparência de documentos HTML; e JavaScript é uma linguagem de script do lado do cliente amplamente usada. O Dreamweaver vem com muitos recursos do Spry para a criação de vários tipos de menus, barras de navegação e elementos de formulário. Você pode alterar a aparência de um ativo Spry editando suas regras CSS.
1
Abra o arquivo HTML do Dreamweaver que contém um ativo ágil que você deseja alterar ou inicie um novo arquivo HTML clicando no menu “Arquivo” e selecionando “Novo”. A caixa de diálogo Novo documento é aberta. Escolha "HTML" na lista Tipo e selecione o layout desejado na lista Layout. Clique no botão "Criar".
2
Clique no menu “Arquivo” e escolha “Salvar como”. A caixa de diálogo Salvar como é aberta. Nomeie e salve seu arquivo.
3
Clique com o cursor do mouse na página no ponto onde deseja inserir um ativo Spry.
4
Clique no menu "Inserir", escolha "Spry" e, em seguida, escolha um ativo Spry no menu suspenso. O Dreamweaver insere o ativo Spry na página. O tipo de elemento de página criado depende da opção Spry. Por exemplo, se você escolher um menu Spry, o Dreamweaver inserirá um menu; se você escolheu um campo de formulário Spry, o Dreamweaver inserirá um campo de formulário. Você pode editar um objeto específico no elemento, como um rótulo de menu ou borda de campo de formulário, selecionando-o e editando as regras CSS do objeto.
5
Selecione o objeto que deseja editar.
6
Vá para o painel "Propriedades" e clique no botão "Editar regra" para abrir a caixa de diálogo Definição de regra CSS para o objeto selecionado. Você pode fazer várias alterações na aparência do objeto. Por exemplo, para alterar a aparência do texto, clique em "Tipo" na lista de categorias. Isso exibe opções para alterar as propriedades do texto selecionado no elemento da página, como família da fonte, tamanho da fonte e estilo da fonte. Você também pode alterar o plano de fundo, o estilo da borda e muitas outras propriedades nesta caixa de diálogo.
7
Conclua suas alterações e clique em "Aplicar". O Dreamweaver exibe as alterações na página. Clique em "OK" para fechar a caixa de diálogo Definição de regra CSS.
8
Selecione outro objeto que deseja alterar e clique no botão "Regra CSS".
9
Faça as alterações conforme descrito nas etapas 6 e 7.