Aprendendo html(prá vc que é iniciante em HTML)

**kappa** · 28 Jun 2007, 20:48

Apredendo Html

1. HTML BÁSICO I
HTML significa Hypertext Markup Language e é a linguagem de descrição de documentos usada na World Wide Web. Ela é orientada por marcadores ou TAGs.
TAGs são os comandos utilizados pela linguagem HTML.
Cada TAG informa ao programa visualizador ou Browser, como ele deverí formatar o texto e deve estar dentro dos sinais de menor que (<) e maior que (>). Exemplo: <HTML>, <BODY>, etc.
Os TAGs podem ser únicos ou duplos, com inàcio e fim. Exemplos:

TAG único:
TAG duplo:

....</P>
1.1 - INICIANDO UM DOCUMENTO
Todo o documento HTML fica contido entre os TAGS: <HTML> e </HTML>. Temos duas seções bísicas:
HEAD
Contém parâmetros de configuração do documento.
BODY
Contém o documento em si.
A estrutura de um documento HTML é:

<HTML><HEAD><TITLE>Tàtulo da Home Page</TITLE></HEAD>
<BODY BACKGROUND="imagem">*** Conteúdo da Home Page ***</BODY></HTML>

1.2 - TAGS USADOS NO INÍCIO DO DOCUMENTO
<HTML>...</HTML>
Envolvem todas as seções de um documento (HEAD e BODY).
<HEAD>...</HEAD>
Envolvem a seção de cabeçalho do documento.
<TITLE>...</TITLE>
Indica o tàtulo do documento para o Browser. Geralmente os Browsers apresentam este tàtulo na barra de tàtulo da sua Janela no Windows.
<BODY>...</BODY>
Envolvem a seção de corpo do documento. Aqui fica o conteúdo principal da Home Page. Opcionalmente podemos indicar um arquivo de imagem para formar o fundo, usando a opção: BACKGROUND.
1.3 - TÍTULOS E SUBTÍTULOS
Para demarcar tàtulos e subtàtulos, use os TAGs de HEADER (H1 a H6), juntamente com as opções CENTER ou BLINK.
Veja alguns exemplos:
Texto inserido entre <H1> e </H1>:

Texto inserido entre <H2> e </H2>:

Texto inserido entre <H3> e </H3>:

Texto inserido entre <H3><CENTER> e </CENTER></H3> :
Observações: As TAGs CENTER e BLINK têm a função de deixar o cabeçalho ou texto centralizado e pulsante (piscando), respectivamente.

1.4 - FORMATAÇàO DE TEXTOS
Além das TAGs <CENTER>...</CENTER> e <BLINK>...</BLINK> existem as seguintes TAGs que podem ser utilizadas para a formatação de um texto.

... - Aplica o estilo negrito.
... - Aplica o estilo itílico.
<U>...</U> - Aplica o estilo sublinhado (nem todos os browser o reconhecem).
<SUP>...</SUP> - Faz com que o texto fique sobrescrito.
<SUB>...</SUB> - Faz com que o texto fique subscrito.
<PRE>...</PRE> - Utiliza a pré-formatação, ou seja, deixa o texto da maneira em que foi digitado.

2. HTML BÁSICO II
2.1 - IMAGENS
Podemos inserir imagens dentro de um documento HTML, mas devemos ter o míximo de cuidado, para não onerara transmissão para o usuírio.
Os formatos mais usados são o GIF e o JPG, ambos com compactação de pixels.
Para inserir uma imagem, uso o TAG: <IMG>, que é único, não exigindo um TAG finalizado. Exemplo:

[img]figura1.gif[/img]

Os arquivos com as imagens deverão estar armazenados no seu Provedor de Acesso, juntamente com o documento HTML.
2.2 - LINKS
Os Links servem para criar Palavras Quentes, que permitem a interligação entre documentos HTML e outros documentos ou até arquivos FTP.
Veja o seguinte exemplo:
<ul>[*]<a href=#inicio>Para o próprio documento</a>[*]Para outro documento[*]Para minha Home Page[*]Âncora para imagem externa[/list]
Use: <A NAME=nome>...
O parâmetro NAME serve para marcar um ponto para possàveis desvios. Quando desviamos para um determinado ponto dentro de um documento, indicamos este nome com um "#". Por exemplo:

<A NAME="AQUI">Aqui é um ponto para desvios</A>...Desvia para o ponto "AQUI"

3. LISTAS
3.1 - CRIANDO LISTAS ORDENADAS
Listas ordenadas, são também denominadas listas numeradas, pois, quando um navegador encontra uma TAG, iniciando uma lista ordenada, ele passa a mostrar cada item utilizando números, como 1, 2, 3, e assim sucessivamente.
Listas ordenadas são iniciadas pela TAG

.
Cada item utiliza a TAG <LI>.
Finalmente,

.
Exemplo:

<LI>É facil fazer uma Home Page
<LI>Tem que ter paciência
<LI>Bons recursos
<LI>E não exagerar em imagens

Resultado:
1. É facil fazer uma Home Page
2. Tem que ter paciência
3. Bons Recursos
4.E não exagerar em imagens.
3.2 - CRIANDO LISTAS NàO ORDENADAS
Listas não ordenadas são muito parecidas com as ordenadas. A única diferença é o fato de elas não definirem explicitamente uma ordem, como é no caso as numeradas. Eles são formados por sàmbolos, que podem ser bola, quadrado, e uma bola vazia. Elas são iniciadas com a TAG <UL> e são respectivamente terminadas com[/list]. E seus elementos são que nem as numeradas: com <LI> Exemplo:
<UL>
<LI>Internet
<LI>Intranet
<LI>BBS [/list]
resultado:
· Internet
· Intranet
· BBS
3.3 - ATRIBUTOS ADICIONAIS DO ELEMENTO UL
O Netscape introduziu o atributo TYPE também em listas ordenadas. Ele recebe o tipo do marcador que serí utilizado ao lado dos itens da lista, o qual pode ser CIRCLE, SQUARE OU DISC.

4. REFRESH PAGE
São píginas normalmente sem links, que chamam outras depois de um determinado tempo dentro dela, sem nenhuma interferência do internauta.
Para fazer uma pígina desta basta colocar no documento a seguinte linha de comando:
Ex.:
<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="segundos; URL=Documento.htm">
<TITLE> Tàtulo </TITLE>
</HEAD>
<BODY>
Corpo do Documento
</BODY>
</HTML>

5. TABELAS
Tabelas correspondem a um ótimo formato para originar informações, e é por essa razão que eles foram acrescentados à linguagem HTML

5.1 - CONSTRUINDO TABELAS COM O ELEMENTO TABLE
A TAG <TABLE> é utilizada para a representação de dados tabulares. A estrutura e o conteúdo da tabela devem ficar dentro das TAGs <TABLE> </TABLE>

5.1.1 - O TÍTULO DA TABELA (ELEMENTO CAPTION)
A TAG <CAPTION> especifica o tàtulo de uma tabela. Por exemplo:

<CAPTION>Notas da primeira avaliação</CAPTION>

5.1.2 - TABLE HEADINGS (ELEMENTO TH)
A TAG <TH> é usada para especificar as células de cabeçalho da tabela. Essas células são diferentes das outras, pois seu conteúdo aparece geralmente em negrito. O elemento TH pode ser apresentado sem conteúdo algum: isso corresponde a uma célula em branco. As tabelas podem ainda conter mais de um TH para uma dada coluna, ou linha, ou simplesmente não conter nenhum elemento TH, isto é, não conter em nenhuma célula em destaque. O TAG dela é:

<HT>texto em destaque</HT>
Observações: Elas devem ficar, assim como todas, dentro da TAG <TABLE>.

5.1.3 - TABLE DATA (ELEMENTO TD)
A TAG <TD> especifica a células de dados de uma tabela. Por se tratar de dados comuns (e não cabeçalhos), essas células possuem seu conteúdo escrito em fonte normal, sem nenhum destaque e alinhamento à esquerda. Assim como o TH, pode-se construir células em branco, usando o elemento TD, como no exemplo a seguir:

<TD>Células de dados</TD>
Observações: A TAG de terminação, <TD>, também é opcional.

5.1.4 - END OF TABLE ROW (ELEMENTO TR)
A TAG <TR> indica o fim de uma linha na tabela. Cada linha da tabela pode conter vírias células, e portanto, é necessírio que se faça uso de uma marcação que indique exatamente o ponto de quebra de uma linha e inàcio de outra. Toda linha deve terminar com um <TR>, com exceção da última linha da tabela, que dispensa o TR porque o uso da própria marcação de fim de tabela </TABLE> torna implàcito o fim da linha.

5.2 - ATRIBUTOS PARA A TABELA
As marcações das tabelas podem apresentar resultados diferentes, se acompanhadas de alguns atributos. Os principais são:

5.2.1 - BORDER
Um atributo opcional para ser usado com TABLE é o atributo BORDER. Se ele estiver presente, a tabela serí formatada com linhas de borda.

Atenção: Todas as explicações acima como as que estão por vir, foram feitas, para que você possa saber o que significa a TAG em questão.

Exemplo:

<TABLE BORDER>
<CAPTION> Nota da primeira avaliação </CAPTION>
<TD>Notas/Alunos</TD>
<TH>Eduardo</TH>
<TH>Ana Lúcia</TH>
<TH>Andréa</TH>
<TR>
<TH>Notas</TH>
<TD>8,0</TD>
<TD>9.3<TD>
<TD>7.8</TD>
<TR>
<TH>No de Inscrição</TH>
<TD>376234809</TD>
<TD>387349048</TD>
<TD>502350432</TD>
</TABLE>

Veja o resultado:

O atributo BORDER pode também receber um valor que vai estabelecer qual a espessura (além da existência)da linha de borda da tabela (BORDER="valor"). Se o valor atribuàdo for 0 (zero), o BORDER funciona exatamente como o caso padrão, sem o BORDER. Dessa maneira, é possàvel colocar tabelas em maior destaque, atribuindo um valor maior que 1 para o BORDER.

<TABLE BORDER=5>
<TD>TESTE</TD>
<TD>TESTE2</TD>
<TD>TESTE3</TD>
<TR>
<TD>TESTE4</TD>
<TD>TESTE5</TD>
<TD>TESTE6</TD>
</TABLE>

Veja o resultado:

5.2.2 - ALIGN
Este atributo pode ser aplicado a TH, TD ou TR e controla o alinhamento do texto dentro de uma célula, com ralação as bordas laterais. Quando aplicado a TR, ele define o alinhamento de toda uma linha da tabela
O exemplo abaixo, mostra como o ALIGN aceita os valores LEFT, CENTER ou RIGHT, para alinhar à esquerda, centralizar ou alinhar à direita, respectivamente.

<TABLE BORDER>
<TD>Primeira célula</TD>
<TD>Segunda célula</TD>
<TD>Terceira célula</TD>
<TR>
<TD ALIGN="CENTER">Centro</TD>
<TD ALIGN="LEFT">Esquerda</TD>
<TD ALIGN="RIGHT">Direita</TD>
<TR>
</TABLE>
Veja o resultado:

5.2.3 - VALIGN
Pode ser aplicado a TH e TD e define o alinhamento do texto em relação às bordas superior e inferior.
Aceite os valores TOP, MIDDLE, E BOTTOM para alinhar na parte de cima, no meio e na parte de baixo, respectivamente.

Veja o exemplo:

<TABLE BORDER>
<TD>Teste de alinhamento</TD>
<TD VALIGN="TOP">TOP</TD>
<TD VALIGN="middle">MIDDLE</TD>
<TD VALIGN="bottom">BOTTOM</TD>
</TABLE>

Veja o resultado:

6. FORMULÁRIOS
A linguagem HTML também permite que o cliente (navegador) interaja com o servidor, preenchendo campos, clicando em botões e passando informações. Por exemplo, eu tenho um Guest Book (formulírio) em meu site onde eu peço a todos os visitantes que dêem suas opiniões. Essas informações, devem ser tratadas por programas, denominados scripts, que podem armazení-las para uma posterior utilização. Os scripts podem ainda retornar um outro documento HTML, uma URL, ou algum outro tipo de dado para o cliente.
O elemento FORM, da linguagem HTML, é justamente o responsível por tal interação. Ele provê uma maneira agradível e familiar para coletar dados do usuírio através da criação de formulírios com janelas de entrada de textos, botões, etc.
É preciso ter em mente que o FORM coleta dados, mas não os processa. São os scripts que entendem os dados, como mencionado. É aà que entra a necessidade da interface CGI. Tal interface, permite que o servidor se comunique com o script que vai atuar sobre essas informações, retornando os resultados para o navegador.
A confecção de scripts exige que se aprenda uma linguagem de programação chamada PERL. Abaixo temos alguns endereços que processarí os dados para você, e os retornarí via e-mail. Aqui estão as referências:

· The Perl Language Home Page - http://www.perl.com/perl/
· SCG Software Archive - http://iamwww.unibe.ch:80/~scg/Src/
· Perl reference materials - http://www.geek-girl.com/perl/perl.html
· Server Side Scripts - http://www.cosy.sbg.ac.at/www-doku/tools/bjscripts.html
· Perl FAQ - http://www.cis.ohio-state.edu:80/text/f ... q/top.html

6.1 - CONSTRUINDO FORMULÁRIOS COM O FORM
Para fazer formulírio, você tem que colocar as TAGs <FORM> </FORM>. Todos os outros comandos, devem ficar dentro dessas TAGs. Ok?!
6.2 - ATRIBUTOS PARA FORM
O elemento FORM pode conter dois atributos que determinaram para onde serí mandada a entrada do FORM. Vejam como eles são:
6.2.1 - GET
Esse atributo indica totalmente como o dado é passado para o script ou programa definido no atributo ACTION.
6.2.2 - POST
Passa os dados para a entrada padrão dos sistema operacional.
Vale a pena lembrar, que serí mostrado, abaixo, um exemplo completo, de como fazer sua pígina com formulírios. Também serí dado um endereço, de um servidor, que processa os dados e os retorna via e-mail. Aà poderí ser lido normalmente. Agora serí explicado como colocar os campos de dados, mas se não estiver entendendo, copie o exemplo, e só altere os dados, com o seu nome, e suas informações.
6.2.3 - INPUT
A TAG <INPUT> especifica uma variedade de campos editíveis dentro de um formulírio. Ele pode receber diversos atributos que definem o tipo de mecanismo de entrada (botões, janelas de texto, etc.), o nome da variível associada com o dado da entrada, o alinhamento e o campo do valo mostrado. O atributo mais importante do INPUT é o NAME. Ele associa o valor da entrada do elemento. Por exemplo, quando você for receber os dados, jí, processados, irí vir o name : =resposta dada pelo visitante. Outro atributo importante é o TYPE. Ele determina o campo de entradas de dados. Veja como se usa este atributo:
<INPUT TYPE="TEXT" NAME="nome">
Para mudar o tamanho, da janela padrão, você tem que colocar o comando SIZE. Por exemplo:
<INPUT TYPE"TEXT" NAME="nome" SIZE=8>(ou número desejado)
Outro comando importante é o VALUE. Ele acrescenta uma palavra digitada no comando à janela. Por exemplo:
<INPUT TYPE"TEXT" NAME="nome" SIZE=8 VALUE="texto.">
Olhe como ficaria:

6.2.3.1 - TIPOS DE ELEMENTOS TYPE
Você pode fazer vírias coisas com o elemento TYPE. Por exemplo, para ser um campo de senha, que quando digitado, apareça o sàmbolo "*", ao invés das letras, você deve escrever o seguinte:
<INPUT TYPE"PASSWORD" NAME="nome" SIZE=8>
6.2.3.1.1 - TYPE="RADIO"
Quando o usuírio deve escolher uma resposta em uma única alternativa, de um conjunto, utiliza-se o RADIOButtons. Um exemplo tàpico do uso de tais botões, é cuja resposta pode ser SIM ou NàO. É preciso que todos os rídios buttons es um mesmo grupo, ou seja, referentes a mesma pergunta, tenham o mesmo atributo NAME. Para esse tipo de entrada, os atributos NAME e VALUE, são necessírios. Veja a seguir:
<INPUT TYPE="RADIO" NAME="você gostou dessa home page?" VALUE="sim">sim

<INPUT TYPE="RADIO" NAME="você gostou dessa home page?" VALUE="nao">não

Repare:

6.2.3.1.2 - TYPE="PASSWORD"
Este comando serve para fazer uma campo de senhas! Quando a pessoa digitar, aparecerí o sinal de "*"! O comando é:
<INPUT TYPE="PASSWORD" NAME="SENHA" MAXLENGHT=6>
6.2.3.1.3 - TYPE="CHECKBOX"
Esse comando é vílido quando apenas uma resposta, é esperada. Mas nem sempre estí é a situação...O tipo CHECKBOX provê outros botões através dos quais mais de uma alternativa, pode ser escolhida.
Definição dos checkboxs:
<INPUT TYPE="CHECKBOX" NAME="netscape" VALUE="net">Netscape

<INPUT TYPE="CHECKBOX" NAME="Explorer" VALUE="exp">Internet Explorer

<INPUT TYPE="CHECKBOX" NAME="Mosaic" VALUE="mos">Mosaic

<INPUT TYPE="CHECKBOX" NAME="Hot Java" VALUE="hot"> Hot Java

Veja o resultado:

6.2.3.1.4 - TYPE="SUBMIT"
Esse é o botão que submete os dados do formulírio quando pressionados, ou seja, possibilitam, o envio, dos dados para o script que vai tratí-los. Veja como se adiciona o botão:
<INPUT TYPE="SUBMIT" VALUE="enviar">

Veja como ficarí:

6.2.3.1.5 - TYPE="RESET"
No caso dos botões RESET, quando o botão é clicado, ele automaticamente limpa todos os campos jí preenchidos no formulírio, voltando à situação inicial.
<INPUT TYPE="RESET" VALUE="Limpar">

Veja como ficarí:

6.2.4 - TEXTAREA
Para se limitar o tamanho do campo mostrado na tela, faz-se o uso dos atributos COLS e ROWS que especificam, respectivamente, o número de colunas e linhas que se deseja mostrar para o usuírio. O atributo NAME é obrigatório, e especifica o nome da variível, que serí associadaa à entrada do cliente (navegador)O atributo value não é aceito nesse elemento, mas você pode colocar jí um texto da seguinte maneira. Veja como ele é colocado:
<TEXTAREA NAME="nome" COLS=20 ROWS=3>texto</TEXTAREA>

6.2.5 - SELECT
Embora os usuírios não precisem digitar sempre suas respostas, mostrar cada opção através de botões consegue um bom espaço, e facilidade. Veja como ele funciona:
<SELECT>
<OPTION>opção1
</SELECT>
Veja o resultado:

6.3 - EXEMPLO COMPLETO
Abaixo, temos um exemplo completo de uma pígina com um formulírio.
<form action="http://www.uki.edu/cgi-bin/AnyForm.cgi" method="post">
<input type="Hidden" name="AnyFormModle" value="Mail">
<input type="Hidden" name="AnyFormDisplay" value="http://www.gun.com.br">
<input type="Hidden" name="AnyFormTo" value="gun@gun.com.br">
<input type="Hidden" name="AnyFormSubject" value="Dados do Formulírio de HTML">
Qual o seu nome?<input type="Text" name="Nome" size="40">

Qual o seu E-mail?<input type="Text" name="E-mail" size="40">

Você gostou da minha Home Page?<input type="Radio" name="Gostou" value="Sim">sim <input type="Radio" name="Gostou" value="Mais ou Menos"CHECKED>
Mais ou Menos <input type="Radio" name="Gostou" value="Não">Nem um pouco!

Qual a pígina que você mais gostou??<select name="Melhor Pígina"><option value="Interface">Interface</option>
<option value="Imagens, som, etc.">Imagens, som, cores, comandos bísicos, etc.</option>
<option value="Frames">Frames</option>
<option value="Ferramentas">Ferramentas</option>
<option value="Formulírios">Formulírios</option>
<option value="CGI">CGI</option>
<option value="JAVA">JAVA</option>
<option value="Java Script">Java Scipr</option>
<option value="VRML">VRML</option>
<option value="CHAT">CHAT</option>
<option value="Onde colocar">Onde colocar</option>
<option value="Onde divulgar">Onde Divulgar</option>
<option value="Bombas em Java Script">Bombas em Java Script</option>
<option value="Contadores de Acesso">Contadores de Acesso</option>
<option value="Organizando às informações">Organizando às informações</option>
</select>

Deixe seus comentírios sobre a minha Home Page:<textarea name="Comentírios" cols="28" rows="5"></textarea>

O que estí faltando? <input type="Text" name="O que estí faltando?"Value="o que falta?">

Essa Home Page lhe ajudou?<input type="Radio" name="Ajudou?" value="sim">Sim <input type="Radio" name="Ajudou?" value="Não!">Não!

<input type="Submit" value="Enviar ">
<input type="Reset" value="Limpar Dados">

7. FRAMES
Os FRAMES são divisões de telas do seu browser que permite a utilização de vírios documentos no formato HTML.
Os FRAMES são visualizados pelo Netscape Navigator, e pelo Internet Explorer.
7.1 - ESTRUTURA
Assim como o corpo do HTML, os FRAMES tem sua estrutura. Eles entram no lugar do corpo, substituindo o <BODY></BODY> por <FRAMESET></FRAMESET>.
Exemplo:
<HTML>
<HEAD>
<TITLE> Tàtulo do Documento </TITLE>
</HEAD>
<FRAMESET>
Sintaxe dos Frames
</FRAMESET>
</HTML>
7.2 - SINTAXE
Primeiramente devemos fazer um documento HTML para ele ser especificado pela sintaxe de FRAMES, no caso chamado de Frame1.htm.
<HTML>
<HEAD>
<TITLE> Frame 1 </TITLE>
</HEAD>
<BODY>
<FONT SIZE=+1> Frame n1 </FONT>
</BODY>
</HTML>
7.3 - FRAMESET
A primeira especificação é o FRAMESET, que é acompanhado pelas definições ROWS e COLS.
7.3.1 - ROWS
Especifica o numero de FRAMES e a altura de cada um.
Exemplo:
<FRAMESET ROWS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
Neste exemplo de cima, ele chama 3 FRAMES, o 1º com 20% da tela, o 2º com 30% da tela, o 3º com 50% da tela (ambos em altura).
7.3.2 - COLS
Especifica o numero de FRAMES e a largura de cada um.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
Neste exemplo de cima, ele chama 3 FRAMES, o 1º com 20% da tela, o 2º com 30% da tela, o 3º com 50% da tela (ambos em largura).
7.4 - FRAME
A segunda especificação é o FRAME, que é acompanhado pelas definições SRC, NAME, SCROLLING, NORESIZE, TARGET.
7.4.1 - SRC
Especifica o documento de formato HTML chamado para o FRAME.
Indispensível, por que sem ele só o documento aparecerí vazio, só com as divisões.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>

7.4.2 - NAME
Especifica o nome do documento de formato HTML chamado para o FRAME.
É extremamente necessírio para o uso do TARGET, que serí visto a seguir.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM" NAME="Principal">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
7.4.3 - SCROLLING
Define se o Frame terí barr de rolagem, o default é Auto.
Fornece as opções: Yes, No, Auto.
Yes - Exibe a barra de rolagem independente do tamanho do documento.
No - Não exibe a barra de rolagem, mesmo que o documento seja maior que o tamanho especificado.
Auto - Só exibe a barra de rolagem se o documento for maior que a írea especificada.
Exemplo:
<FRAMESET COLS="20%,30%,50%"
<FRAME SRC="FRAME1.HTM" SCROLLING="no">
<FRAME SRC="FRAME1.HTM" SCROLLING="yes">
<FRAME SRC="FRAME1.HTM" SCROLLING="auto">
</FRAMESET>
7.4.4 - NORESIZE
Impossibilita o usuírio de mudar o tamanho da írea especificada do FRAME.
Por default o usuírio pode mudar esta írea.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM" NORESIZE>
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
7.4.5 - TARGET
Define qual a írea (FRAME) que aparecerí o documento especificado pelo link.
Mais útil na utilização de Menus e àndices.
Necessita do NAME.
Exemplo:
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="FRAME1.HTM" NAME="Principal">
<FRAME SRC="FRAME1.HTM">
<FRAME SRC="FRAME1.HTM">
</FRAMESET>
O Link:
Microsoft
Se você quiser criar um link que chama uma nova tela do browser basta colocar TARGET="um nome que não existe".
7.5 - BORDER
Define qual a borda que o FRAME terí.
Mais útil na utilização de BACKGROUNDS iguais.
Exemplo:
<FRAMESET COLS="20%,30%,50%" FRAMEBORDER="NO" BORDER=0>
<FRAME SRC="FRAME1.HTM" FRAMEBORDER="NO" BORDER=0>
<FRAME SRC="FRAME1.HTM" FRAMEBORDER="NO" BORDER=0>
<FRAME SRC="FRAME1.HTM" FRAMEBORDER="NO" BORDER=0>
</FRAMESET>

8. MÚSICA
Existem 2 maneiras de colocar músicas em sua home page. A primeira é com o TAG <BGSOUND> que só é reconhecido pelo Internet Explorer. Para utilizar este TAG siga o exemplo :
<BGSOUND SRC="arquivo.mid">
Onde arquivo.mid é o arquivo de música. Caso você queira que a música repita-se, adicione o atributo loop="infinite".
A segunda maneira é com o TAG <EMBED> que, por ser reconhecido pelo Internet Explorer e Netscape, é recomendado. Para utiliza-lo, siga o exemplo :
<EMBED SRC="arquivo.mid">
É recomendado usar arquivos midi por serem bem menores que os wavs.

9. CARACTERES ESPECIAIS

Á Á í á Â &Acirc
â â À À à à
Å Å å å à Ã
ã ã Ä Ä ä ä
Æ Æ æ æ É É
é &eacute Ê Ê ê ê
È È è è Ë Ë
ë ë Ð Ð ð ð
Í Í à &iacute Î Î
î î Ì Ì ì ì
Ï Ï ï ï Ó Ó
ó ó Ô Ô ô &ocirc
Ò Ò ò ò Ø Ø
ø ø Õ Õ õ õ
Ö Ö ö ö Ú Ú
ú ú Û Û û û
Ù Ù ù ù Ü Ü
ü ü Ç Ç ç ç
Ñ Ñ ñ ñ < <
> > & & " "
® ® © © Ý Ý
ý ý Þ Þ þ þ
ß ß º º ª &170;
¹ ¹ ² ² ³ ³
ƒ ƒ † † ‡ ‡
‰ ‰ ¢ ¢ £ £
« « ± ± » »
· · ¼ ¼ ½ ½
¾ ¾ ¿ ¿ × ×
÷ ÷ ¡ ¡ ¤ ¤

10. IMAGENS CLICÁVEIS
Você jí deve ter reparado que algumas home pages possuem imagens que não são simples figuras decorativas, existe um tipo de imagem que é sensàvel ao clique de mouse e funciona como uma plataforma de lançamento para diversos links de hipertexto. Uma excelente utilização para esse tipo de imagem, é por exemplo na criação de barras de navegação - muito comuns na Web.

Não seria interessante se pudéssemos criar regiões clicíveis independentes, onde cada uma delas nos levasse a documentos distintos? Mas como serí que isso é feito?

Com certeza você deve estar pensando que isso é uma tarefa para experts, mas estí muito enganado! Chegou a hora de adicionar esse recurso à sua home page, mas como não queremos que você saia por aà sem saber o que estí fazendo, que tal primeiro entendermos um pouco melhor como tudo isso funciona?

10.1 - MÉTODOS QUE TORNAM SUA IMAGEM SENSÍVEL
Existem dois métodos para tornar uma imagem sensàvel em determinada região, ou de outra forma, métodos para a construção de "mapas de imagens" - os Mapas Locais de Imagens (Client-Side Image Maps) e o Mapa Remoto de Imagens (Server-Side Image Maps). A escolha entre um ou outro pode ser feita após analisarmos suas caracteràsticas principais.

A diferença bísica entre os dois métodos é clara e extremamente importante. O mapa remoto é uma combinação de CGI (Common Gateway Interface), HTML e um "arquivo de mapa" que nada mais é do que um arquivo que informa as regiões sensàveis da imagem e que reside no servidor de Web. Este método funciona da seguinte maneira:

Quando você clica sobre uma região sensàvel de uma imagem, o browser fornece ao servidor de Web as coordenadas (x,y) de onde você clicou. O servidor procura no arquivo de mapa daquela imagem, qual a URL (Uniform Resource Locator) que corresponde a região clicada, e envia essa URL de volta para o browser, que se encarrega de solicití-la e mostrí-la em sua tela.

Por outro lado, quando você utiliza um mapa local de imagem (Client-Side Image Maps), todas as informações que definem o mapa das regiões sensàveis da imagem estão dentro do próprio código HTML da pígina que estí sendo mostrada na sua tela, e com isso não hí necessidade de recorrer ao servidor para identificar as coordenadas de um clique. Economizamos um acesso ao servidor, e isso pode ser interessante…

Então, podemos dizer que o mapa local de imagem produz uma melhor utilização da rede, gerando um trífego menor, diminuindo a carga de pedidos para o servidor de Web e aumentando a performance do browser, jí que o tempo de resposta fica reduzido ao pedido da URL. Não é tudo o que a gente quer? Então, esse serí o método escolhido - Mapa Local de Imagem.

10.2 - SENSIBILIZANDO AS IMAGENS
Essa tarefa serí dividida em duas partes, a criação do documento HTML e do mapa de imagem. Utilizando qualquer editor de sua preferência, adicione a imagem que deseja sensibilizar ao código HTML de sua pígina com o TAG <IMG SRC …>.

Exemplo:

<HTML>
<HEAD>
<TITLE> Imagens sensàveis à cliques de mouse </TITLE>
</HEAD>
<BODY>
<H3>Exemplo de imagem sensàvel ao clique de mouse</H3>

[img]exemplo.gif[/img]
</BODY>
</HTML>

Por enquanto nada de muito novo, não é? Então vamos passar para a parte "mais nobre" - a construção do mapa de imagens.
Para essa tarefa, você vai precisar de um software especial conhecido como "MAPEDIT", para definir as regiões sensàveis da imagem. Ví até http://www.boutell.com/mapedit/#download, e escolha a versão mais adequada para você - Windows 95, Windows 3.1, etc… Em nosso exemplo iremos utilizar a versão de 32 bits para Windows 95.

Após descompactar o software, execute-o. A primeira tela que surgirí para você serí "Open/Create Map". Clique no botão "Browse…" ao lado de "Map or HTML File", para localizar o arquivo HTML editado anteriormente - em nosso exemplo exemplo.htm.

Ao selecionar o arquivo, uma nova janela surgirí com a lista de todas as imagens inseridas no documento HTML - em nosso exemplo só inserimos uma, exemplo.gif. Posicione o cursor sobre o nome da imagem que deseja sensibilizar e clique "Ok".

Observe que a primeira janela mostrada, estí agora preenchida com todas as informações necessírias. Clique "Ok" e a imagem escolhida serí apresentada para você.

Chegamos ao momento mais importante - associar íreas da imagem às URLs.

Você pode optar por vírias ferramentas na hora de marcar a região a ser sensibilizada - retângulos, càrculos ou polàgonos. O ideal é que escolha a que melhor se adapte ao formato da írea a ser mapeada.

Estando com a ferramenta selecionada, vamos começar a definir as regiões - os quatro botões da barra de navegação, procura, comentírio, correio e internet.br. Marque a írea do primeiro botão mantendo o mouse clicado, solte-o e em seguida dê um clique. Surgirí uma janela "Object URL".

Em "URL for clicks on this objects", informe a URL associada à esta írea. Na verdade, o que irí acontecer é que quando essa região - que agora funciona como um botão - for clicada, a pígina referente a URL fornecida serí carregada. Repita a operação para todos os outros botões que queira associar à URLs.
Pronto, seu mapa estí criado! Você pode salví-lo acessando o menu "File", opção "Save" e observe que em "Save As format" a opção "Client Side Map (HTML)" deverí estar selecionada. O MAPEDIT adicionarí algumas linhas ao seu código HTML, e a versão final dele deverí ser algo mais ou menos como o mostrado abaixo:

Arquivo exemplo.htm depois da utilização do MAPEDIT:

<HTML>
<HEAD>
<TITLE> Imagens sensàveis à cliques de mouse </TITLE>
</HEAD>
<BODY>
<H3>Exemplo de imagem sensàvel ao clique de mouse</H3>

[img]navega.gif[/img]
<map name="navega">
<area shape="rect" coords="0,0,158,33" href="procura.htm">
<area shape="rect" coords="161,0,317,32" href="comenta.htm">
<area shape="rect" coords="323,0,479,32" href="correio.htm">
<area shape="rect" coords="483,0,641,32" href="internetbr.htm">
<area shape="rect" href="navega.htm" coords="0,0,640,32">
</map>
</BODY>
</HTML>

Existe um conceito importante que é o de "URL default", que é utilizado para definir a URL que deve ser carregada sempre que for clicada uma região que não tenha sido definida no mapa. No menu "File", opção "Edit Default URL ...", você deve informar a URL da própria pígina corrente, em nosso exemplo seria exemplo.htm. Assim, sempre que uma região não definida da imagem for clicada, nada de diferente irí acontecer.

Duas opções importantes do MAPEDIT que você deve conhecer: o àcone da "seta", na barra de ferramenta, é utilizada para testar o mapa e o àcone ao lado, algo como um càrculo com traços, permite que você altere a írea previamente definida do mapa. Muito utilizado nas correções.

11. GIFS ANIMADOS
O GIF animado não é nada mais nada menos que um arquivo no formato GIF feito por um programa chamado Gif Construction Set, da Mind Work Shop (http://www.mindworkshop.com/alchemy/alchemy.html). Basta pegí-lo!... e depois configurí-lo.
11.1 - CONFIGURAÇàO
Vamos por etapas:
· Crie um novo documento (File/New)
· Insira um Control (Insert/Control).
· Insira um Loop (Insert/Loop).
· Insira a primeira figura criada por você (Insert/Image).
· Use a opção: use this image as global pallete.
· Insira a segunda figura (Insert/Image).
· Use a opção: dither this image as the global pallete, se necessírio.
· E repita a operação para cada figura.
· Depois de dois cliques em cima do Control (3ª linha)
· Na opção delay coloque 50, clique em OK.
· Se quiser que o fundo seja transparente clique no checkbox do transparent colour, escolha a cor para ser transparente, e no Remove by coloque Background, clique em OK.
· Depois de dois cliques em cima da Image (4ª linha)
· Clique no checkbox do local palette, clique em OK.
· Em cima do control ví no menu Edit/Copy.
· Clique na primeira figura e ví ao menu Edit/Paste.
· Clique na segunda figura e ví ao menu Edit/Paste.
· Repita a operação em todas as figuras.
· Salve o documento como animação.gif
· Ví no seu editor de Píginas (recomendível o HotDog - http://www.Sausage.com/) e insira esta imagen como uma normal.
· Ví até o seu Netscape e visualize a perfeita animação.

Caso você queira adquirir algumas animações jí feitas para serem colocadas em sua home page, você pode adquiri-las através de algumas píginas que fornecem GIFs. Para obter estas GIFs, é só procura-las através de algum serviço de busca.

12. FERRAMENTAS
Abaixo, temos alguns endereços onde é possàvel encontrar certas ferramentas para tornar mais rípido e fícil o uso da linguagem HTML. Não que seja obrigatório o uso destas ferramentas, mas são muito boas. Você faz tudo com mais facilidade. E além do mais, você pode adicionar mais recursos através destas. Veja:

12.1 - UTILITÁRIOS GRÁFICO
· ACDsee v1.31
HomePage: http://vvv.com/acd/
Descrição: Visualizador de gríficos. Suporta GIF, JPG, TIFF, BMP e outros.

· Acrobat Reader v2.1
HomePage: http://www.adobe.com/Acrobat/AcrobatWWW.html
Descrição: Visualizador de arquivos .PDF

· Gif Construction Set for Windows v1.0L
HomePage: http://www.mindworkshop.com/alchemy/gifcon.html
Descrição: Aplicativo para criar arquivos GIF Animados

· Graphic Workshop For Windows
HomePage: http://www.mindworkshop.com/alchemy/alchemy.htm
Descrição: Um dos melhores visualizadores de gríficos for Windows.

· Graphx Viewer v1.51
HomePage: http://www.group42.com
Descrição: Um ótimo programa manipulador de gríficos

· LView Pro v1.b1 For Windows
HomePage:http://world.std.com/~mmedia/lviewp.html
Descrição: ótimo editor de gríficos. JPG, GIF, PCX, BMP, TIFF, etc.

· Paint Shop Pro v3.11 for Windows
HomePage: http://www.jasc.com
Descrição: Manipulador de gríficos. Semelhante ao Adobe PhotoShop.

· WebImage v1.72 for Windows
HomePage: http://www.group42.com
Descrição: Programa para fazer Gif transparente e mapeamento. Ótimo!

12.2 - EDITORES HTML

· Aardvark Pro v2.11
HomePage: http://www.fbs.aust.com/aardvark.html
Descrição: Um bom editor HTML com vírias funções.

· Alchemy v1.0b for Windows
HomePage: http://www.stormsurge.com/alchemy/
Descrição: Editor HTML, mais um programa de FTP e Telnet.

· Arachnid HTML Editor
HomePage: http://rhwww.richuish.ac.uk/resource.htm
Descrição: Um editor de HTML que suporta as mais utilizadas TAGs

· Dida v1.50
HomePage: http://home.netvigator.com/godfreyk/dida/
Descrição: Bom editor HTML com um preview próprio

· FleXed v1.5d for Windows
HomePage: http://www.infoflex.com.au/flexed.htm
Descrição: Ótimo e flexàvel editor HTML, com um próprio preview de FRAMES, formulírios...

· Gomer v1.4
HomePage: http://www.clever.net/gomer/
Descrição: Tudo o que você esperava de um editor, pequeno e ótimo

· Hot Dog Web Editor Prefessional v2.53
HomePage: http://www.sausage.com/
Descrição: O mais fícil e melhor editor HTML! Faça tudo o que puder!

13. HOSPEDAGEM
A Sede Internet (http://www.sede.com) fornece os melhores serviços de hospedagem de píginas web. Pela Sede você pode adquirir todos os recursos necessírios para manter uma home- page no ar. Estes recursos podem ser: mais espaço para armazenagem da pígina (megabytes) e até a possibilidade de rodar seus próprios cgis no ar ou até utilizar os cgis pré-configurados que a Sede coloca ao seu dispor. Outro recurso excepcional é o de domànio próprio. Com ele, você pode obter um novo, personalizado e simplificado endereço no tipo http://www.nome.com ou http://www.nome.com.br. Para obter mais informações sobre os outros serviços da Sede, consulte a sua home-page.

14. GLOSSÁRIO

Aqui você encontra as palavras mais utilizadas na Internet com seus significados.
Caso deseje fazer uma pesquisa no Nestcape 3.0 pressione CTRL + F ou no Menu Edit/Find..

- A -

Administrador de Rede - Toda rede de computadores tem uma pessoa responsível por toda a estrutura e funcionamento: o administrador da rede. Esse administrador é quem vai definir a que recursos da rede cada pessoa terí acesso.
Alias - É um apelido que você pode utilizar no lugar de um e-mail de uma pessoa ou grupo. Por exemplo, ao invés de organizar uma lista de endereços eletrônicos com e-mail de cada um, você fornece um nome mais simples que identifique cada pessoa.
Artigo (article) - Qualquer mensagem enviada para os grupos de discussão (newsgroups).
Archie - Ferramenta de procura de arquivos. Para consultí-los, usa-se o Telnet ou envia-se comandos por e-mail. O Archie devolve uma lista com os arquivos encontrados através de palavras-chave ou através de alguma descrição. Existem vírios servidores Archie espalhados pela rede. Ao usí-lo, localize o mais próximo de você.
ASCII - Significa "American Standart Code" for Information Interchange, código utilizado para representar textos quando hí computadores envolvidos.
Attachment - Você pode anexar qualquer tipo de arquivo ao seu mail utilizando a opção "Attachment", do seu software de correio eletrônico.

- B -

Backbone - É a espinha dorsal da Internet, onde são encontradas as maiores velocidades de transmissão.
Banco de dados (database) - Em termos de Internet, computador que contém um número muito grande de informações, que podem ser acessados pela rede.
Banda Passante (Bandwidth) - É tipicamente usada para especificar a quantidade de dados que podem ser enviados em um canal de comunicação.
Baixar (Download) - Processo de transferência de arquivos de um computador remoto para o seu através de modem e programa especàfico.
BBS (Bulletin Board System) - Serviço eletrônico que oferece recursos como correio eletrônico, acesso a outros computadores e serviços remotos, meios de oferecer e receber arquivos. O acesso ao BBS tanto pode ser feito pela Internet como por discagem direta.
BITNET - Iniciais da expressão "Because It's Time Network" (Porque é tempo de rede) esse é o nome de uma rede acadêmica e de pesquisa iniciada em 1981 e operada pela Educom.
Bits - É a menor unidade de medida de armazenamento do computador. Apresenta dois estados: 0 e 1.
Bits por segundo (BPS) - É o número de bits transmitidos a cada segundo. É utilizado como uma unidade de medida que indica a velocidade de transferência de informações em uma rede.
Byte - Cadeia de oito bits.
- C -

CC (Courtesy Copy) - Quando você envia um e-mail, existe a possibilidade de enviar uma cópia para uma outra pessoa que também se interesse pelo assunto, utilizando a opção "cc" que se encontra no cabeçalho de todos os clientes de correio eletrônico. Você também pode utilizar esse campo se desejar guardar um e-mail que tenha enviado para alguém. Basta colocar no campo "cc" o seu próprio endereço.
Cliente - Um programa que roda no seu computador, o Netscape Navigator e o Eudora são alguns exemplos de clientes. Geralmente trabalha em dupla com o servidor.
Correio eletrônico (e-mail) - Mensagens privadas entregues através de contas individuais. Este endereço indica o "lugar" onde você tem uma caixa postal. Através do e-mail é possàvel solicitar arquivos, informações, fazer pesquisas e enviar comandos para operar computadores remotos que realizam tarefas para o usuírio.
Cracker - É um indivàduo que tenta acessar sistemas de computadores sem autorização. Geralmente é malicioso, e ao contrírio do "Hacker" (veja Hacker) ele tem sempre uma segunda intenção quando quebra o sistema.
Cyberspace - Quem jí entrou na Internet jí teve a sensação de estar em um universo paralelo de idéias e informações, tamanho o número de possibilidades lí existentes. O cyberspace (espaço cibernético) foi o nome dado a este mundo virtual, e a Internet é a sua porta de entrada.

- D -

Diretório (directory) - Arquivos em alguns sistemas de computadores que ficam agrupados juntos. Arquivos comuns para um mesmo tópico geralmente ficam organizados em diretórios e subdiretórios separados.
Dialer - Programa que conecta o seu computador a outro. Exemplo: Linkway Dialer (Netscape) e Dialer do Windows 95.
DNS - Método usado para converter nomes da Internet em números correspondentes. O DNS faz com que você utilize a Internet sem ter que decorar longos números.
Domànio (Domain) - Trata-se de uma classificação para identificar os computadores na rede. Consiste numa seqüência de nomes ou palavras separadas por pontos. É nada mais nada menos que um sistema de endereçamento da Internet que envolve um grupo de nomes que são listados com pontos (.) entre eles, na ordem do mais especàfico para o mais geral. Nos Estados Unidos, existem domànios superiores divididos por íreas, como: .edu (educação), .com (comercial) e .gov (governo). Em outros paàses ocorre uma abreviatura de duas letras para cada paàs, como: br (Brasil) e fr (França).
Download - Quando você transfere um arquivo de algum lugar para o seu computador, você estí fazendo um download.

- E -

Emoticons - Combinação de letras sàmbolos que significam reações.
E-zine - São revistas on-line disponàveis na Internet. O nome vem "Eletrônic Magazine".
Endereço - Todo e qualquer recurso na Internet possui um endereço. O endereço de uma pessoa pode ser o de seu e-mail ou mesmo da sua pígina Web, jí o endereço de uma míquina estí sempre relacionado ao endereço IP (veja IP address).

- F -

FAQ (Frequently Asked Questions) - São arquivos contendo as "Perguntas mais freqüentes" sobre um determinado assunto. Eles ajudam na elucidação de dúvidas e na iniciação dos novatos, e são encontrados na Internet.
Finger - Sistema pelo qual é possàvel descobrir o nome, qual a última vez que o usuírio recebeu mensagem além de vírios outros itens, tudo isso através do endereço eletrônico do usuírio.
Firewall - Sistema de segurança colocado nos sites da Internet, para prevenir acessos não autorizados ao sistema.
Flame (em chamas) - Usado para a postagem de mensagens provocativas ou polêmicas, podendo causar conseqüências negativas. O usuírio que envia essas mensagens é conhecido por flamer.
Freenet (rede livre) - Organização que provê acesso livre à Internet para pessoas de uma determinada írea, geralmente através de bibliotecas públicas.
Freeware - Software disponàvel sem qualquer custo.
FTP (File Transfer Protocol) - Sistema de transferência de cópias de arquivos de um computador para outro na Internet.
FTP anônimo - É o uso do protocolo FTP em localidades conectadas à Internet que oferecem acesso público aos seus arquivos, sem a necessidade de identificação ou senha.

- G -
Gateway - Um dispositivo que conecta redes que normalmente não se comunicam, permitindo a transferência de informação de uma para outra.
GIF (Graphics Interchange Format) - Tipo de arquivo de armazenamento de imagens, desenvolvido pela Compu Serve e amplamente difundido na Internet. Esses arquivos são identificados pela extensão .gif.
Gopher - Meio de navegação através de menus. Ferramenta muito usada com a função de localizar e recuperar arquivos na Internet. O nome "gropher" é proveniente do mascote da Universidade de Minnesota, local onde o projeto foi desenvolvido, Pai do Web.
GUI (Interface Grífica ao Usuírio) - Interface que une àcones e funções para realizar tarefas e facilitar a vida do usuírio.
Gzip - Tipo de compressão de arquivos, funciona como o usual zip.
- H -

Hacker - É uma pessoa que tem prazer em conhecer profundamente o funcionamento interno dos sistemas, computadores e redes de computadores. A quebra de segurança de computadores é para Hacker apenas um desafio. Este termo geralmente é empregado de maneira pejorativa, onde o correto seria "Craker".
Header (cabeçalho) - A parte de um pacote que precede os dados e que contém a fonte, o destino e o endereço, cabeçalho também é a parte de uma mensagem eletrônica que traz, entre outras coisas, o remetente, dia e hora.
Hipertexto - Um tipo de texto que permite o uso de ligações (links) para outros documentos ou para partes do mesmo documento.
Host - Um computador que estí ligado à uma rede ou à Internet. Quando você se conecta a ele, passa a ter acesso a arquivos e informações.

HTML - Hypertext Makup Language Linguagem padrão baseada em texto utilizada para escrever todos os documentos de hypertexto do World Wide Web.
HTTP - Hyper Text Tranfer Protocol Protocolo de comunicação utilizado no

World Wide Web.
Hytelnet - Banco de dados sempre atualizado, que fornece informações sobre localidades Telnet especàficas e ajuda a conectí-las.
- I -

Infobahm - O mesmo que super-rodovia de informações ou super infohighway.
Internauta - Nome dado ao usuírio da Internet.
Internet Protocol (IP) - Protocolo de comunicação que forma a base da Internet.
InterNIC - Significa "Internet Information Center". Produz dados estatàsticos da Rede e também é o responsível pelo registro de um novo domànio na Internet.
IP Address (Internet Protocol Address) - É a identificação numérica dos computadores definida pelo protocolo IP. Toda míquina que faz parte da Internet possui um único e exclusivo endereço IP.
IRC (Internet Relay Chat) - Sistema interativo no qual os usuírios da Internet podem conversar (através do teclado) em tempo real. Depois do e-mail é o serviço mais popular da Internet. Existem vírias opções de canais, proporcionando maior privacidade.
ISDN (Integrated Services Digital Networks) - Uma tecnologia que combina voz e serviços de redes digitais em uma mesma linha. Possibilita conexões de alta velocidade à Internet.
ISOC (Internet Society) - Uma organização que estuda e estimula a evolução da Internet. O ISOC também ajuda a promover o desenvolvimento de novas aplicações, publicando notas e artigos.

- J -

Java - Considerada por muitos como a grande revolução do WWW, Java é uma linguagem de programação orientada a objetos, que permite o uso de interatividade nas píginas de Web.

- K -

K - Significa "sobre 1.000", derivado do Grego kilo. Por exemplo, 8.6K significa, aproximadamente, 8.600 caracteres.

- L -

LAN (Local Area Network) - É uma rede local de computadores, que permite que os usuírios troquem informações e compartilhem recursos como impressoras ou MODEMS. A grande maioria das empresas atualmente possui um LAN que também estí conectada à Internet.
Listas de discussões, Grupos de discussões - As discussões são carregadas nas mensagens de correio eletrônico para respostas automíticas, que enviam uma cópia de cada mensagem enviada pelo correio eletrônico para qualquer um que tenha assinado a lista para discussões particulares de grupo.
Linha dedicada - Linha telefônica Digital de Alta Velocidade que fica permanentemente ligada entre dois lugares. Linhas dedicadas são encontradas freqüentemente em conexões de tamanho moderado a um provedor de acesso.
Listserv - Programa que fornece o processamento automítico de muitas funções envolvidas com as listas de correspondência (grupos de discussões). O envio, através do correio eletrônico, de mensagens apropriadas para esse programa automaticamente o inscreve (ou cancela a inscrição) como usuírio de uma lista de discussão. O listserv também responde solicitações de àndices. FAQs, arquivos das discussões anteriores e outros arquivos.
LOGOFF - É o processo de desconexão de um sistema on-line.
LOGIN - É um processo para sua identificação em um sistema. Toda vez que você se conecta a algum site este processo se realiza, sendo geralmente composto de duas etapas. Primeiro você fornece o nome através do qual você é conhecido na rede (username), e depois informa a sua senha (password).
Lurkers - É como são chamados os participantes não-ativos de grupos como Usenet Newsgroup, Mailing List e IRC; quer dizer, somente "ouvem", não participam ativamente das discussões . No CU-SeeMe os "lukers" são os participantes que não possuem câmeras.

- M -

Mailbox - É a írea que armazena as mensagens eletrônicas recebidas.
Mailing list MIME (Multipurpose Internet Mail Extensions) - É um aperfeiçoamento dos padrões do sistema de correio da Internet, que possui a habilidade de transferir dados não textuais como gríficos, íudio e fax e permite que se envie mensagens com a acentuação em português.
Mirror Site - Sites que são réplicas de outros muitos populares. O uso de "Mirror Sites" é incentivado, pois distribui melhor o trífego na Rede. Geralmente, a escolha de um site perto de você é garantia de melhores taxas de transferência, sendo assim, procure saber se aquele super site que você sempre visita não possui um espelho no Brasil.
Modem - Um dispositivo que transforma sinais analógicos em digitais vice-versa. O nome MODEM, na verdade é uma sigla para MOdulador DEModulador.
Mosaic - Interface grífica que atua como um software-cliente para o FTP, gopher, Usenet News, WAIS e WWW. "Pai" do Netscape.

- N -

Net - Abreviação para Internet.
Netiquette (Netiqueta) - Uma combinação das palavras "Net"e "etiquette". São padrões de bom comportamento utilizados na Internet. O conceito bísico da "Netiquette" é que existem pessoas reais do outro lado da míquina, sendo assim, comentírios ou atitudes desagradíveis são tão ofensivos quanto se estas estivessem na sua frente.
Netscape Navigator Personal Edition - é um conjunto de softwares grífico que conecta você a um provedor de acesso a rede Internet e lhe garante fícil acesso a Internet e ao Word Wide Web.
Newbie - O mesmo que novato na Internet.
Newsgroup Usenet (Netnews) - São grupos de discussões que usam software newsreader e servidores.
NNTP (Network News Tranfer Protocol) - Padrão usado para a troca de mensagens dos usuírios da Usenet na Internet.
Nó (Node) - Um computador que estí conectado a uma rede.

- O -

On-line - Termo que significa estar no sistema, estar conectado a algum lugar. Daà surgem as revistas e bancos on- line.

- P -

Pacote (Packet) - Unidade padrão para representar os dados enviados pela rede. Uma informação é sempre dividida em pequenos pacotes.
Paginadores - Aplicações clientes que permitem a visualização de píginas WWW.
Par trançado - Cabo produzido por pares de fios de cobre trançados uns aos outros fazendo com que se cancelem os efeitos de ruàdos elétricos.
Password - É a senha utilizada para identificação de um usuírio em um sistema. É ela que valida ou não o seu pedido de conexão.
Port (1) - Número que identifica uma aplicação particular na Internet. Quando o seu computador manda um "pacote" para outro computador, este "pacote" contém informação sobre o protocolo que estí sendo usado, e que aplicação estí se comunicando com ele.
Port (2) - Computador com canais de entrada e saàda.
Posting - Um artigo individual mandado para o grupo de discussão da Usenet ou o ato de mandar um artigo para o Usenet.
Postmaster - Pessoa responsível por cuidar e solucionar os problemas ligados ao e-mail.
POP (Post Office Protocol) - permite que o usuírio leia as suas mensagens a partir do servidor de mails localizado no seu provedor . O POP é utilizado para transmitir todos os mails armazenados no servidor para a míquina cliente, no caso, a sua míquina.
PPP - Conhecido como Point-to-Point Protocol, é um protocolo de transmissão de pacotes, muito utilizado por quem se conecta à Internet através de MODEM.
Protocolo - É um conjunto de regras estabelecidas com o objetivo de permitir a comunicação entre computadores.
Provedor de Acesso - Organização que oferece conexão para Internet.

- R -

Rede - Um grupo de equipamentos conectados de forma a transmitir informações entre eles e compartilhar recursos. Quando esta palavra iniciar com maiúscula (Rede) estaremos nos referindo à Internet.
RFC (Request For Comments) - Um conjunto de documentos utilizados na discussão de padrões e experimentos realizados na Internet.
Root - Super - Usuírio - É uma pessoa que tem poderes "ilimitados" dentro da rede. De forma geral, somente o administrador se encaixa nesta categoria.
Rota (Rout) - Caminho na rede feito desde a origem até seu destino.
Roteador - Dispositivo dedicado ao envio e direcionamento de pacotes (pedaços de mensagens) entre os nós da rede.
Realidade Virtual - É qualquer uma das vírias combinações de recursos de interface de usuírio que permite a este interagir com o computador ou sistema, de uma maneira que tenta imitar da forma mais perfeita possàvel o ser humano. Pode incluir vírios tipos de recursos.

- S -

Servidor - Um programa que recebe solicitações de um cliente. Geralmente os servidores rodam nos hosts.
Shareware - Software que geralmente estí disponàvel como "experimente antes de comprar".
Site - É um termo largamente utilizado para fazer referência a um nó da Internet.
Slip - Conhecido como "Serial Line Internet Protocol", é um protocolo de transmissão de pacotes similar ao PPP, muito utilizado por quem se conecta à Internet através de MODEM.
SMTP (Simple Mail Transfer Protocol) - É o protocolo utilizado para a transferência de mensagens eletrônicas de servidor para servidor.

- T -

T1, T3 - Padrões que representam 1.544 megabits (T1) e 45 megabits (T3) por segundo na transmissão de dados.
TCP/IP - Conjunto de protocolos utilizados na troca de informações entre computadores de diferentes arquiteturas dentro da Internet. O TCP/IP estí disponàvel para qualquer tipo de CPU e sistema operacional.
Talk - Programa utilizado para conversar com outro usuírio da Internet (para quem tem um número IP fixo), não importa a onde esteja.
Telnet - Padrão de protocolo na Internet que provê conexão com computador remoto. O Telnet permite que o usuírio em um mesmo site possa interagir com um sistema remoto em outro site como se o terminal do usuírio estivesse diretamente conectado ao computador remoto.
Terminal do servidor (Terminal server) - Pequeno e especializado computador de rede que conecta vírios terminais na LAN através de uma conexão de rede. Qualquer usuírio na rede pode conectar-se a vírios hosts de rede.

- U -

Unix - Sistema operacional no qual a Internet se desenvolveu. A maioria dos servidores na Internet utilizam esse sistema.
Upload - Quando você transfere um arquivo do seu computador para algum lugar, você esta fazendo um upload.
URL (Uniform Resource Locator) - Um método para especificar a exata localização de um recurso na Internet. Por exemplo, o URL http://www.wenet.com.br/index.html indica que o arquivo chamado index.html reside no host chamado http://www.wenet.com.br.
USENET - Rede de base Unix que suporta a distribuição das mensagens.
Username (nome do usuírio) ou ID - Endereço que representa uma conta pessoal num grande (nome@provedor.com.br).

- V -

VRML (Virtual Rality Modelling Language) - é uma linguagem de programação que permite a utilização de animações tridimensionais no WWW.

- W -

WAIS (Wide Área Information Service) - é um serviço de busca, que a partir de uma palavra localiza em uma grande base de dados a informação desejada. A maioria dos localizadores na WWW utilizam o WAIS.
Web browser - Veja em Paginadores.
Winsocks (Windows Sockets) - são um conjunto de especificações e padrões para que aplicações TCP/IP possam utilizar o Windows como sistema operacional.

ESPERO TER AJUDADO

Fonte:www.google.com.br

**kappa** · 28 Jun 2007, 20:49

Comentem ae galera...

**l3y_seven** · 11 Jul 2007, 00:15

kra mt bom o material kra eu agora msm vou dar uma lida xD

**zunity** · 11 Jul 2007, 01:50

excelente seu material.. muito bom mesmo..
uma sugestão: coloca algumas imagems cmo exemplo que vai merecer melhores materias do forum hehe...

vlw,

zunity... :twisted:

**deathlu** · 10 Oct 2007, 16:13

Muito bom mesmo vou aprimorar mais ainda meus estudos bísicos para aperfeisoar em outras linguagens hehehehe!!! :twisted:

**B00t.bat** · 01 Nov 2007, 23:34

Consegui le a metade!

depois vo termina de le o resto...

**UpLoading** · 02 Nov 2007, 00:40

Achei muito bom seu post e resolvi fixalo ok?

Parabéns e abraços....

**yeyeh** · 04 Nov 2007, 19:24

Material legal, mesmo...

Vou dar uma dica

Ao invés de digitar os códigos html assim:

<HTML>

digitem assim:

<html>

Assim, você estarí seguindo as regras estabelecidas pela W3C (http://www.w3c.org)

**linux12** · 03 Apr 2008, 21:47

muito bom kra, é bom ver pessoas dispostas a passar um seu conhecimento a outros. vlw kra!!

**Tecno-Java** · 08 Apr 2008, 12:27

Realmente ficou muito bom... nao li por completo mas ficou otimo

Dica: Procure colocar imagem e por seu tutorial ser grande voce poderia ter escrito no Word e passado pra PDF levando seu nick e tambem o nome do invaders ou de algum forum... xD ( acho que foi voce ne =] )

Abraços

Tópico: Aprendendo html(prá vc que é iniciante em HTML)

Ferramentas de Tópicos

Pesquisar Tópico

Exibir

Aprendendo html(prá vc que é iniciante em HTML)

Tópicos Similares

[Dúvida] HTML ou HTML e CSS?

HTML-to-RTF Pro DLL

HTML [p/ phishing e etc]

Permissões de Postagem