Como inserir imagens em dreamweaver
minimalistas ferramentas de edição de imagem do Dreamweaver permitem que você execute edição de imagem rudimentar, tais como redimensionamento e recorte. Você encontra essas ferramentas no Inspetor Propriedades.
Conteúdo
Você não criar imagens no Dreamweaver. Para isso, a Adobe oferece Illustrator (para obras de arte, texto gráfico, imagens de fundo da página, ícones de navegação, e assim por diante) e Photoshop (para preparar fotos para a web), bem como outras ferramentas. Como regra geral, ficar com preparação de imagens para a web nesses programas.
Para inserir imagens, certifique-se que você está trabalhando no modo de design (ou, em vista de Split com o cursor no lado do design da janela). Você tem dois caminhos básicos: Inserir da sua máquina ou usar uma técnica de copiar e colar. Em ambos os casos, você precisa estar no modo de design (escolha Exibir → Design- ou, de vista Split, escolha Exibir → Código e design) para ver as imagens como você colar ou incorporá-las.
As possibilidades são a página HTML em que você está incorporando uma imagem terá algum texto sobre ele. Assim, o primeiro passo é descobrir onde você quer que a imagem apareça.
Ao contrário de design de impressão, imagens em páginas da web não são colocados em locais específicos. Que impulsiona projetistas nozes.
Assim, para inserir um arquivo de imagem do seu computador em uma página web HTML aberto no Dreamweaver, siga estes passos:
Clique na janela do documento no ponto onde a imagem é para ser inserido.
Nesta etapa, você localizar onde em seu código HTML a imagem será inserida. Novamente, onde e como a imagem é exibida será definida com CSS.
Escolha Inserir → Imagem.
Na caixa de diálogo Image Source Select que se abre, navegue e selecione qualquer arquivo no seu computador.
Se a imagem que você selecionar é fora de sua pasta do site, uma caixa de diálogo útil é exibida, solicitando que você salve uma cópia da imagem a pasta raiz do seu site Dreamweaver.
Clique em Sim.
Clique em Salvar no Arquivo Copiar como caixa de diálogo.
Video: Curso de Dreamweaver - Aula 3 (Inserindo Listas e Imagens)
Definir atributos de acessibilidade.
Video: Dreamweaver cs6 - 019 - parte 1 - inserindo imagens: menu com fotografias
Por padrão, o Dreamweaver Tag imagem Atributos de acesso caixa de diálogo aparece diante de uma imagem é finalmente inserido em uma página.
O campo de texto alternativo é a mais importante das duas opções nesta caixa de diálogo. Ele exibe texto que leu em voz alta no software de leitura para os visitantes com deficiência visual, e também que exibe em ambientes de navegação onde exibição da imagem está desativada. O texto alternativo pode e muitas vezes deve incluir letras maiúsculas e minúsculas, espaços e caracteres especiais.
Video: Dreamweaver cs6 - 019 - parte 2 - inserindo imagens: menu com fotografias
Se os visitantes com deficiência visual ou pessoas em navegar ambientes que não suportam imagens são parte de seu público-alvo, você pode considerar a criação de arquivos HTML com descrições de imagem mais substancial. Esses arquivos são vinculados à imagem através da definição de um link na caixa Descrição do longa no Tag Imagem caixa de diálogo Atributos de acesso.
Clique em OK para inserir a imagem.
Neste ponto, você só tiver inserido a imagem. design da página, incluindo a colocação de imagens e texto corrido em torno deles, é gerido com CSS