O World Wide Web tem um interface gráfica, não surpreende, por isso que os mais populares Web Sites tenham imagens. Os scanners e a câmaras digitais tornaram-se mais disponiveis. E muitas casas de fotografia "oferecem" para colocar as tuas imagens num Cd-Rom, para poderes partilha-las online.

Enquanto trabalhamos com gráficos e clip art, viste como é fácil colocar imagens nas páginas Web usando o FrontPage. Nesta parte da lição, irás criar um album de fotos online, para poderes partilhar algumas grandes fotos de fogo de artificio.

Para editar uma página de um album de fotos

1. Na toolbar, clica no botão Folder List, para mostrar a Folder List no Page View
2. Faz duplo-click na página Photos Album para a abrires
3. Clica no botão Folder List para o esconderes
4. Quando aparecer a página em branco, escreve "O Fogo de Artificio de Ano Novo", e tecla Enter.
5. Na nova linha escreve: "Aqui tens algumas bonitas imagens das ultimas celebrações da passagem do Ano. Clica cada uma das imagens para as visualizares em tamanho maior, e depois no botão "Retroceder" para voltar a esta página".
6. Tecla Enter 2 vezes para criar algum espaço. De seguida irás colocar 4 imagens na tua página. Elas já fazem parte da tua Web, porque as importaste previamente.
7. No botão de toolbar clica em Center.
8. Clica no botão Insert Picture From File.
9. Na caixa de diálogo Picture, selecciona firewks1.jpg, e depois clica em OK.
10. Repete os paços 8 e 9 com as imagens firewks2, firewks3, e firewks4. As restantes imagens serão colocadas na página umas a seguir ás outras.
11. Na toolbar, clica no botão Save, para guardar as alterações da tua página corrente.

Havendo muitas imagens, na tua página Web, e como poucas pessoas têm ligações rápidas á Internet, pode demorar bastante tempo até que os visitantes tenhas acesso á visualização total de todas as tuas imagens. Os visitantes podem perder o interesse pelo teu site se o tempo de carregamento das imagens na Internet (Download) for muito grande.

Na barra de "status" (rodapé da página - canto direito), o FrontPage mostra automaticamente uma estimativa de quanto tempo leva a abrir a tua página num Browser na Web, para uma ligação a um modem de 28.8K. Podes verificar estas medidas para outras velocidades de ligação, clicando com o botão direito do rato no icon da ampulheta, e escolhendo a velocidade.

Podes verificar que o tempo de download á velocidade de 28.8K para esta página é de aproximadamente 97 segundos. Isto poderá ser demasiado tempo de espera para ver as tuas imagens.

A criação de Thumbnails (miniaturas de imagens), dá a hipótese do visitante escolher a imagem que pretende visualizar em tamanho "normal", gastando assim algum tempo até que o download seja feito. Executar esta tarefa é fácil com o FrontPage.

Para alterar as caracteristicas do Thumbnail faz click no menu tools, Page Options e em seguida no separador Thumbnails. Aqui podes alterar o tamanho dos thumbnails automaticamente. Quando a cada thumbnail, devem ter um "border", para especificar que lhe está associado um link e devem estar em relevo (beveled edge) para simular um botão.

Antes de seguir com o procedimento seguinte, altera o Width e o height no tab AutoThumbnail da caixa de diálogo Page Options.

Para criar thumbnails de imagens

1. Com a página de Photo Album activa, coloca-te no inicio da página.
2. Clica na 1ª imagem para a seleccionar. O FrontPage mostra em rodapé de página uma toolbar de Pictures.

   Botão de AutoThumbnail

3. No toolbar de Pictures, clica no botão de AutoThumbnail. O FrontPage cria um Thumbnail da imagem seleccionada e coloca-lhe uma margem azul para indicar que lhe está associado um Link, para a imagem original. Quando os visitantes virem esta página, podem clicar em cada thumbnail para visualizar a imagem original.
4. Repete os paços 2 e 3 para as outras 3 imagens da página
5. Clica na segunda imagem para a seleccionar. Arrasta um dos cantos para tornar a 2ª imagem igual á 1ª. Repete para as outras imagens.
6. Clica algures dentro da página para anular a selecção. A tua página deve parecer como a que se segue:

Clica no botão Save da toolbar para guardar as alterações da tua página. Porque o FrontPage faz pequenas cópias das imagens originais, é preciso guardá-las. O FrontPage acrescenta ao nome "_small" como sufixo, a cada imagem original, para uma melhor identificação.

Na caixa de diálogo do menu Save Embedded Files, clica em OK. O FrontPage guarda as 4 thumbnails.

Para acabar a página de Fotos

1. Clica no 1º thumbnail e tecla HOME para mover o cursor para a esquerda dele.
2. Tecla na seta para a direita (Right Arrow) para mover o cursor entre a 1ª e a 2ª thumbnail.
3. Tecla em TAB, para o FrontPage criar espaço entre a 1ª e a 2ª thumbnail
4. Tecla a "Seta para a direita" para colocar o cursor entre a 2ª e a 3ª thumbnail
5. Tecla Enter. O FrontPage move a 3ª e a 4ª thumbnail para a próxima linha
6. Tecla na Seta para a Direita até te colocares entre a 3ª e a 4ª thumbnail.
7. Tecla em TAB. O FrontPage cria espaço entre a 3ª e a 4ª thumbnail.
8. Clica no botão Save do menu toolbar, para guardar as alterações da página corrente. A tua página deve parecer-se com a que se segue:

Observa a barra de status do Frontpage (canto inferior direito) e nota que a tua página deveria levar cerca de 97 segundos a ser feito o download, e que agora somente leva cerca de 4 segundos, o que é francamente melhor.