Vídeo: Dreamweaver-Colocar imagen y fondo de color en su pagina de internet 2024
Você pode adicionar imagens, incluindo arquivos nativos do Photoshop (PSD) e Fireworks (PNG), à sua página em branco no Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. A colocação de imagens afeta o painel Arquivos do Dreamweaver.
-
Escolha Inserir → Imagem.
A caixa de diálogo Selecionar origem da imagem é exibida.
Em alternativa, clique na guia comum do painel Inserir e clique no botão Inserir imagem.
-
Navegue até a localização da sua imagem e clique em Escolher (Mac) ou OK (Windows).
Se você escolher um arquivo nativo do Photoshop (PSD) ou Fireworks (PNG), a caixa de diálogo Visualização da imagem será exibida, permitindo otimizar sua imagem diretamente no Dreamweaver.
Se você selecionar uma imagem pronta na web, como GIF, JPG ou PNG e a imagem estiver fora da pasta do seu site, você verá um aviso. O Dreamweaver alerta você que a imagem está fora da pasta raiz, o que causa problemas ao copiar páginas para um servidor web.
Clique em Sim para copiar o arquivo para o diretório raiz do seu site. Atribua um novo nome ou simplesmente clique em Salvar para manter o mesmo nome e duplicar o arquivo de imagem na pasta do seu site.
Aparece a caixa de diálogo Atributos de acessibilidade de tags de imagem.
Todas as imagens devem ter texto Alt (alternativo) - texto que aparece antes da imagem ter baixado ou se o visualizador desligou a opção para ver imagens.
-
Adicione uma descrição apropriada da imagem na caixa de texto Texto alternativo.
Se a imagem for um logotipo, a descrição deve incluir o nome da empresa como o texto Alt ou, se for uma foto ou uma ilustração, descreva a imagem em poucas palavras.
Do ponto de vista da acessibilidade, alt text ajuda os leitores de tela (como os usados por deficientes visuais) na identificação do conteúdo da imagem para os usuários. Além disso, o texto Alt é uma ferramenta valiosa para fornecer aos motores de busca uma maneira de indexar o conteúdo da imagem incluído em seu site.
-
Clique em OK.
A imagem é adicionada à página e ao painel Arquivos.
Você pode editar uma imagem clicando duas vezes nele no painel Arquivos. Você também pode usar o Inspetor de propriedades para ver detalhes sobre a imagem, incluindo suas dimensões e tamanho de arquivo. Você também pode modificar as propriedades da imagem, incluindo borda, hiperlink e preenchimento vertical e horizontal.
Use o Inspetor de propriedades para ver informações sobre sua imagem e modificar as propriedades da imagem.Quando você cria um site maior com várias páginas vinculadas entre si, você pode querer alterar a exibição do painel Arquivos. Ao clicar na lista suspensa (no lado superior esquerdo do painel Arquivos) onde seu site está localizado, você pode localizar pastas e outros sites que você usou recentemente.Ao clicar na lista suspensa Exibir para a direita, você pode alterar a aparência do painel Arquivos.
Abra arquivos do painel Arquivos, clicando duas vezes neles.