Categoria Dreamweaver - Mais de um link na mesma imagem

Posted by webmaster | Dreamweaver |


Um recurso muito usado na Web é o de transformar uma imagem única em um menu para navegação, este recurso pode ser feito da seguinte forma:

1. Crie uma imagem contendo os textos ou ícones que preferir;

2. Selecione a imagem e clique em uma das formas de mapeamento da janela Propriedades;

3. O cursor quando colocado em cima da imagem se tornará uma cruz, clique no local da imagem a ser mapeado, segure e arraste o cursor para mapear a área a ser vinculada;

4. Ao mapear uma imagem, a janela Propriedades novamente é modificada para que você possa escolher o arquivo a ser vinculado;

5. Você pode também colocar uma descrição de referência no item Alt, essa referência aparecerá escrita quando o mouse rolar por cima da área mapeada.

Agora sua página já possui uma imagem e uma ação foi dada a ela. As barras de Propriedades disponibilizam vários recursos que você irá reconhecê-los com facilidade e assim adicionar efeitos e configurações conforme sua necessidade.

Explore estas ferramentas e descubra mais através da tentativa e aguçando sua curiosidade.

Autor/fonte: Dygimage

Tags:

Categoria Dreamweaver - Tabela

Posted by webmaster | Dreamweaver |


Em uma página HTML, que contenha imagens e textos, a melhor forma de diagramar a mesma é através de tabelas, para isso siga os passos a seguir:

1. Clique no ícone Inserir tabelas na barra de ferramentas Objetos comuns;

2. Abrirá a caixa de diálogo Inserir tabela;

3. Configure a tabela inserindo o número de Linhas, Colunas, Largura (porcentagem ou pixels) etc;

4. Clique em Ok e a tabela será inserida em sua página;

5. Após inserir uma tabela em uma página HTML, ela pode ser modificada através da janela de Propriedades;

6. Você pode escolher uma cor ou uma imagem de fundo, cor de borda etc;

7. Depois de tudo configurado, é só acrescentar os textos e imagens.

Autor/fonte: Dygimage

Tags:

Categoria Dreamweaver - Imagem cambiável (rollover)

Posted by webmaster | Dreamweaver |


A imagem cambiável trata-se do famoso rollover, aquele botão que, quando colocado o mouse em cima, muda de cor etc.

O Dreamweaver, com apenas alguns cliques, faz este efeito em Javascript. Veja como é fácil, basta seguir os passos abaixos:

1. Clique no ícone Inserir imagem cambiável na barra de ferramentas Objetos comuns;

2. Abrirá a caixa de diálogo Inserir imagem cambiável;

3. Coloque um nome para a imagem, em seguida escolha a imagem que aparecerá originalmente (imagem original). Após, escolha a imagem cambiável (que aparecerá quando o mouse for colocado em cima da imagem original). Deixe selecionado o item Pré-carregar a imagem cambiável e por último, coloque o endereço a ser vinculado por este botão. Clique em Ok e pronto.

Autor/fonte: n/a

Tags:
Page 4 of 10Primeiro...«23456»...Último