Como adicionar imagens para sua página web em coffeecup

Uma página Web sem imagens é realmente chato. CoffeeCup HTML Editor torna mais fácil para apimentar a sua página com imagens. Siga estes passos para inserir um gráfico em sua página da Web em CoffeeCup:

1Clique na guia Visual Editor CoffeeCup- mover o cursor para o ponto onde você quer inserir o gráfico

O Editor do Visual faz com que muitos aspectos de um link para uma mais fácil gráfico.

188253.image1.jpg

2Clique no botão imagem e selecione Imagem

A caixa de diálogo Inserir imagem aparece.

Video: CoffeeCup HTML Editor tutorial

3Procurar e selecione-o

Procure no seu disco rígido para encontrar o arquivo para usar.

Video: CoffeeCup HTML Editor 2008

4Se CoffeeCup pede-lhe para copiar a imagem para a pasta de trabalho, clique em Sim

Na maioria dos casos, é melhor escolher Sim- isso vai colocar a imagem na mesma pasta que a página Web, criando o mais simples possível caminho de um para o outro.

5Digite o texto alt no prompt do Texto Alt

alt texto é lido em voz alta por leitores de tela e outros programas para usuários com deficiência visual. alt texto também é usado como uma dica de ferramenta, o texto que aparece quando o usuário mouses sobre o gráfico. Guarda alt texto curto.

6Escolha como a imagem deve ser alinhado em relação ao texto

As escolhas habituais são para a imagem a ser alinhado à esquerda, com texto que flui em torno dele na direita, ou à direita, com texto flui para a esquerda dele.

188255.image3.jpg

7Digite um tamanho da borda de uma borda preta ao redor da imagem



Adicionando uma borda preta fina em torno de uma imagem faz com que pareça mais nítidas e claras (especialmente as pequenas imagens).

8Alterar a largura e altura, se você deseja redimensionar a imagem no lugar

Normalmente, você deve redimensionar a imagem antes de colocá-lo em sua página da Web. No entanto, você pode esticar ou encolher a imagem exibida, alterando a largura e / ou altura aqui.

Para manter a imagem em proporção, alterar as dimensões na mesma quantidade. Deixe a caixa Tamanho Incluir marcada para o tamanho da imagem será incluído no código HTML.

9Para tornar a imagem um link, digite um URL, ou navegue até o arquivo de destino em sua máquina local ou de rede

Você pode conectar-se a um destino Web ou usar imagens para criar um menu baseado em imagem.

Video: Webstarter Coffeecup Forms Tutorial

188257.image5.jpg

10Para criar uma versão menor da imagem, clique na guia Miniatura

Você pode escolher a percentagem de redimensionamento, o formato de arquivo e a configuração de qualidade (para imagens JPEG).

Se você quiser dar ao usuário a opção de clicar a pequena imagem para ver a versão maior, clique na caixa de seleção Vincular imagem original para.

11Clique em OK

Para alterar as configurações posteriormente, clique na imagem-as opções vai aparecer na parte inferior da área de Visual Editor.


Publicações relacionadas