[MANUAL OWNER] Criar a pag. da cache em HTML (Frontpage)

Criar a pagina da cache em Editor HTML (Frontpage)

Vamos começar por abrir o Microsoft Frontpage.

1. Escolhemos a aba "Código" vai aparecer o código HTML
2. Carregamos com o botão direito do rato...

3. Escolhemos "Seleccionar tudo"

4. Escolhemos "Excluir", para apagar todo o código.
5. Mudamos para a aba "design"


6. Vamos agora a "Tabela" > "Inserir" e escolhemos "Tabela", vai aparecer esta janela:

7. Aqui vamos colocar, o numero de linhas e colunas que desejamos na tabela.
8. Aconselho a escolherem o padrão centralizado, para que a tabela fique alinhada no centro da pagina da cache.
9. Se queremos que a tabela seja redimensionada automaticamente, devemos desmarcar a caixa "especificar largura"; Se quisermos atribuir uma largura à tabela marcamos a mesma caixa e atribuímos um valor na caixa mesmo por baixo. (aconselho um máximo de 550pixeis, para a pagina da cache não ficar desalinhada)
10. Aqui vamos atribuir a largura visível das bordas da tabela, aconselho a colocarem a "0" (ficando assim ocultas)
11. Para finalizar carregamos em "OK" e voltamos novamente ao "Design" e podemos ver a tabela recém criada:


12. Vamos inserir na primeira linha da tabela o nome da cache.
13. Carregamos com o rato, a segunda linha da tabela e vamos adicionar uma imagem...


14. Carregamos em "Inserir" > "Imagem" e escolhemos "Do arquivo" (ou carregamos no icon com a paisagem [14a]) vai abrir a janela de explorador:

15. Escolhemos a imagem desejada.
16. Confirmamos, carregando em "Inserir", vamos ter esta apresentação:

17. Adicionamos todo o texto sobre a cache, história, etc, na pagina.


18. Escolhemos o texto desejado...
19. Alteramos aqui o tipo de letra e tamanho.
20. Escolhemos o alinhamento de texto desejado (direita, esquerdo ou centrado)
21. Escolhemos a cor do texto.

Vamos agora alterar os links das imagens (que tínhamos na pasta do PC) para imagens alojadas online. (utilizando o manual "Copiar os links das imagens da pagina da cache")

22. Carregamos com o botão direito do rato na imagem.
23. Escolhemos "Propriedades da imagem..." e vamos ter a seguinte janela:

24. Mudamos para a aba "Geral"

25. Apagamos todo o texto que está nesta caixa.

26. Colamos o link da imagem que tínhamos alojado anteriormente na pagina da cache. (ver no manual "Copiar os links das imagens da pagina da cache"
27. Carregamos por fim em "OK"

Voltamos à pagina de "design" e mudamos para a aba "Código"

28. SEM GRAVARMOS A PAGINA CRIADA, PARA O NOSSO PC! (isto ia alterar os links das imagens) Seleccionamos todo o código gerado, copiamos o mesmo e vamos colar no espaço HTML na pagina da cache (No Manual de "Como submeter (criar) uma cache" em [19])

* Se tivermos um código como mostrado em baixo:

Devemos copiar apenas [28a] o que se encontra entre:

  Código:

<div align="center"> e... </div>

Como se coloca uma imagem a passar de lado na página da cache?

De lado, como fundo?
Tens essa opção na pagina de submissão da cache... acho que é mesmo background image.

De lado, como fundo?
Tens essa opção na pagina de submissão da cache... acho que é mesmo background image.

Não, já vi páginas de caches que, quando vai descendo a página, no lado direito vai acompanhando uma(s) imagem/gif.
Era dessas que referia.

Essas não sei.

<div class="UserSuppliedContent"><br />
<div style="z-index:1000;right:0px;width:100px;position:fixed;top:0px;">
<table align="right" border="0" cellpadding="25" cellspacing="0">
<tbody>
<tr>
<td align="right" valign="top"><a href="http://colocar_aqui_hiperligação_da_imagem.org" target="_blank"><img src="http://www.colocar_aqui_endereço_da_imagem_da_internet.png" title="Colocar aqui mensagem para aparecer ao passar o rato por cima da imagem" style="border:0px solid ;width:150px;height:150px;" /></a></td>
</tr>
</tbody>
</table>
</div>
</div>

Acho que é isto. Bastará colar na descrição e alterar onde está assinalado. Alterando os valores, é possível ajustar a posição e a dimensão da figura.

<div class="UserSuppliedContent"><br />
<div style="z-index:1000;right:0px;width:100px;position:fixed;top:0px;">
<table align="right" border="0" cellpadding="25" cellspacing="0">
<tbody>
<tr>
<td align="right" valign="top"><a href="http://colocar_aqui_hiperligação_da_imagem.org" target="_blank"><img src="http://www.colocar_aqui_endereço_da_imagem_da_internet.png" title="Colocar aqui mensagem para aparecer ao passar o rato por cima da imagem" style="border:0px solid ;width:150px;height:150px;" /></a></td>
</tr>
</tbody>
</table>
</div>
</div>

Acho que é isto. Bastará colar na descrição e alterar onde está assinalado. Alterando os valores, é possível ajustar a posição e a dimensão da figura.

Obrigado pela ajuda.

A Groundspeak aconselhou os revisores para se alertar a não usarem essas imagens flutuantes, uma vez que em muitas resoluções de écran, bloqueia certas funcionalidades da página. Alguns botões, etc.

A Groundspeak aconselhou os revisores para se alertar a não usarem essas imagens flutuantes, uma vez que em muitas resoluções de écran, bloqueia certas funcionalidades da página. Alguns botões, etc.

É bem verdade.

Como uso um pc antiquíssimo essas imagens acabam por ser um "atrofio".

Chegam a tapar meio ecrã.