Galeria de Fotos usando Tabela

De Suporte
Volt.png
No exemplo a seguir vamos criar uma galeria de fotos.
Clique para ampliar
Para incluir a galeria de fotos em uma página do Site Pronto, vamos utilizar o recurso de tabelas.

1. Insira uma tabela clicando no botão de Tabela SitePronto127.png.

SitePronto002.jpg
Será aberta a tela de formatação de tabela.

2. Defina o número de linhas e colunas desejadas para sua tabela de acordo com a quantidade de imagens que pretende incluir no site e clique em OK.

Clique para ampliar
No exemplo foi criada uma tabela contendo 3 linhas e 2 colunas, pois iremos adicionar 6 imagens ao site.

3. Clique dentro do primeiro campo da tabela.

Clique para ampliar
4. Clique no botão de Imagem.
Clique para ampliar
Será aberta a tela de formatação de imagem.

5. Clique no botão Localizar no Servidor.

Clique para ampliar
Será aberta a tela do Gerenciador de Arquivos.

6. Clique no botão Enviar arquivos.

Clique para ampliar
Será aberta a opção para envio de imagem ao servidor.

7. Clique no botão Procurar....

Clique para ampliar
8. Procure e selecione o arquivo da imagem em seu computador.

9. Para transmitir o arquivo para o servidor clique no botão Upload.


Atenção: O Site Pronto tem uma limitação de tamanho máximo de 2Mb por arquivo. Sendo necessário reduzir o tamanho dos arquivos.

No caso de arquivo de imagem/foto o ideal é qua a imagem tenha apenas alguns Kb de tamanho, pois quanto maior o arquivo da imagem, maior o tempo para carregamento da imagem no site, fazendo com que a abertura do site seja lenta e tornando o site desinteressante aos visitantes devido a lentidão.

Clique para ampliar
10. Aguarde o processo de envio do arquivo da imagem para o servidor, quando for concluído será exibida uma mensagem informando o sucesso do envio do arquivo e o mesmo aparecerá na listagem de arquivos logo abaixo.
Clique para ampliar
11. Após clique no nome do arquivo para selecionar a imagem a ser inserida na tabela que foi criada.
Clique para ampliar
Será retornado para a tela de formatação de figura onde estará preenchido o local da imagem no servidor (URL) e a mesma será exibida no campo de pré-visualização (Preview).

12. Clique em OK para incluir a imagem no campo selecionado da tabela.

SitePronto012.jpg
Pronto a imagem foi inclusa no campo selecionado da tabela.
Clique para ampliar
13. Repita o procedimento para incluir imagens nos outros campos da tabela.

14. Quando terminar de incluir as imagens clique no botão Gravar.

Clique para ampliar
15. Após gravar as alterações visualize como o site está ficando, se o mesmo estiver publicado, poderá ver diretamente no endereço do site, por exemplo, http://www.seudominio.com.br, ou se não estiver publicado poderá visualizar no endereço do site /temp, por exemplo, http://www.seudominio.com.br/temp.
Volt.png

Alterando Imagens em uma Tabela

Se desejar alterar as imagens inclusas no site, siga o procedimento:
Clique para ampliar
1. Selecione a imagem que deseja remover clicando sobre a mesma.
Clique para ampliar
2. Tecle Delete em seu teclado para excluir a imagem.
Clique para ampliar
3. Clique no botão de Imagem.
Clique para ampliar
Será aberta a tela de formatação de imagem.

4. Clique no botão Localizar no Servidor.

Clique para ampliar
Será aberta a tela do Gerenciador de Arquivos.

5. Clique no botão Enviar arquivos.

Clique para ampliar
Será aberta a opção para envio de imagem ao servidor.

6. Clique no botão Procurar....

Clique para ampliar
7. Procure e selecione o arquivo da imagem em seu computador.

Se o arquivo da imagem nova tiver o mesmo nome da antiga, marque a opção Overwrite existing file, para que seja substituído o arquivo antigo.

8. Clique no botão Upload para transmitir o arquivo para o servidor.


Atenção: O Site Pronto tem uma limitação de tamanho máximo de 2Mb por arquivo. Sendo necessário reduzir o tamanho dos arquivos.

No caso de arquivo de imagem/foto o ideal é qua a imagem tenha apenas alguns Kb de tamanho, pois quanto maior o arquivo da imagem, maior o tempo para carregamento da imagem no site, fazendo com que a abertura do site seja lenta e tornando o site desinteressante aos visitantes devido a lentidão.

Clique para ampliar
9. Aguarde o processo de envio do arquivo da imagem para o servidor, quando o mesmo estiver completo será exibida uma mensagem informando o sucesso do envio do arquivo e o mesmo aparecerá na listagem de arquivos logo abaixo.
Clique para ampliar
10. Após clique no nome do arquivo para selecionar a imagem a ser inserida na tabela que foi criada.
Clique para ampliar
Será retornado para a tela de formatação de figura e na mesma já estará listado o local da imagem no servidor e a mesma será exibida no campo de pré-visualização.

11. Clique em OK para incluir a imagem no campo selecionado da tabela.

SitePronto024.jpg
12. Pronto a nova imagem foi inclusa no campo selecionado da tabela.

13. Repita o procedimento para alterar as imagens desejadas nos outros campos da tabela.

14. Quando terminar de incluir as imagens clique no botão Gravar.

Clique para ampliar
15. Após gravar as alterações visualize como o site está ficando, se o mesmo estiver publicado, poderá ver diretamente no endereço do site, por exemplo, http://www.seudominio.com.br, ou se não estiver publicado poderá visualizar no endereço do site /temp, por exemplo, http://www.seudominio.com.br/temp.
Volt.png