Categoria Dicas Front-Page - Criando uma página de downloads

Posted by webmaster | Front-Page |

Nesta coluna irei ensinar como criar a tão desejada página de
downloads, que é bastante simples porém alguns se atrapalham:

Recomendo que comece criando atráves de tabelas sua pagina de
downloads, para assim ir se aprofundando mais futuramente.

Vá no menu tabelas e crie uma tabela com a quantidade de linhas que quizer, ou seja, a quantidade de downloads que você tiver para colocar e com 3 colunas: Uma para nome do arquivo, outra para descrição e a ultima para colocar a nota e/ou indicação.

Após criada a tabela coloque um plano de fundo no seu site da seguinte forma:
Clique com o botão direito em cima da pagina e selecione a opção “Propriedades da pagina” seguindo de “Plano de fundo”, no ultimo você pode selecionar a opção que quer no plano de fundo, entre cores comuns, figura ou textura. Após isso selecione a
fonte desejada, cor e coloque os nomes dos downloads, preenchendo a tabela.
Coloque todos os arquivos(downloads) que irá disponibilizar na sua home-page dentro da pasta do seu site, o processo seguinte será literalmente o mais importante, que será “linkar” os nomes ao arquivos da pagina. O processo é simples: Basta selecionar o nome do arquivo e ir na opção  “Inserir Hiperlink” no ícone bem abaixo da paleta “ajuda”, clicando nele você irá selecionar o arquivo do download dentro da pasta do seu site, pronto repita os passos em todos os nomes dos downloads e prontinho.

Porém existe uma outra maneira de fazer o processo de “linkar”, com o seguinte codigo:

<a href=”file:///Pasta/ARQUIVO.exef”>nome</a>

Observação: Não esqueça de colocar os arquivos dentro da pasta
do seu site, pois não feito este processo, ocorrerá um erro.
FONTE: CÓDIGO FONTE

Tags:

Categoria Dicas Front-Page - Criando sistema de banner rotativo

Posted by webmaster | Front-Page |

Hoje iremos aprender a criar nosso proprio sistema de banner rotativo em HTML (com linguagem javascript), Calma não se assuste..

1º passo: Abra o Frontpage, Dreamweaver ou um Editor Html (bloco de notas serve)
2º passo: Estrutura basica para sua pagina

<html>
<head>
<title>Banner rotativo</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>

<body bgcolor=”#FFFFFF” topmargin=0 leftmargin=0 text=”#000000″>
<table width=”120″ border=”0″ cellspacing=”0″ cellpadding=”0″ height=”60″ bordercolor=”#000000″>
<tr>
<td>
<div align=”center”>Inserir aqui o codigo no proximo passo</div>
</td>
</tr>
</table>
</body>
</html>

3º passo: Salve acima como “rotate.htm”
4º passo: Abra o arquivo que acabou de salvar e vamos inserir o codigo que ja deixei pronto para vcs:

<script language=”JavaScript”>
function Banners()
{
var MNews = new Array();
MNews[0]= ‘<A HREF=”http://www.codigofonte.net” target=”_blank”><IMG SRC=”http://codigofonte.net/img/banner120.gif” WIDTH=120 HEIGHT=60 BORDER=0 ALT=”Texto alternativo”></a>’
MNews[1]= ‘<A HREF=”http://www.codigofonte.net” target=”_blank”><IMG SRC=”http://codigofonte.net/img/banner468.gif” WIDTH=120 HEIGHT=60 BORDER=0 ALT=”Manuela do Monte”></a>’

var Numero = Math.floor(Math.random()*2);
document.write(MNews[Numero]);
}
</script>
<script language=”JavaScript”>
Veja_Banner = Banners();
</script>

Obs: Na linha “MNews[1]” e “MNews[0]” esta um exemplo de banner para que veja ele funcionando apos salvar o arquivo.

5º passo: Salve novamente este arquivo “rotate.htm” e agora vamos publica-lo.
6º passo: Vamos inserir na página para visualização dos banners, cada vez que atualiza a pagina muda o banner.

<iframe src =’rotate.htm’ width=’120′ height=’60′ frameborder=’0′ border=’0′ marginheight=’0′ marginwidth=’0′ scrolling=’no’></iframe>

* Este é um “IFrame”, um quadro que ficará dentro da sua pagina, ele tem tamanho 120 x 60 igual ao banner, altere as configurações do banner no arquivo “rotate.htm” neste codigo do frame altere o nome do arquivo que estão as configurações do banner, no caso “rotate.htm”
FONTE: CÓDIGO FONTE

Tags:

Categoria Dicas Front-Page - Álbum de Fotos

Posted by webmaster | Front-Page |

Bom.., para criar uma álbum de fotos no Fireworks, você tem que passar por uns treinos. Eu usaria o Front Page para isso. O FP, possui totalmente o que você descreve no post. Vou criar um Tutorial aqui para te ajudar.
1°) Abra um novo documento no Front Page.

2°) Selecione a paleta “NORMAL”, clique em “Inserir > Componente da Web”.

3°)) Selecione a opção “Galeria de Fotografias” ,selecione o Layout desejado e clique em “Concluir”.

-> Automaticamente aparecerá um painel com duas paletas de controle (”Figuras” | “[I]Layout”). Dentro desse painel, clique em “Adicionar > Figuras dos Arquivos”, como na figura:

4°) Depois, vá adicionando uma por uma as figuras no palco do painel. Pode-se selecionar até 150. Dentro do mesmo painel, pode-se formatar a fonte, estilo, descrição, e outras opções de formatação do Front Page.

5°) Para finalizar, depois de todos os passos seguidos, clique na paleta “Visualização” do Front Page, e teste o resultado!
FONTE: CÓDIGO FONTE

Tags:
Page 4 of 4«1234