Editando o banner (imagens e tempo)

Acesse o novo curso e veja a ferramenta SitePX atualizada.

Nesta aula vamos ensinar a colocar mais imagens dentro do mesmo banner – na aula passada vimos como inserir e ajustar uma única imagem – e fazer as imagens aparecerem por animação, uma a uma. Vamos aprender a determinar também o tempo da animação, ou seja, o tempo em que as imagens mudam.

Nosso site-exemplo estava com logo, subtítulo e uma foto dentro do banner.

Você deverá entrar em Design e, dentro dos comandos que aparecem sobre o banner (área intermediária), clicar em “Editar imagens”. Lembre-se de que, quando você faz isso, surge a Biblioteca de Imagens e, na barra à direita, as imagens que vão aparecer no banner. Você  já as terá separado em seu computador. Por enquanto só temos uma imagem na Biblioteca mas vamos colocar mais duas imagens.

Clique no quadrado vermelho, à esquerda, onde está escrito “Adicionar imagens do meu computador". Clique em “Adicionar arquivo(s)”, o que levará à área interna de seu computador, onde estão imagens que você já deixou preparadas. Selecione as duas imagens escolhidas e clique em "Abrir". As imagens irão aos poucos entrando na Biblioteca de Imagens e – pronto! – mais duas imagens.

Coloque o cursor em cima de uma imagem e clique em “+”. Depois repita a operação com a outra imagem.
Você terá, então, três imagens dentro desta área inseridas no banner. Depois clique em “Concluir”

Agora, no banner, clique novamente em "Editar design” , voltando aos Controles do Banner, para definirmos as orientações de tempo de transição entre as imagens.

Na parte inferior desta área, você pode acertar o tempo de transição entre uma imagem e outra, optando por 5 segundos ou 10 segundos. Clique em 5 segundos e depois em “Salvar”.

Nós já estaremos,  nesta etapa, com três imagens no banner do site, mas a animação só aparecerá na internet.
Clique em visualizar e veja a animação, criando um movimento muito bonito na "home" do site.
Estas fotos em animação, dão um charme no site, não é?

Veja esse vídeo no You Tube: https://www.youtube.com/watch?v=6AWKuj5g87w 

 

Aula: 10 

voltar para Como criar um site

left show tsN fwR fsN|left tsN b01e fwR bsd show|left fwR tsN show|bnull||image-wrap|news login c05|fsN fwR normalcase tsN|c05|login news fwR normalcase|tsN fwR normalcase|normalcase fwR c05|content-inner||