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:
Conteúdo
- 1clique na guia visual editor coffeecup- mover o cursor para o ponto onde você quer inserir o gráfico
- 2clique no botão imagem e selecione imagem
- Video: coffeecup html editor tutorial
- 3procurar e selecione-o
- Video: coffeecup html editor 2008
- 4se coffeecup pede-lhe para copiar a imagem para a pasta de trabalho, clique em sim
- 5digite o texto alt no prompt do texto alt
- 6escolha como a imagem deve ser alinhado em relação ao texto
- 7digite um tamanho da borda de uma borda preta ao redor da imagem
- 8alterar a largura e altura, se você deseja redimensionar a imagem no lugar
- 9para tornar a imagem um link, digite um url, ou navegue até o arquivo de destino em sua máquina local ou de rede
- Video: webstarter coffeecup forms tutorial
- 10para criar uma versão menor da imagem, clique na guia miniatura
- 11clique em ok
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.

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.

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

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.