Como adicionar um link para uma imagem no Adobe Dreamweaver: 7 etapas

Índice:

Como adicionar um link para uma imagem no Adobe Dreamweaver: 7 etapas
Como adicionar um link para uma imagem no Adobe Dreamweaver: 7 etapas

Vídeo: Como adicionar um link para uma imagem no Adobe Dreamweaver: 7 etapas

Vídeo: Como adicionar um link para uma imagem no Adobe Dreamweaver: 7 etapas
Vídeo: COMO ORGANIZAR A PRODUÇÃO DE CONTEÚDO COM APLICATIVO TRELLO 2024, Abril
Anonim

Ao criar sites, há certas coisas a se ter em mente, uma delas é tornar seu site interessante para os visualizadores. Com o Dreamweaver, um programa de edição de HTML, é fácil converter uma imagem em um link. Este artigo mostrará como isso é feito!

Passos

Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 1
Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 1

Etapa 1. Abra o Dreamweaver

Abra um arquivo existente ou defina um novo site e crie um novo arquivo HTML, se ainda não tiver feito isso.

Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 2
Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 2

Etapa 2. Ao criar um novo arquivo HTML, o Dreamweaver já criará uma estrutura básica de página da web para você

Insira o cursor em algum lugar entre as tags e.

Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 3
Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 3

Etapa 3. Insira a imagem desejada

Existem três métodos alternativos para fazer isso:

  • Vá para o painel 'Inserir' na parte superior. Clique em 'Imagem' e selecione 'Imagem' no submenu que aparece.
  • À direita, há uma barra com 'Inserir' e 'Arquivos' escritos no topo. Clique em 'Selecionar' e, em seguida, clique em 'Comum' no menu suspenso. Agora, insira a imagem clicando em 'Imagem'. Se essa barra não aparecer, clique onde o espaço de trabalho 'Compacto' ou 'Expandido' está escrito. Clique em 'Compact' e em 'Reset Compact' para redefinir as configurações padrão do Dreamweaver.
  • Pressione Ctrl + Alt + I no teclado.
Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 4
Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 4

Etapa 4. Ajuste o tamanho da imagem inserindo o número de pixels nos campos 'Largura' e 'Altura'

Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 5
Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 5

Etapa 5. Vá para o modo 'Design' para ver a aparência da sua imagem

Clique em 'Ao vivo' para ver como realmente ficará em seu site.

Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 6
Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 6

Etapa 6. Clique na imagem

Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 7
Adicionar um link para uma imagem no Adobe Dreamweaver Etapa 7

Etapa 7. Salve sua página da web pressionando Ctrl + S (Salvar) ou Ctrl + ⇧ Shift + S (Salvar como).

Pontas

  • Se você quiser que seja como um botão ou apenas uma forma na sua imagem, mude o fundo para um semelhante ao da sua página da web com um programa de edição de imagens como o Photoshop.
  • Clique no pequeno Globo ícone na parte superior para visualizá-lo em seu navegador.

Recomendado: