__POLEGAR'S__HOMEPAGE__

Como produzir sua p�gina na internet � incr�vel como � f�cil produzir uma p�gina na internet, aqui nesse pequeno manual vamos tentar mostrar mais ou menos como funciona. Come�ando Inicialmente voc� se depara com a palavra HTML, que raios vem a ser essa coisa, ser� que morde? Pois bem, n�o morde. HTML s� vem a ser a extens�o do arquivo da sua p�gina na internet, tal como DOC � a extens�o do arquivo de texto do Windows Word do Bill Gates. Pronto, vamos agora ao �nicio do programa: Na primeira linha voc� ir� por o seguinte : Tal fu��o permite identificar que estar� sendo criada uma p�gina HTML. Quando a p�gina estiver conclu�da ser� necess�rio digitar



que identificar� o final da p�gina (Haver� um exemplo para demonstrar tal comando). Os documentos HTML ter�o sempre um cabe�alho que ser� identificado com o comando . Nesse cabe�alho se encontrar� o t�tulo da p�gina, afinal seus textos tem t�tulo, n�o? Nem sempre n�.. ent�o fica a tua escolha usar ou n�o. Para colocar o t�tulo deve ser utilizado o exemplo abaixo: <HTML> <!-- ARCHIVE by FORTUNECITY.ws --> <HEAD> <TITLE> Escreva aqui seu t�tulo



Voc� deve ter percebido que ao final de todos os comando a gente usa um comando final para determinar onde acaba tal comando, e sempre ser� com essa barrinha na frente do comando original.

Parte 2:

. A parte bonitinha Pois bem, agora vem a parte bonitinha, as cores, as figuras e toda aquela coisa que deixa as p�ginas bem bonitinhas. A parte principal � o corpo

, e dentro desse ir� se identificar as cores utilizadas na p�gina e a imagem de fundo. O comando

deve vir logo ap�s o final do cabe�alho (Ap�s . Aqui vem um exemplo, vamos explicar por partes cada linha: Digite seu t�tulo




Pronto, a� est� como usar o corpo de uma p�gina, mas voc� deve estar se perguntando, o que vem a ser um link, pois bem esses termos ser�o explicados com mais calma agora. Link : N�o � nada menos do que um "atalho" para outros endere�os na internet. Por exemplo: Algum endere�o que voc� curta bastante e quer passa-lo para outras pessoas poderem ver o que h� de t�o interessante em tal lugar. Voc� n�o vai querer que elas digitem o endere�o no Netscape ou no Internet Explorer, ent�o voc� providencia que com um CLICK do mouse sobre o LINK a pessoa v� instantaeamente para tal p�gina. VLINK: Visitaded link - Isto �, um endere�o que voc� j� visitou ser� identificado com tal cor, com a finalidade de lembrar as pessoas que visitarem sua p�gina ou por frescura. ALINK : Active Link - Isto �, um endere�o que est� ativo no momento, voc� entender� essa coisa melhor na parte de frames. Background : O que seria o background? O background � o fundo da tela, nele pode se conter o que voc� quiser de imagem ou se preferir uma �nica cor, para esta �ltima op��o basta usar o comando Bgcolor da maneira que foi descrita acima.

Parte 3:

Dentro do corpo (Hummmmmm....... ) Pois �, dentro da op��o

voc� ter� muitas op��es para incrementar sua p�gina, pode-se colocar textos, figuras, m�sicas, anima��es, links, etc e tal. Textos Se voc� fizer sua p�gina voc� deixar� sua mensagem l�, n�o vai? Ent�o, para isso � necess�rio digitar, mas voc� n�o quer deixar sua mensagem digitada de forma "feia", voc� quer tudo bonitinho, pois bem, a� vai alguns comandos que v�o te ajudar:

....

Esse comando permite que voc� aumente o tamanho da letra, quanto menor o n�mero, maior o tamanho da letra. Ex :

Etcha Letra Grande, uai

Esse comando centraliza teus textos, trocando em mi�dos, ele simplesmente deixa teu texto no meio da tela. Este comando tamb�m pode ser usado para deixar figuras no meio da tela. Ex :
Quero esse t�tulo no meio da tela

Esse comando serve para pular para a linha seguinte, ou ainda como para deixar uma linha em branco.

Esse comando faz com que a p�gina reconhe�a que o texto contido entre esses dois s�mbolos significa um par�grafo, assim quando chegar ao fim do texto ele pular� para a linha seguinte. Esse comando faz com que teu texto fique mais escuro. Faz com que as letras do teu texto fiquem INCLINADAS. Faz com que as letras fiquem sublinhadas. A cor BRANCA � apenas um exemplo, afinal essa cor pode ser branca, amarela, azul, rosa (Para os chegados), essa cor � usada para os textos, o uso � parecido com os demais comando: Esse texto vai ficar preto, legal! LINKS Pode se dizer que essa � a parte mais importante da coisa toda, afinal sua p�gina vai ter link para tudo que � buraco, seja para uma foto, um arquivo a parte, um endere�o, um comando , etc.... FOTO : Pois �, o que � uma Home Page sem uma foto ou Figura, hein? Realmente voc� tem que usa-las, n�o tem jeito de evitar, se n�o tiver n�o � p�gina. Para colocar uma foto na p�gina voc� ir� precisar de um simples comando: Texto que aparece antes de a figura aparecer, normalmente o nome da figura Ex. asdubaulino.jpg OBS: Voc� n�o precisa usar sempre as 5 �ltimas op��es, use se quiser . LINK : Como j� foi explicado antes, um endere�o ou um arquivo pode ser posto atrav�s de um link, e como usar o tal do link? Pois bem, � bastante simples, basta seguir o exemplo: Voc� quer que o cara de um click em cima da figura Gremio.jpg para ir numa p�gina falando desse grande time, no caso a gremio.html, ent�o voc� faz o seguinte : Se voc� quiser que o cara de um click em cima de um texto a coisa fica mais simples ainda: P�gina sobre o melhor time do Brasil Mas se a p�gina estiver em outro diret�rio ou em outro lugar na internet, o que fazer? Simples, basta indicar isso no lugar onde voc� colocou o nome da p�gina ou do arquivo: No caso de um arquivo no seu HD : Clique aqui para pegar o COREL 5.0 !! Nesse exemplo o FILE:/// significa que o arquivo se encontra no seu HD, o C| significa que o arquivo est� no drive C, e o /Variados/corel.zip significa a localiza��o dentro do HD e o nome do arquivo. No caso de um arquivo na internet : Clique para pegar escudo.zip Comando : No caso o �nico comando apresentado ser� o de E-MAIL, afinal os outros comando ser�o �teis depois, e n�o para n�s. O que vem a ser um e-mail? Um endere�o eletr�nico, no qual voc� pode depositar mensagens para a pessoa escolhida, e o link facilita isso pra voc�, afinal voc� ir� precisar apenas clicar sobre o LINK que automaticamente ir� aparecer uma tela para voc� escrever a mensagem que desejas enviar. O funcionamento em termos de colocar uma figura ou um texto a disposi��o do usu�rio � o mesmo dos demais links. M�sica : Sempre � legal colocar uma m�sica na p�gina, n�o �? Pois bem , tentarei explicar essa parte que n�o � t�o simples quanto as outras, mas farei o poss�vel!!! Bem... use esse comando ai e boa sorte : No lugar do bahia.mid voc� ir� entrar com seu arquivo . mid, melhor dizendo, com sua m�sica na p�gina, o comando autostart=true informa que a m�sica ir� tocar automaticamente ao entrar na p�gina, o comando loop=true faz com que a m�sica toque sempre, sem interrup��es. Build Your Free Home PageVisit other great pages on:Society>SocietyPolitics>PoliticsAmericasAmericas

Parte 4:

Frames O que s�o Frames? Frames s�o aquelas janelinhas que ficam nas p�ginas.. Por exemplo, se voc� quiser dividir sua p�gina em setores, se quiser colocar bot�es permanentes ou uma foto permanente. Bem, o uso desse comando � aconselh�vel apenas a aqueles que realmente estejam interessados em deixar a p�gina na internet bem interessante, este dispositivo n�o � necess�rio para a cria��o da p�gina. Na outra p�gina tem um exemplo de como usar o frames: SANDERS'S HOME PAGE <!-- Este texto ser� mostrado para aqueles usu�rios que n�o tiverem uma vers�o decente do netscape --> V� pegar um netscape de gente rapaz.. ou at� um internet explorer da vida.....



Vamos por partes: 1) Quando voc� usa esse comando voc� est� indicando que ser�o criados "janelinhas" na sua p�gina, este comando tem quatro op��es b�sicas (e realmente necess�rias para a gente: ROWS = "25%, *" - Serve para indicar onde passar� uma linha horizontal na sua janela, basta voc� dar asa a sua imagina��o e ter a tela em mente. No caso a linha se dividir� a 25% do total da tela partindo de cima, formando assim duas janelinhas. COLS = "25%, *" - E a mesma fun��o do superior, s� que agora informa onde uma linha vertical passar�, no caso a 25% do total da tela iniciando tal contagem da esquerda do teu v�deo. BORDER = " 3" - Indica se existir� uma borda entre as janelinhas, o n�mero inteiro significa a grossura de tal divis�o, quanto maior o n�mero mais grosso fica. No caso de voc� colocar 0 n�o existira nenhuma linha dividindo seus FRAMES. Dentro dessa op��o estar� as caracter�sticas dessa janela, ai que vai as 2 mais importantes . SRC = "Nome_do_Arquivo" - Bem, na janela voc� vai querer que apare�a alguma coisa, n�o? Essa coisa pode ser uma outra p�gina, uma figura, emfim, um arquivo qualquer, mas normalmente tem uma outra p�gina (um arquivo HTML). Por exemplo, se voc� quiser colocar uma p�gina sobre o melhor time do mundo (Gr�mio) em um FRAME e no outro sobre a melhor banda brasileira que j� existiu (Legi�o Urbana) voce faz o seguinte: Os Frames estar�o na ordem que forem digitados, neste caso a p�gina sobre o gr�mio estar� a esquerda do seu v�deo e a p�gina sobre Legi�o Urbana a direita, sem nenhuma divis�o entre elas. SCROLLING = "AUTO" - Este comando pode ser AUTO, NO, YES. No caso do AUTO aparecer� uma barra de rolamento quando preciso, e quando vai precisar? Quando voce colocar uma imagem maior do que o espa�o oferecido pelo frame. Por exemplo, no Windows Word do Bill Gates tem uma barra do lado para voc� abaixar o texto e ver o que tem l� em baixo, ou em cima se for o caso, � a mesma coisa! Na op��o NO n�o aparecer� barra de rolamento nenhuma, nem se o presidente quiser aparece. No caso do YES sempre vai aparecer, mesmo que n�o precise. Se voc� n�o especificar ele interpretar� como AUTO. NAME = "navega" - Essa op��o vai se explicada a seguir. E como fa�o para deixar um Frame Constante e o outro servindo de janela de navega��o? :( Bem... Para fazer isso precisamos usar a op��o NAME dentro do , e tamb�m precisaremos voltar na parte de link e usar a op��o TARGET dentro dos nossos LINKS. Vamos ver como fazer isso no exemplo a seguir. {CONTE�DO DO ARQUIVO PRINCIPAL.HTML} P�GINA TESTE VERS�O BETA 1 {FRAME CONSTANTE} {FRAME ONDE OCORRER� A NAVEGA��O}



{CONTE�DO DO ARQUIVO CONSTANTE.HTML} FRAME CONSTANTE

GR�MIO LEGIAO URBANA



{CONTE�DO DO ARQUIVO MUTAVEL.HTML} FRAME ONDE OCORRER� A NAVEGA��O

AQUI OCORRER� A NAVEGA��O



A op��o name serve para identificar em qual frame ocorrer� a navega��o. No exemplo acima vimos que ela vai acontecer no frame "navega", mas exatamente no espa�o onde se encontrar inicialmente o arquivo mutavel.html. Assim, quando dermos um click sobre os links contidos no arquivo constante.html (que esta no 1� Frame), os arquivos requisitados por estes links ir�o aparecer no frame navega. Mas para que eles apare�am neste frame navega, � necess�rio que indique isso para eles usando a op��o target (alvo em ingl�s) dentro do comando de LINK: GREMIO Build Your Free Home PageVisit other great pages on:Arts & LiteratureArts & Literature
Parte 5:
Como e onde editar tais p�ginas? Para que voc� possa editar suas p�ginas na internet � necess�rio que voc� tenha o Notepad (Bloco de notas) do Windows 3.11 ou Windows 95. H� a necessidade de salvar os documentos que foram criados com a extens�o html ou htm. No mercado h� programas que permitem fazer as homepages com maior facilidade. Programas como Front page, HTML Edit, o pr�prio Word 97 e outros mais.