Computadores e eletrônicos

Como adicionar imagens com tags Div no Dreamweaver

Escrito por kevin lee | Traduzido por felipe zschornack
Como adicionar imagens com tags Div no Dreamweaver

O Dreamweaver ajuda você a compartilhar suas imagens com o mundo

Jupiterimages/Polka Dot/Getty Images

Quando a sua aplicação Web precisar manipular objetos em uma página, considere acrescentar estes objetos a tags div. Elas definem seções dentro de um documento HTML. Desenvolvedores adicionam divs em páginas quando precisam agrupar vários elementos HTML, como parágrafos e imagens. Se você utiliza o Dreamweaver para criar páginas Web, adicione imagens com tags div rapidamente utilizando o menu Insert (inserir) do Dreamweaver.

Nível de Dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

    Instruções

  1. 1

    Execute o Dreamweaver e clique no botão HTML, que aparece na janela inicial do programa. Um novo documento irá aparecer na interface do Dreamweaver.

  2. 2

    Clique em "Insert" (inserir) e depois clique em "Layout Objects" (objetos do esboço). Clique em "Div Tag" para abrir a janela de "Insert Div Tag" (inserir tag div) do Dreamweaver.

  3. 3

    Digite um nome no campo de texto "ID" para dar ao div um valor de ID. Este nome é opcional. Fazer isto permite ao código JavaScript manipular o div futuramente, se necessário.

  4. 4

    Clique em "OK". O Dreamweaver terá incluído um novo div na página. Uma caixa de diálogo aparecerá ao redor do div. Esta caixa ajuda você a identificar o div na página.

  5. 5

    Clique dentro do div para posicionar o cursor lá. Clique no botão "Image" (imagem), na parte de cima do Dreamweaver para abrir a janela "Select Image Source" (selecionar fonte da imagem). Esta janela irá conter os nomes dos arquivos e pastas existentes no seu disco rígido.

  6. 6

    Dê um clique duplo em um dos arquivos de imagem. O Dreamweaver irá adicionar esta imagem ao div. Clique em "Live View" (ver ao vivo) para visualizar como a imagem e o div irão aparecer quando exibidos em uma página da web real. Adicione tags div e imagens extras quando quiser, utilizando estes passos.

Dicas & Advertências

  • Uma tag div expande quando uma imagem é adicionada a ela. Este comportamento assegura que um imagem caiba dentro do div, seja qual for o seu tamanho. Exclua uma imagem de um div clicando na imagem e pressionado a tecla "Delete" do teclado.

Mais galerias de fotos

Comentários

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível

Direitos autorais © 1999-2014 Demand Media, Inc.

O uso deste site constitui plena aceitação dos Termos de Uso e Política de privacidade de eHow. Ad Choices pt-BR

Demand Media