Lar Mídia social Como adicionar imagens ao seu site no Dreamweaver - dummies

Como adicionar imagens ao seu site no Dreamweaver - dummies

Vídeo: Tutorial Dreamweaver - aula 4 - inserindo imagem no nosso documento html 2025

Vídeo: Tutorial Dreamweaver - aula 4 - inserindo imagem no nosso documento html 2025
Anonim

A adição de uma imagem à sua página da Web pode parecer quase mágica no início porque o processo é tão simples com o Dreamweaver. O desafio com os gráficos da Web não é adicioná-los às suas páginas, mas criando imagens bonitas que se carregam rapidamente no navegador do seu visualizador.

Você precisa de outro programa, como o Photoshop, Photoshop Elements ou Fireworks, para criar, converter, editar e otimizar imagens. Otimizar imagens torna o tamanho dos arquivos menor para que suas imagens baixem mais rápido. O Dreamweaver fornece algumas ferramentas básicas de edição de imagem, mas principalmente você usa o Dreamweaver para inserir e posicionar imagens em sua página.

O Dreamweaver facilita a colocação de imagens em suas páginas da web e fornece várias maneiras de fazê-lo:

  • Clique no ícone Imagens no painel Inserção comum e selecione uma imagem usando a caixa de diálogo Inserir imagem.

  • No painel Arquivos, clique e arraste um nome de imagem para a página onde deseja que a imagem apareça.

  • Use o menu Inserir.

Se você não possui uma imagem JPEG, GIF ou PNG otimizada na web, você pode baixar imagens gratuitas que já estão otimizadas.

Para colocar uma imagem em uma página da Web usando o menu Inserir, siga estas instruções:

  1. Abra uma página existente ou crie e salve uma nova página.

  2. Coloque o cursor onde deseja inserir a imagem na página.

    Você pode inserir imagens no canto superior esquerdo de um novo arquivo em branco e você pode inserir imagens em tags e elementos em uma página da Web, mas você não pode simplesmente colocar uma imagem no meio de uma página sem usar HTML adicional tags ou formatação CSS para posicioná-lo.

  3. Escolha Inserir → Imagem → Imagem.

    A caixa de diálogo Selecionar origem da imagem é exibida.

  4. Procurar para localizar a imagem que deseja inserir.

    Dependendo do seu sistema de computador, você pode visualizar imagens à medida que as inseriu de maneiras diferentes. Aqui estão três opções comuns:

    • Em um PC com o Windows XP, escolha Miniaturas na lista suspensa do menu Exibir à direita do campo Procurar em para exibir versões em miniatura de todas as imagens em qualquer pasta aberta. Você também pode ver uma única visualização de qualquer imagem selecionada na extremidade direita da caixa de diálogo.

    • Em um PC com Windows Vista ou Windows 7 , escolha uma opção de ícone (ícones pequenos, ícones médios, ícones grandes ou ícones extra grandes) na lista suspensa do menu Exibir à direita do Look In campo para exibir versões em miniatura de todas as imagens em qualquer pasta aberta. Você também pode visualizar uma única visualização de qualquer imagem selecionada na extremidade direita da caixa de diálogo.

    • Em um Mac, escolha a opção Exibir como colunas no canto superior esquerdo da caixa de diálogo. Você pode visualizar uma única visualização de qualquer imagem selecionada na extremidade direita da caixa de diálogo.

      Crédito: Fotos por Casey Stoll
  5. Para inserir a imagem, clique duas vezes no nome da imagem ou clique uma vez e depois clique em OK.

    Se você inserir uma imagem em uma página e a imagem não é salva na sua pasta do site local, o Dreamweaver solicita uma caixa de diálogo de aviso e oferece a cópia da imagem na pasta do site local. Muitos designers criam uma subpasta chamada imagens dentro da pasta do site local onde armazenam todas as imagens em seu site, mas você pode organizar imagens em várias subpastas, se preferir.

  6. Selecione a imagem na sua página da Web para visualizar e editar as propriedades da imagem.

    As opções de imagem são exibidas automaticamente no Inspetor de propriedades na parte inferior da página quando uma imagem é selecionada.

    Crédito: Foto de Casey Stoll

Quando você insere um arquivo de imagem em uma página, você realmente não adiciona uma cópia da imagem à página; você cria uma referência à imagem. O código subjacente se parece muito com o código de um link de uma página para outra.

Tanto as referências e os links da imagem incluem o nome do arquivo e o caminho da página para esse arquivo. Essencialmente, você está criando uma instrução para um navegador da Web para encontrar a imagem quando ela exibe a página.

Para exibir uma imagem em sua página da Web, você precisa fazer o upload da página e da imagem quando você publica seu site. Se seus arquivos de imagem e as páginas que se referem a esses arquivos não estão na mesma localização relativa em seu disco rígido, como estão no seu servidor web, você quebra a referência às suas imagens e aparece um ícone de imagem quebrada feia na sua página.

A melhor maneira de garantir que suas imagens e arquivos permaneçam onde eles deveriam se relacionar um com o outro é deixar o Dreamweaver acompanhá-los por você. É por isso que é tão importante completar o processo de configuração do site e garantir que você nunca mude ou renomeie uma imagem, exceto no painel Arquivos.

Como adicionar imagens ao seu site no Dreamweaver - dummies

Escolha dos editores

Noções básicas do arquivo de dados Flashback da Oracle 12c - dummies

Noções básicas do arquivo de dados Flashback da Oracle 12c - dummies

O Flashback Data Archive do oracle 12c é um mecanismo de banco de dados que permite que você para armazenar periodicamente ou indefinidamente todas as versões de linha em uma tabela ao longo da sua vida útil. Você pode então escolher uma hora para ver os dados como existia em um ponto específico. Esteja ciente de que o Flashback Data Archive é um recurso licenciado. ...

Noções básicas de clusters de aplicativos reais do Oracle 12c - manequins

Noções básicas de clusters de aplicativos reais do Oracle 12c - manequins

Se você visitou os sites da Oracle nos últimos 12 anos , você viu o byline de marketing: "Inquebrável. "Essa linha de tag refere-se ao recurso Real Application Clusters (RAC). Claro, muitos elementos estão envolvidos, mas o RAC tem o destaque. O RAC é a solução de clustering de banco de dados Oracle. Em certo sentido, funciona na teoria de que ...

Noções básicas de Redo Log Files no Oracle 12c - dummies

Noções básicas de Redo Log Files no Oracle 12c - dummies

Redo os arquivos de log armazenam as informações do buffer de log no banco de dados Oracle 12c. Eles são escritos pelo Log Writer (LGWR). Mais uma vez, você não pode ler esses arquivos binários sem a ajuda do software de banco de dados. Normalmente, os arquivos de reto de log são nomeados com a extensão. LOG ou. RDO. Pode ser qualquer coisa que você queira, ...

Escolha dos editores

São orgasmos ok durante a gravidez? - Dummies

São orgasmos ok durante a gravidez? - Dummies

As mulheres grávidas não só têm permissão para fazer sexo, mas muitas vezes o desejam. Mas é bom aproveitar a relação sexual com o ponto do orgasmo? Afinal, os orgasmos são nada mais do que contrações - e as pessoas sugeriram que isso poderia desencadear mão-de-obra. Isso é apenas um mito. De fato, grávida ...

Alimentando a Multidão em uma Reunião Familiar - manequins

Alimentando a Multidão em uma Reunião Familiar - manequins

Cozinhando uma refeição para um grande grupo (reunião familiar ou de outra forma ) requer planejamento e resistência. Aqui está um guia útil para quantidades de alimentos e segurança alimentar, e conselhos sobre a organização de uma festa de potluck. Planejando para potlucks A forma mais comum de comestibles de grupo é uma festa de potluck - qual é a maneira mais barata e fácil de ...

Anatomia do Penis humano - dummies

Anatomia do Penis humano - dummies

Sabendo como as funções de um pénis podem fornecer uma visão útil do sexo e do corpo humano - se você quer entender o pénis e a anatomia masculina melhor ou aprender sobre isso pela primeira vez. Basicamente, um pênis é composto de três estruturas, que são feitas de um material esponjoso que pode preencher com sangue: ...

Escolha dos editores

Como lidar com outliers causados ​​por Forças externas - manequins

Como lidar com outliers causados ​​por Forças externas - manequins

Certifique-se de verificar atentamente os outliers antes eles influenciam sua análise preditiva. Os outliers podem distorcer a análise de dados e dados. Por exemplo, qualquer análise estatística feita com dados que deixa outliers no lugar acaba por desviar os meios e variâncias. Os outliers não controlados ou mal interpretados podem levar a conclusões falsas. Diga os seus dados que ...

Como criar um modelo de análise preditiva com regressão R - manequins

Como criar um modelo de análise preditiva com regressão R - manequins

Você deseja criar um preditivo modelo de análise que você pode avaliar usando resultados conhecidos. Para fazer isso, vamos dividir nosso conjunto de dados em dois conjuntos: um para treinar o modelo e outro para testar o modelo. Uma divisão 70/30 entre treinamento e testes de conjuntos de dados será suficiente. As próximas duas linhas de código ...

Como definir objetivos de negócios para um modelo de análise preditiva - dummies

Como definir objetivos de negócios para um modelo de análise preditiva - dummies

Um modelo de análise preditiva visa resolvendo um problema comercial ou realizando um resultado comercial desejado. Esses objetivos comerciais se tornam os objetivos do modelo. Conhecer aqueles garante o valor comercial do modelo que você constrói - o que não deve ser confundido com a precisão do modelo. Hipotéticamente, você pode construir um modelo preciso para ...