curso html

34
WWW.LIGG3.COM.BR Aprendendo HTML WWW.LIGG3.COM.BR 1 Í Í n n d d i i c c e e 1. HTML Básico I 03 1.1 - Iniciando um documento 03 1.2 - TAGs usados no início do documento 03 1.3 - Títulos e subtítulos 03 1.4 - Formatação de textos 04 2. HTML Básico II 05 2.1 - Imagens 05 2.2 - Links 05 3. Listas 06 3.1 - Criando listas ordenadas 06 3.2 - Criando listas não ordenadas 06 3.3 - Atributos adicionais do elemento UL 07 4. Refresh Page 08 5. Tabelas 09 5.1 - Construindo tabelas com o elemento TABLE 09 5.1.1 - O título da tabela (Elemento CAPTION) 09 5.1.2 - Table Headings (Elemento TH) 09 5.1.3 - Table Data (Elemento TD) 09 5.1.4 End of Table Row (Elemento TR) 09 5.2 - Atributos para a Tabela 10 5.2.1 - BORDER 10 5.2.2 - ALIGN 11 5.2.3 - VALIGN 11 6. Formulários 12 6.1 - Construindo formulários com o FORM 12 6.2 - Atributos para FORM 12 6.2.1 - GET 12 6.2.2 - POST 12 6.2.3 - INPUT 13 6.2.3.1 - Tipos de elementos TYPE 13 6.2.3.1.1 - TYPE=”RADIO” 13 6.2.3.1.2 - TYPE=”PASSWORD” 14 6.2.3.1.3 - TYPE=”CHECKBOX” 14 6.2.3.1.4 - TYPE=”SUBMIT” 14 6.2.3.1.5 - TYPE=”RESET” 14 6.2.4 - TEXTAREA 15 6.2.5 - SELECT 15 6.3 - Exemplo Completo 15 7. Frames 17 7.1 - Estrutura 17 7.2 - Sintaxe 17 7.3 - FRAMESET 17 7.3.1 - ROWS 17 7.3.2 - COLS 18 7.4 - FRAME 18 7.4.1 - SRC 18 7.4.2 - NAME 18

Upload: fuba

Post on 28-Sep-2015

246 views

Category:

Documents


1 download

DESCRIPTION

html

TRANSCRIPT

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 1

    nnddiiccee 1. HTML Bsico I 03

    1.1 - Iniciando um documento 03 1.2 - TAGs usados no incio do documento 03

    1.3 - Ttulos e subttulos 03 1.4 - Formatao de textos 04

    2. HTML Bsico II 05 2.1 - Imagens 05 2.2 - Links 05

    3. Listas 06 3.1 - Criando listas ordenadas 06 3.2 - Criando listas no ordenadas 06 3.3 - Atributos adicionais do elemento UL 07

    4. Refresh Page 08

    5. Tabelas 09 5.1 - Construindo tabelas com o elemento TABLE 09

    5.1.1 - O ttulo da tabela (Elemento CAPTION) 09 5.1.2 - Table Headings (Elemento TH) 09 5.1.3 - Table Data (Elemento TD) 09 5.1.4 End of Table Row (Elemento TR) 09

    5.2 - Atributos para a Tabela 10 5.2.1 - BORDER 10 5.2.2 - ALIGN 11 5.2.3 - VALIGN 11

    6. Formulrios 12 6.1 - Construindo formulrios com o FORM 12 6.2 - Atributos para FORM 12

    6.2.1 - GET 12 6.2.2 - POST 12 6.2.3 - INPUT 13

    6.2.3.1 - Tipos de elementos TYPE 13 6.2.3.1.1 - TYPE=RADIO 13 6.2.3.1.2 - TYPE=PASSWORD 14 6.2.3.1.3 - TYPE=CHECKBOX 14 6.2.3.1.4 - TYPE=SUBMIT 14 6.2.3.1.5 - TYPE=RESET 14

    6.2.4 - TEXTAREA 15 6.2.5 - SELECT 15

    6.3 - Exemplo Completo 15

    7. Frames 17 7.1 - Estrutura 17 7.2 - Sintaxe 17 7.3 - FRAMESET 17

    7.3.1 - ROWS 17 7.3.2 - COLS 18

    7.4 - FRAME 18 7.4.1 - SRC 18 7.4.2 - NAME 18

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 2

    7.4.3 - SCROLLING 19 7.4.4 - NORESIZE 19 7.4.5 - TARGET 19

    7.5 - BORDER 20

    8. Msica 21

    9. Caracteres Especiais 22

    10. Imagens Clicveis 23 10.1 - Mtodos que tornam sua imagem sensvel 23 10.2 - Sensibilizando as imagens 24

    11. GIFs Animados 26 11.1 - Configurao 26

    12. Ferramentas 27 12.1 - Utilitrios grfico 27 12.2 - Editores HTML 27

    13. Hospedagem 29

    14. Glossrio 30

    11.. HHTTMMLL BBssiiccoo II

    HTML significa Hypertext Markup Language e a linguagem de descrio de documentos usada na World Wide Web. Ela orientada por marcadores ou TAGs.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 3

    TAGs so 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 (). Exemplo: , , etc.

    Os TAGs podem ser nicos ou duplos, com incio e fim. Exemplos:

    TAG nico: TAG duplo: ....

    11..11 -- IINNIICCIIAANNDDOO UUMM DDOOCCUUMMEENNTTOO Todo o documento HTML fica contido entre os TAGS: e . Temos duas sees

    bsicas:

    HEAD

    Contm parmetros de configurao do documento.

    BODY

    Contm o documento em si. A estrutura de um documento HTML :

    Ttulo da Home Page *** Contedo da Home Page ***

    11..22 -- TTAAGGSS UUSSAADDOOSS NNOO IINNCCIIOO DDOO DDOOCCUUMMEENNTTOO ...

    Envolvem todas as sees de um documento (HEAD e BODY). ...

    Envolvem a seo de cabealho do documento.

    ...

    Indica o ttulo do documento para o Browser. Geralmente os Browsers apresentam este ttulo na barra de ttulo da sua Janela no Windows.

    ...

    Envolvem a seo de corpo do documento. Aqui fica o contedo principal da Home Page. Opcionalmente podemos indicar um arquivo de imagem para formar o fundo, usando a opo: BACKGROUND.

    11..33 -- TTTTUULLOOSS EE SSUUBBTTTTUULLOOSS Para demarcar ttulos e subttulos, use os TAGs de HEADER (H1 a H6), juntamente com as

    opes CENTER ou BLINK.

    Veja alguns exemplos: Texto inserido entre e :

    Texto inserido entre e :

    Texto inserido entre e :

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 4

    Texto inserido entre e :

    Observaes: As TAGs CENTER e BLINK tm a funo de deixar o cabealho ou texto centralizado e pulsante (piscando), respectivamente.

    11..44 -- FFOORRMMAATTAAOO DDEE TTEEXXTTOOSS

    Alm das TAGs ... e ... existem as seguintes TAGs que podem ser utilizadas para a formatao de um texto.

    ... - Aplica o estilo negrito. ... - Aplica o estilo itlico. ... - Aplica o estilo sublinhado (nem todos os browser o reconhecem). ... - Faz com que o texto fique sobrescrito. ... - Faz com que o texto fique subscrito. ... - Utiliza a pr-formatao, ou seja, deixa o texto da maneira em que foi digitado.

    22.. HHTTMMLL BBssiiccoo IIII

    22..11 -- IIMMAAGGEENNSS Podemos inserir imagens dentro de um documento HTML, mas devemos ter o mximo de

    cuidado, para no onerara transmisso para o usurio.

    Os formatos mais usados so o GIF e o JPG, ambos com compactao de pixels.

    Para inserir uma imagem, uso o TAG: , que nico, no exigindo um TAG finalizado. Exemplo:

    Os arquivos com as imagens devero estar armazenados no seu Provedor de Acesso, juntamente com o documento HTML.

    22..22 -- LLIINNKKSS

    Os Links servem para criar Palavras Quentes, que permitem a interligao entre documentos HTML e outros documentos ou at arquivos FTP.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 5

    Veja o seguinte exemplo: Para o prprio documento Para outro documento Para minha Home Page ncora para imagem externa

    UUssee:: Texto ou imagem...

    O parmetro NAME serve para marcar um ponto para possveis desvios. Quando desviamos para um determinado ponto dentro de um documento, indicamos este nome com um "#". Por exemplo:

    Aqui um ponto para desvios...Desvia para o ponto "AQUI"

    33.. LLiissttaass

    33..11 -- CCRRIIAANNDDOO LLIISSTTAASS OORRDDEENNAADDAASS Listas ordenadas, so tambm denominadas listas numeradas, pois, quando um navegador

    encontra uma TAG, iniciando uma lista ordenada, ele passa a mostrar cada item utilizando nmeros, como 1, 2, 3, e assim sucessivamente.

    Listas ordenadas so iniciadas pela TAG .

    Cada item utiliza a TAG .

    Finalmente,

    .

    Exemplo:

    facil fazer uma Home Page

    Tem que ter pacincia

    Bons recursos

    E no exagerar em imagens

    Resultado:

    1. facil fazer uma Home Page 2. Tem que ter pacincia

    3. Bons Recursos

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 6

    4.E no exagerar em imagens.

    33..22 -- CCRRIIAANNDDOO LLIISSTTAASS NNOO OORRDDEENNAADDAASS Listas no ordenadas so muito parecidas com as ordenadas. A nica diferena o fato de elas

    no definirem explicitamente uma ordem, como no caso as numeradas. Eles so formados por smbolos, que podem ser bola, quadrado, e uma bola vazia. Elas so iniciadas com a TAG e so respectivamente terminadas com . E seus elementos so que nem as numeradas: com Exemplo:

    Internet

    Intranet

    BBS

    resultado:

    Internet

    Intranet

    BBS

    33..33 -- AATTRRIIBBUUTTOOSS AADDIICCIIOONNAAIISS DDOO EELLEEMMEENNTTOO UULL O Netscape introduziu o atributo TYPE tambm 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.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 7

    44.. RReeffrreesshh PPaaggee

    So pginas normalmente sem links, que chamam outras depois de um determinado tempo dentro dela, sem nenhuma interferncia do internauta.

    Para fazer uma pgina desta basta colocar no documento a seguinte linha de comando:

    Ex.:

    Ttulo

    Corpo do Documento

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 8

    55.. TTaabbeellaass

    Tabelas correspondem a um timo formato para originar informaes, e por essa razo que eles foram acrescentados linguagem HTML

    55..11 -- CCOONNSSTTRRUUIINNDDOO TTAABBEELLAASS CCOOMM OO EELLEEMMEENNTTOO TTAABBLLEE

    A TAG utilizada para a representao de dados tabulares. A estrutura e o contedo da tabela devem ficar dentro das TAGs

    55..11..11 -- OO TTTTUULLOO DDAA TTAABBEELLAA ((EELLEEMMEENNTTOO CCAAPPTTIIOONN))

    A TAG especifica o ttulo de uma tabela. Por exemplo:

    Notas da primeira avaliao

    55..11..22 -- TTAABBLLEE HHEEAADDIINNGGSS ((EELLEEMMEENNTTOO TTHH))

    A TAG usada para especificar as clulas de cabealho da tabela. Essas clulas so diferentes das outras, pois seu contedo aparece geralmente em negrito. O elemento TH pode ser apresentado sem contedo algum: isso corresponde a uma clula em branco. As tabelas podem ainda conter mais de um TH para uma dada coluna, ou linha, ou simplesmente no conter nenhum elemento TH, isto , no conter em nenhuma clula em destaque. O TAG dela :

    texto em destaque

    Observaes: Elas devem ficar, assim como todas, dentro da TAG .

    55..11..33 -- TTAABBLLEE DDAATTAA ((EELLEEMMEENNTTOO TTDD))

    A TAG especifica a clulas de dados de uma tabela. Por se tratar de dados comuns (e no cabealhos), essas clulas possuem seu contedo escrito em fonte normal, sem nenhum destaque e alinhamento esquerda. Assim como o TH, pode-se construir clulas em branco, usando o elemento TD, como no exemplo a seguir:

    Clulas de dados

    Observaes: A TAG de terminao, , tambm opcional.

    55..11..44 -- EENNDD OOFF TTAABBLLEE RROOWW ((EELLEEMMEENNTTOO TTRR))

    A TAG indica o fim de uma linha na tabela. Cada linha da tabela pode conter vrias clulas, e portanto, necessrio que se faa uso de uma marcao que indique exatamente o ponto de quebra de uma linha e incio de outra. Toda linha deve terminar com um , com exceo da ltima linha da tabela, que dispensa o TR porque o uso da prpria marcao de fim de tabela torna implcito o fim da linha.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 9

    55..22 -- AATTRRIIBBUUTTOOSS PPAARRAA AA TTAABBEELLAA

    As marcaes das tabelas podem apresentar resultados diferentes, se acompanhadas de alguns atributos. Os principais so:

    55..22..11 -- BBOORRDDEERR

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

    Ateno: Todas as explicaes acima como as que esto por vir, foram feitas, para que voc possa saber o que significa a TAG em questo.

    Exemplo:

    Nota da primeira avaliao

    Notas/Alunos Eduardo Ana Lcia Andra

    Notas 8,0 9.3 7.8

    No de Inscrio 376234809 387349048 502350432

    Veja o resultado:

    O atributo BORDER pode tambm receber um valor que vai estabelecer qual a espessura (alm da existncia)da linha de borda da tabela (BORDER="valor"). Se o valor atribudo for 0 (zero), o BORDER funciona exatamente como o caso padro, sem o BORDER. Dessa maneira, possvel colocar tabelas em maior destaque, atribuindo um valor maior que 1 para o BORDER.

    TESTE TESTE2 TESTE3

    TESTE4 TESTE5

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 10

    TESTE6

    Veja o resultado:

    55..22..22 -- AALLIIGGNN

    Este atributo pode ser aplicado a TH, TD ou TR e controla o alinhamento do texto dentro de uma clula, com ralao 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.

    Primeira clula Segunda clula Terceira clula

    Centro Esquerda Direita

    Veja o resultado:

    55..22..33 -- VVAALLIIGGNN

    Pode ser aplicado a TH e TD e define o alinhamento do texto em relao 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:

    Teste de alinhamento TOP MIDDLE BOTTOM

    Veja o resultado:

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 11

    66.. FFoorrmmuullrriiooss

    A linguagem HTML tambm permite que o cliente (navegador) interaja com o servidor, preenchendo campos, clicando em botes e passando informaes. Por exemplo, eu tenho um Guest Book (formulrio) em meu site onde eu peo a todos os visitantes que dem suas opinies. Essas informaes, devem ser tratadas por programas, denominados scripts, que podem armazen-las para uma posterior utilizao. 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 responsvel por tal interao. Ele prov uma maneira agradvel e familiar para coletar dados do usurio atravs da criao de formulrios com janelas de entrada de textos, botes, etc.

    preciso ter em mente que o FORM coleta dados, mas no os processa. So 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 informaes, retornando os resultados para o navegador.

    A confeco de scripts exige que se aprenda uma linguagem de programao chamada PERL. Abaixo temos alguns endereos que processar os dados para voc, e os retornar via e-mail. Aqui esto as referncias:

    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/faq/usenet/perl-faq/top.html

    66..11 -- CCOONNSSTTRRUUIINNDDOO FFOORRMMUULLRRIIOOSS CCOOMM OO FFOORRMM Para fazer formulrio, voc tem que colocar as TAGs . Todos os outros

    comandos, devem ficar dentro dessas TAGs. Ok?!

    66..22 -- AATTRRIIBBUUTTOOSS PPAARRAA FFOORRMM O elemento FORM pode conter dois atributos que determinaram para onde ser mandada a

    entrada do FORM. Vejam como eles so:

    66..22..11 -- GGEETT Esse atributo indica totalmente como o dado passado para o script ou programa definido no

    atributo ACTION.

    66..22..22 -- PPOOSSTT Passa os dados para a entrada padro dos sistema operacional.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 12

    Vale a pena lembrar, que ser mostrado, abaixo, um exemplo completo, de como fazer sua pgina com formulrios. Tambm ser dado um endereo, 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 no estiver entendendo, copie o exemplo, e s altere os dados, com o seu nome, e suas informaes.

    66..22..33 -- IINNPPUUTT A TAG especifica uma variedade de campos editveis dentro de um formulrio. Ele

    pode receber diversos atributos que definem o tipo de mecanismo de entrada (botes, janelas de texto, etc.), o nome da varivel 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:

    Para mudar o tamanho, da janela padro, voc tem que colocar o comando SIZE. Por exemplo: (ou nmero desejado)

    Outro comando importante o VALUE. Ele acrescenta uma palavra digitada no comando janela. Por exemplo:

    Olhe como ficaria:

    66..22..33..11 -- TTIIPPOOSS DDEE EELLEEMMEENNTTOOSS TTYYPPEE Voc pode fazer vrias coisas com o elemento TYPE. Por exemplo, para ser um campo de

    senha, que quando digitado, aparea o smbolo "*", ao invs das letras, voc deve escrever o seguinte:

    66..22..33..11..11 -- TTYYPPEE==""RRAADDIIOO"" Quando o usurio deve escolher uma resposta em uma nica alternativa, de um conjunto, utiliza-

    se o RADIOButtons. Um exemplo tpico do uso de tais botes, cuja resposta pode ser SIM ou NO. preciso que todos os rdios 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, so necessrios. Veja a seguir:

    sim

    no

    Repare:

    66..22..33..11..22 -- TTYYPPEE==""PPAASSSSWWOORRDD"" Este comando serve para fazer uma campo de senhas! Quando a pessoa digitar, aparecer o

    sinal de "*"! O comando :

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 13

    66..22..33..11..33 -- TTYYPPEE==""CCHHEECCKKBBOOXX"" Esse comando vlido quando apenas uma resposta, esperada. Mas nem sempre est a

    situao...O tipo CHECKBOX prov outros botes atravs dos quais mais de uma alternativa, pode ser escolhida.

    Definio dos checkboxs:

    Netscape

    Internet Explorer

    Mosaic

    Hot Java

    Veja o resultado:

    66..22..33..11..44 -- TTYYPPEE==""SSUUBBMMIITT"" Esse o boto que submete os dados do formulrio quando pressionados, ou seja, possibilitam,

    o envio, dos dados para o script que vai trat-los. Veja como se adiciona o boto:

    Veja como ficar:

    66..22..33..11..55 -- TTYYPPEE==""RREESSEETT"" No caso dos botes RESET, quando o boto clicado, ele automaticamente limpa todos os

    campos j preenchidos no formulrio, voltando situao inicial.

    Veja como ficar:

    66..22..44 -- TTEEXXTTAARREEAA Para se limitar o tamanho do campo mostrado na tela, faz-se o uso dos atributos COLS e ROWS

    que especificam, respectivamente, o nmero de colunas e linhas que se deseja mostrar para o usurio. O atributo NAME obrigatrio, e especifica o nome da varivel, que ser associadaa entrada do cliente (navegador)O atributo value no aceito nesse elemento, mas voc pode colocar j um texto da seguinte maneira. Veja como ele colocado: texto

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 14

    66..22..55 -- SSEELLEECCTT Embora os usurios no precisem digitar sempre suas respostas, mostrar cada opo atravs de

    botes consegue um bom espao, e facilidade. Veja como ele funciona:

    opo1

    Veja o resultado:

    66..33 -- EEXXEEMMPPLLOO CCOOMMPPLLEETTOO

    Abaixo, temos um exemplo completo de uma pgina com um formulrio.

    Qual o seu nome?

    Qual o seu E-mail?

    Voc gostou da minha Home Page?sim

    Mais ou Menos Nem um pouco!

    Qual a pgina que voc mais gostou??Interface

    Imagens, som, cores, comandos bsicos, etc.

    Frames

    Ferramentas

    Formulrios

    CGI

    JAVA

    Java Scipr

    VRML

    CHAT

    Onde colocar

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 15

    Onde Divulgar

    Bombas em Java Script

    Contadores de Acesso

    Organizando s informaes

    Deixe seus comentrios sobre a minha Home Page:

    O que est faltando?

    Essa Home Page lhe ajudou?Sim No!

    77.. FFrraammeess

    Os FRAMES so divises de telas do seu browser que permite a utilizao de vrios documentos no formato HTML.

    Os FRAMES so visualizados pelo Netscape Navigator, e pelo Internet Explorer.

    77..11 -- EESSTTRRUUTTUURRAA Assim como o corpo do HTML, os FRAMES tem sua estrutura. Eles entram no lugar do corpo,

    substituindo o por .

    Exemplo:

    Ttulo do Documento

    Sintaxe dos Frames

    77..22 -- SSIINNTTAAXXEE Primeiramente devemos fazer um documento HTML para ele ser especificado pela sintaxe de

    FRAMES, no caso chamado de Frame1.htm.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 16

    Frame 1

    Frame n1

    77..33 -- FFRRAAMMEESSEETT A primeira especificao o FRAMESET, que acompanhado pelas definies ROWS e COLS.

    77..33..11 -- RROOWWSS Especifica o numero de FRAMES e a altura de cada um.

    Exemplo:

    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).

    77..33..22 -- CCOOLLSS Especifica o numero de FRAMES e a largura de cada um.

    Exemplo:

    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).

    77..44 -- FFRRAAMMEE A segunda especificao o FRAME, que acompanhado pelas definies SRC, NAME,

    SCROLLING, NORESIZE, TARGET.

    77..44..11 -- SSRRCC Especifica o documento de formato HTML chamado para o FRAME.

    Indispensvel, por que sem ele s o documento aparecer vazio, s com as divises.

    Exemplo:

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 17

    77..44..22 -- NNAAMMEE Especifica o nome do documento de formato HTML chamado para o FRAME.

    extremamente necessrio para o uso do TARGET, que ser visto a seguir. Exemplo:

    77..44..33 -- SSCCRROOLLLLIINNGG Define se o Frame ter barr de rolagem, o default Auto.

    Fornece as opes: Yes, No, Auto.

    Yes - Exibe a barra de rolagem independente do tamanho do documento.

    No - No 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:

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 18

    Necessita do NAME.

    Exemplo:

    O Link:

    Microsoft

    Se voc quiser criar um link que chama uma nova tela do browser basta colocar TARGET="um nome que no existe".

    77..55 -- BBOORRDDEERR Define qual a borda que o FRAME ter.

    Mais til na utilizao de BACKGROUNDS iguais.

    Exemplo:

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 19

    88.. MMssiiccaa

    Existem 2 maneiras de colocar msicas em sua home page. A primeira com o TAG que s reconhecido pelo Internet Explorer. Para utilizar este TAG siga o exemplo :

    Onde arquivo.mid o arquivo de msica. Caso voc queira que a msica repita-se, adicione o atributo loop="infinite".

    A segunda maneira com o TAG que, por ser reconhecido pelo Internet Explorer e Netscape, recomendado. Para utiliza-lo, siga o exemplo :

    recomendado usar arquivos midi por serem bem menores que os wavs.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 20

    99.. CCaarraacctteerreess EEssppeecciiaaiiss

    &Acirc &eacute &iacute &ocirc < < > > & & " " &170;

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 21

    1100.. IImmaaggeennss CClliiccvveeiiss

    Voc j deve ter reparado que algumas home pages possuem imagens que no so simples figuras decorativas, existe um tipo de imagem que sensvel ao clique de mouse e funciona como uma plataforma de lanamento para diversos links de hipertexto. Uma excelente utilizao para esse tipo de imagem, por exemplo na criao de barras de navegao - muito comuns na Web.

    No seria interessante se pudssemos criar regies clicveis 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 no queremos que voc saia por a sem saber o que est fazendo, que tal primeiro entendermos um pouco melhor como tudo isso funciona?

    1100..11 -- MMTTOODDOOSS QQUUEE TTOORRNNAAMM SSUUAA IIMMAAGGEEMM SSEENNSSVVEELL

    Existem dois mtodos para tornar uma imagem sensvel em determinada regio, ou de outra forma, mtodos para a construo 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 aps analisarmos suas caractersticas principais.

    A diferena bsica entre os dois mtodos clara e extremamente importante. O mapa remoto uma combinao de CGI (Common Gateway Interface), HTML e um "arquivo de mapa" que nada mais do que um arquivo que informa as regies sensveis da imagem e que reside no servidor de Web. Este mtodo funciona da seguinte maneira:

    Quando voc clica sobre uma regio sensvel 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 regio 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 informaes que definem o mapa das regies sensveis da imagem esto dentro do prprio cdigo HTML da pgina que est sendo mostrada na sua tela, e com isso no h necessidade de recorrer ao servidor para identificar as coordenadas de um clique. Economizamos um acesso ao servidor, e isso pode ser interessante

    Ento, podemos dizer que o mapa local de imagem produz uma melhor utilizao da rede, gerando um trfego 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. No tudo o que a gente quer? Ento, esse ser o mtodo escolhido - Mapa Local de Imagem.

    1100..22 -- SSEENNSSIIBBIILLIIZZAANNDDOO AASS IIMMAAGGEENNSS

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 22

    Essa tarefa ser dividida em duas partes, a criao do documento HTML e do mapa de imagem. Utilizando qualquer editor de sua preferncia, adicione a imagem que deseja sensibilizar ao cdigo HTML de sua pgina com o TAG .

    Exemplo:

    Imagens sensveis cliques de mouse

    Exemplo de imagem sensvel ao clique de mouse

    Por enquanto nada de muito novo, no ? Ento vamos passar para a parte "mais nobre" - a construo do mapa de imagens.

    Para essa tarefa, voc vai precisar de um software especial conhecido como "MAPEDIT", para definir as regies sensveis da imagem. V at http://www.boutell.com/mapedit/#download, e escolha a verso mais adequada para voc - Windows 95, Windows 3.1, etc Em nosso exemplo iremos utilizar a verso de 32 bits para Windows 95.

    Aps descompactar o software, execute-o. A primeira tela que surgir para voc ser "Open/Create Map". Clique no boto "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 informaes necessrias. 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 vrias ferramentas na hora de marcar a regio a ser sensibilizada - retngulos, crculos ou polgonos. O ideal que escolha a que melhor se adapte ao formato da rea a ser mapeada.

    Estando com a ferramenta selecionada, vamos comear a definir as regies - os quatro botes da barra de navegao, procura, comentrio, correio e internet.br. Marque a rea do primeiro boto 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 regio - que agora funciona como um boto - for clicada, a pgina referente a URL fornecida ser carregada. Repita a operao para todos os outros botes que queira associar URLs.

    Pronto, seu mapa est criado! Voc pode salv-lo acessando o menu "File", opo "Save" e observe que em "Save As format" a opo "Client Side Map (HTML)"

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 23

    dever estar selecionada. O MAPEDIT adicionar algumas linhas ao seu cdigo HTML, e a verso final dele dever ser algo mais ou menos como o mostrado abaixo:

    Arquivo exemplo.htm depois da utilizao do MAPEDIT:

    Imagens sensveis cliques de mouse Exemplo de imagem sensvel ao clique de mouse

    Existe um conceito importante que o de "URL default", que utilizado para definir a URL que deve ser carregada sempre que for clicada uma regio que no tenha sido definida no mapa. No menu "File", opo "Edit Default URL ...", voc deve informar a URL da prpria pgina corrente, em nosso exemplo seria exemplo.htm. Assim, sempre que uma regio no definida da imagem for clicada, nada de diferente ir acontecer.

    Duas opes 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 crculo com traos, permite que voc altere a rea previamente definida do mapa. Muito utilizado nas correes.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 24

    1111.. GGIIFFss AAnniimmaaddooss

    O GIF animado no 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.

    1111..11 -- CCOONNFFIIGGUURRAAOO 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 opo: use this image as global pallete.

    Insira a segunda figura (Insert/Image). Use a opo: dither this image as the global pallete, se necessrio.

    E repita a operao para cada figura.

    Depois de dois cliques em cima do Control (3 linha) Na opo 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 operao em todas as figuras.

    Salve o documento como animao.gif

    V no seu editor de Pginas (recomendvel o HotDog - http://www.Sausage.com/) e insira esta imagen como uma normal.

    V at o seu Netscape e visualize a perfeita animao.

    Caso voc queira adquirir algumas animaes j feitas para serem colocadas em sua home page, voc pode adquiri-las atravs de algumas pginas que fornecem GIFs. Para obter estas GIFs, s procura-las atravs de algum servio de busca.

    1122.. FFeerrrraammeennttaass

    Abaixo, temos alguns endereos onde possvel encontrar certas ferramentas para tornar mais rpido e fcil o uso da linguagem HTML. No que seja obrigatrio o uso destas ferramentas, mas so

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 25

    muito boas. Voc faz tudo com mais facilidade. E alm do mais, voc pode adicionar mais recursos atravs destas. Veja:

    1122..11 -- UUTTIILLIITTRRIIOOSS GGRRFFIICCOO

    AACCDDsseeee vv11..3311 HomePage: http://vvv.com/acd/ Descrio: Visualizador de grficos. Suporta GIF, JPG, TIFF, BMP e outros.

    AAccrroobbaatt RReeaaddeerr vv22..11 HomePage: http://www.adobe.com/Acrobat/AcrobatWWW.html Descrio: Visualizador de arquivos .PDF

    GGiiff CCoonnssttrruuccttiioonn SSeett ffoorr WWiinnddoowwss vv11..00LL HomePage: http://www.mindworkshop.com/alchemy/gifcon.html Descrio: Aplicativo para criar arquivos GIF Animados

    GGrraapphhiicc WWoorrkksshhoopp FFoorr WWiinnddoowwss HomePage: http://www.mindworkshop.com/alchemy/alchemy.htm Descrio: Um dos melhores visualizadores de grficos for Windows.

    GGrraapphhxx VViieewweerr vv11..5511 HomePage: http://www.group42.com Descrio: Um timo programa manipulador de grficos

    LLVViieeww PPrroo vv11..bb11 FFoorr WWiinnddoowwss HomePage:http://world.std.com/~mmedia/lviewp.html Descrio: timo editor de grficos. JPG, GIF, PCX, BMP, TIFF, etc.

    PPaaiinntt SShhoopp PPrroo vv33..1111 ffoorr WWiinnddoowwss HomePage: http://www.jasc.com Descrio: Manipulador de grficos. Semelhante ao Adobe PhotoShop.

    WWeebbIImmaaggee vv11..7722 ffoorr WWiinnddoowwss HomePage: http://www.group42.com Descrio: Programa para fazer Gif transparente e mapeamento. timo!

    1122..22 -- EEDDIITTOORREESS HHTTMMLL

    AAaarrddvvaarrkk PPrroo vv22..1111 HomePage: http://www.fbs.aust.com/aardvark.html Descrio: Um bom editor HTML com vrias funes.

    AAllcchheemmyy vv11..00bb ffoorr WWiinnddoowwss HomePage: http://www.stormsurge.com/alchemy/ Descrio: Editor HTML, mais um programa de FTP e Telnet.

    AArraacchhnniidd HHTTMMLL EEddiittoorr HomePage: http://rhwww.richuish.ac.uk/resource.htm Descrio: Um editor de HTML que suporta as mais utilizadas TAGs

    DDiiddaa vv11..5500

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 26

    HomePage: http://home.netvigator.com/godfreyk/dida/ Descrio: Bom editor HTML com um preview prprio

    FFlleeXXeedd vv11..55dd ffoorr WWiinnddoowwss HomePage: http://www.infoflex.com.au/flexed.htm Descrio: timo e flexvel editor HTML, com um prprio preview de FRAMES,

    formulrios...

    GGoommeerr vv11..44 HomePage: http://www.clever.net/gomer/ Descrio: Tudo o que voc esperava de um editor, pequeno e timo

    HHoott DDoogg WWeebb EEddiittoorr PPrreeffeessssiioonnaall vv22..5533 HomePage: http://www.sausage.com/ Descrio: O mais fcil e melhor editor HTML! Faa tudo o que puder!

    1133.. HHoossppeeddaaggeemm

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 27

    A Sede Internet (http://www.sede.com) fornece os melhores servios de hospedagem de pginas web. Pela Sede voc pode adquirir todos os recursos necessrios para manter uma home- page no ar. Estes recursos podem ser: mais espao para armazenagem da pgina (megabytes) e at a possibilidade de rodar seus prprios cgis no ar ou at utilizar os cgis pr-configurados que a Sede coloca ao seu dispor. Outro recurso excepcional o de domnio prprio. Com ele, voc pode obter um novo, personalizado e simplificado endereo no tipo www.nome.com ou www.nome.com.br. Para obter mais informaes sobre os outros servios da Sede, consulte a sua home-page.

    1144.. GGlloossssrriioo

    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..

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 28

    -- AA --

    AAddmmiinniissttrraaddoorr ddee RReeddee - Toda rede de computadores tem uma pessoa responsvel por toda a estrutura e funcionamento: o administrador da rede. Esse administrador quem vai definir a que recursos da rede cada pessoa ter acesso.

    AAlliiaass - um apelido que voc pode utilizar no lugar de um e-mail de uma pessoa ou grupo. Por exemplo, ao invs de organizar uma lista de endereos eletrnicos com e-mail de cada um, voc fornece um nome mais simples que identifique cada pessoa.

    AArrttiiggoo ((aarrttiiccllee)) - Qualquer mensagem enviada para os grupos de discusso (newsgroups).

    AArrcchhiiee - 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 atravs de palavras-chave ou atravs de alguma descrio. Existem vrios servidores Archie espalhados pela rede. Ao us-lo, localize o mais prximo de voc.

    AASSCCIIII - Significa "American Standart Code" for Information Interchange, cdigo utilizado para representar textos quando h computadores envolvidos.

    AAttttaacchhmmeenntt - Voc pode anexar qualquer tipo de arquivo ao seu mail utilizando a opo "Attachment", do seu software de correio eletrnico.

    -- BB --

    BBaacckkbboonnee - a espinha dorsal da Internet, onde so encontradas as maiores velocidades de transmisso.

    BBaannccoo ddee ddaaddooss ((ddaattaabbaassee)) - Em termos de Internet, computador que contm um nmero muito grande de informaes, que podem ser acessados pela rede.

    BBaannddaa PPaassssaannttee ((BBaannddwwiiddtthh)) - tipicamente usada para especificar a quantidade de dados que podem ser enviados em um canal de comunicao.

    BBaaiixxaarr ((DDoowwnnllooaadd)) - Processo de transferncia de arquivos de um computador remoto para o seu atravs de modem e programa especfico.

    BBBBSS ((BBuulllleettiinn BBooaarrdd SSyysstteemm)) - Servio eletrnico que oferece recursos como correio eletrnico, acesso a outros computadores e servios remotos, meios de oferecer e receber arquivos. O acesso ao BBS tanto pode ser feito pela Internet como por discagem direta.

    BBIITTNNEETT - Iniciais da expresso "Because It's Time Network" (Porque tempo de rede) esse o nome de uma rede acadmica e de pesquisa iniciada em 1981 e operada pela Educom.

    BBiittss - a menor unidade de medida de armazenamento do computador. Apresenta dois estados: 0 e 1.

    BBiittss ppoorr sseegguunnddoo ((BBPPSS)) - o nmero de bits transmitidos a cada segundo. utilizado como uma unidade de medida que indica a velocidade de transferncia de informaes em uma rede.

    BByyttee - Cadeia de oito bits. -- CC --

    CCCC ((CCoouurrtteessyy CCooppyy)) - Quando voc envia um e-mail, existe a possibilidade de enviar uma cpia para uma outra pessoa que tambm se interesse pelo assunto, utilizando a opo "cc" que se encontra no cabealho de todos os clientes de correio eletrnico. Voc tambm pode utilizar esse campo se desejar guardar um e-mail que tenha enviado para algum. Basta colocar no campo "cc" o seu prprio endereo.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 29

    CClliieennttee - Um programa que roda no seu computador, o Netscape Navigator e o Eudora so alguns exemplos de clientes. Geralmente trabalha em dupla com o servidor.

    CCoorrrreeiioo eelleettrrnniiccoo ((ee--mmaaiill)) - Mensagens privadas entregues atravs de contas individuais. Este endereo indica o "lugar" onde voc tem uma caixa postal. Atravs do e-mail possvel solicitar arquivos, informaes, fazer pesquisas e enviar comandos para operar computadores remotos que realizam tarefas para o usurio.

    CCrraacckkeerr - um indivduo que tenta acessar sistemas de computadores sem autorizao. Geralmente malicioso, e ao contrrio do "Hacker" (veja Hacker) ele tem sempre uma segunda inteno quando quebra o sistema.

    CCyybbeerrssppaaccee - Quem j entrou na Internet j teve a sensao de estar em um universo paralelo de idias e informaes, tamanho o nmero de possibilidades l existentes. O cyberspace (espao ciberntico) foi o nome dado a este mundo virtual, e a Internet a sua porta de entrada.

    -- DD --

    DDiirreettrriioo ((ddiirreeccttoorryy)) - Arquivos em alguns sistemas de computadores que ficam agrupados juntos. Arquivos comuns para um mesmo tpico geralmente ficam organizados em diretrios e subdiretrios separados.

    DDiiaalleerr - Programa que conecta o seu computador a outro. Exemplo: Linkway Dialer (Netscape) e Dialer do Windows 95.

    DDNNSS - Mtodo usado para converter nomes da Internet em nmeros correspondentes. O DNS faz com que voc utilize a Internet sem ter que decorar longos nmeros.

    DDoommnniioo ((DDoommaaiinn)) - Trata-se de uma classificao para identificar os computadores na rede. Consiste numa seqncia de nomes ou palavras separadas por pontos. nada mais nada menos que um sistema de endereamento da Internet que envolve um grupo de nomes que so listados com pontos (.) entre eles, na ordem do mais especfico para o mais geral. Nos Estados Unidos, existem domnios superiores divididos por reas, como: .edu (educao), .com (comercial) e .gov (governo). Em outros pases ocorre uma abreviatura de duas letras para cada pas, como: br (Brasil) e fr (Frana).

    DDoowwnnllooaadd - Quando voc transfere um arquivo de algum lugar para o seu computador, voc est fazendo um download.

    -- EE --

    EEmmoottiiccoonnss - Combinao de letras smbolos que significam reaes. EE--zziinnee - So revistas on-line disponveis na Internet. O nome vem "Eletrnic

    Magazine". EEnnddeerreeoo - Todo e qualquer recurso na Internet possui um endereo. O

    endereo de uma pessoa pode ser o de seu e-mail ou mesmo da sua pgina Web, j o endereo de uma mquina est sempre relacionado ao endereo IP (veja IP address).

    -- FF --

    FFAAQQ ((FFrreeqquueennttllyy AAsskkeedd QQuueessttiioonnss)) - So arquivos contendo as "Perguntas mais freqentes" sobre um determinado assunto. Eles ajudam na elucidao de dvidas e na iniciao dos novatos, e so encontrados na Internet.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 30

    FFiinnggeerr - Sistema pelo qual possvel descobrir o nome, qual a ltima vez que o usurio recebeu mensagem alm de vrios outros itens, tudo isso atravs do endereo eletrnico do usurio.

    FFiirreewwaallll - Sistema de segurana colocado nos sites da Internet, para prevenir acessos no autorizados ao sistema.

    FFllaammee ((eemm cchhaammaass)) - Usado para a postagem de mensagens provocativas ou polmicas, podendo causar conseqncias negativas. O usurio que envia essas mensagens conhecido por flamer.

    FFrreeeenneett ((rreeddee lliivvrree)) - Organizao que prov acesso livre Internet para pessoas de uma determinada rea, geralmente atravs de bibliotecas pblicas.

    FFrreeeewwaarree - Software disponvel sem qualquer custo. FFTTPP ((FFiillee TTrraannssffeerr PPrroottooccooll)) - Sistema de transferncia de cpias de

    arquivos de um computador para outro na Internet. FFTTPP aannnniimmoo - o uso do protocolo FTP em localidades conectadas

    Internet que oferecem acesso pblico aos seus arquivos, sem a necessidade de identificao ou senha.

    -- GG --

    GGaatteewwaayy - Um dispositivo que conecta redes que normalmente no se comunicam, permitindo a transferncia de informao de uma para outra.

    GGIIFF ((GGrraapphhiiccss IInntteerrcchhaannggee FFoorrmmaatt)) - Tipo de arquivo de armazenamento de imagens, desenvolvido pela Compu Serve e amplamente difundido na Internet. Esses arquivos so identificados pela extenso .gif.

    GGoopphheerr - Meio de navegao atravs de menus. Ferramenta muito usada com a funo 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.

    GGUUII ((IInntteerrffaaccee GGrrffiiccaa aaoo UUssuurriioo)) - Interface que une cones e funes para realizar tarefas e facilitar a vida do usurio.

    GGzziipp - Tipo de compresso de arquivos, funciona como o usual zip.

    -- HH --

    HHaacckkeerr - uma pessoa que tem prazer em conhecer profundamente o funcionamento interno dos sistemas, computadores e redes de computadores. A quebra de segurana de computadores para Hacker apenas um desafio. Este termo geralmente empregado de maneira pejorativa, onde o correto seria "Craker".

    HHeeaaddeerr ((ccaabbeeaallhhoo)) - A parte de um pacote que precede os dados e que contm a fonte, o destino e o endereo, cabealho tambm a parte de uma mensagem eletrnica que traz, entre outras coisas, o remetente, dia e hora.

    HHiippeerrtteexxttoo - Um tipo de texto que permite o uso de ligaes (links) para outros documentos ou para partes do mesmo documento.

    HHoosstt - Um computador que est ligado uma rede ou Internet. Quando voc se conecta a ele, passa a ter acesso a arquivos e informaes.

    HHTTMMLL - Hypertext Makup Language Linguagem padro baseada em texto utilizada para escrever todos os documentos de hypertexto do World Wide Web.

    HHTTTTPP - Hyper Text Tranfer Protocol Protocolo de comunicao utilizado no World Wide Web.

    HHyytteellnneett - Banco de dados sempre atualizado, que fornece informaes sobre localidades Telnet especficas e ajuda a conect-las.

    - I -

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 31

    IInnffoobbaahhmm - O mesmo que super-rodovia de informaes ou super infohighway.

    IInntteerrnnaauuttaa - Nome dado ao usurio da Internet. IInntteerrnneett PPrroottooccooll ((IIPP)) - Protocolo de comunicao que forma a base da

    Internet. IInntteerrNNIICC - Significa "Internet Information Center". Produz dados estatsticos da

    Rede e tambm o responsvel pelo registro de um novo domnio na Internet. IIPP AAddddrreessss ((IInntteerrnneett PPrroottooccooll AAddddrreessss)) - a identificao numrica

    dos computadores definida pelo protocolo IP. Toda mquina que faz parte da Internet possui um nico e exclusivo endereo IP.

    IIRRCC ((IInntteerrnneett RReellaayy CChhaatt)) - Sistema interativo no qual os usurios da Internet podem conversar (atravs do teclado) em tempo real. Depois do e-mail o servio mais popular da Internet. Existem vrias opes de canais, proporcionando maior privacidade.

    IISSDDNN ((IInntteeggrraatteedd SSeerrvviicceess DDiiggiittaall NNeettwwoorrkkss)) - Uma tecnologia que combina voz e servios de redes digitais em uma mesma linha. Possibilita conexes de alta velocidade Internet.

    IISSOOCC ((IInntteerrnneett SSoocciieettyy)) - Uma organizao que estuda e estimula a evoluo da Internet. O ISOC tambm ajuda a promover o desenvolvimento de novas aplicaes, publicando notas e artigos.

    -- JJ --

    JJaavvaa - Considerada por muitos como a grande revoluo do WWW, Java uma linguagem de programao orientada a objetos, que permite o uso de interatividade nas pginas de Web.

    -- KK --

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

    -- LL --

    LLAANN ((LLooccaall AArreeaa NNeettwwoorrkk)) - uma rede local de computadores, que permite que os usurios troquem informaes e compartilhem recursos como impressoras ou MODEMS. A grande maioria das empresas atualmente possui um LAN que tambm est conectada Internet.

    LLiissttaass ddee ddiissccuusssseess,, GGrruuppooss ddee ddiissccuusssseess - As discusses so carregadas nas mensagens de correio eletrnico para respostas automticas, que enviam uma cpia de cada mensagem enviada pelo correio eletrnico para qualquer um que tenha assinado a lista para discusses particulares de grupo.

    LLiinnhhaa ddeeddiiccaaddaa - Linha telefnica Digital de Alta Velocidade que fica permanentemente ligada entre dois lugares. Linhas dedicadas so encontradas freqentemente em conexes de tamanho moderado a um provedor de acesso.

    LLiissttsseerrvv - Programa que fornece o processamento automtico de muitas funes envolvidas com as listas de correspondncia (grupos de discusses). O envio, atravs do correio eletrnico, de mensagens apropriadas para esse programa automaticamente o inscreve (ou cancela a inscrio) como usurio de uma lista de discusso. O listserv tambm responde solicitaes de ndices. FAQs, arquivos das discusses anteriores e outros arquivos.

    LLOOGGOOFFFF - o processo de desconexo de um sistema on-line.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 32

    LLOOGGIINN - um processo para sua identificao 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 atravs do qual voc conhecido na rede (username), e depois informa a sua senha (password).

    LLuurrkkeerrss - como so chamados os participantes no-ativos de grupos como Usenet Newsgroup, Mailing List e IRC; quer dizer, somente "ouvem", no participam ativamente das discusses . No CU-SeeMe os "lukers" so os participantes que no possuem cmeras.

    -- MM --

    MMaaiillbbooxx - a rea que armazena as mensagens eletrnicas recebidas. MMaaiilliinngg lliisstt MMIIMMEE ((MMuullttiippuurrppoossee IInntteerrnneett MMaaiill EExxtteennssiioonnss)) - um

    aperfeioamento dos padres do sistema de correio da Internet, que possui a habilidade de transferir dados no textuais como grficos, udio e fax e permite que se envie mensagens com a acentuao em portugus.

    MMiirrrroorr SSiittee - Sites que so rplicas de outros muitos populares. O uso de "Mirror Sites" incentivado, pois distribui melhor o trfego na Rede. Geralmente, a escolha de um site perto de voc garantia de melhores taxas de transferncia, sendo assim, procure saber se aquele super site que voc sempre visita no possui um espelho no Brasil.

    MMooddeemm - Um dispositivo que transforma sinais analgicos em digitais vice-versa. O nome MODEM, na verdade uma sigla para MOdulador DEModulador.

    MMoossaaiicc - Interface grfica que atua como um software-cliente para o FTP, gopher, Usenet News, WAIS e WWW. "Pai" do Netscape.

    -- NN --

    NNeett - Abreviao para Internet. NNeettiiqquueettttee ((NNeettiiqquueettaa)) - Uma combinao das palavras "Net"e "etiquette".

    So padres de bom comportamento utilizados na Internet. O conceito bsico da "Netiquette" que existem pessoas reais do outro lado da mquina, sendo assim, comentrios ou atitudes desagradveis so to ofensivos quanto se estas estivessem na sua frente.

    NNeettssccaappee NNaavviiggaattoorr PPeerrssoonnaall EEddiittiioonn - um conjunto de softwares grfico que conecta voc a um provedor de acesso a rede Internet e lhe garante fcil acesso a Internet e ao Word Wide Web.

    NNeewwbbiiee - O mesmo que novato na Internet. NNeewwssggrroouupp UUsseenneett ((NNeettnneewwss)) - So grupos de discusses que usam

    software newsreader e servidores. NNNNTTPP ((NNeettwwoorrkk NNeewwss TTrraannffeerr PPrroottooccooll)) - Padro usado para a troca de

    mensagens dos usurios da Usenet na Internet. NN ((NNooddee)) - Um computador que est conectado a uma rede.

    -- OO --

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

    -- PP --

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 33

    PPaaccoottee ((PPaacckkeett)) - Unidade padro para representar os dados enviados pela rede. Uma informao sempre dividida em pequenos pacotes.

    PPaaggiinnaaddoorreess - Aplicaes clientes que permitem a visualizao de pginas WWW.

    PPaarr ttrraannaaddoo - Cabo produzido por pares de fios de cobre tranados uns aos outros fazendo com que se cancelem os efeitos de rudos eltricos.

    PPaasssswwoorrdd - a senha utilizada para identificao de um usurio em um sistema. ela que valida ou no o seu pedido de conexo.

    PPoorrtt ((11)) - Nmero que identifica uma aplicao particular na Internet. Quando o seu computador manda um "pacote" para outro computador, este "pacote" contm informao sobre o protocolo que est sendo usado, e que aplicao est se comunicando com ele.

    PPoorrtt ((22)) - Computador com canais de entrada e sada. PPoossttiinngg - Um artigo individual mandado para o grupo de discusso da Usenet

    ou o ato de mandar um artigo para o Usenet. PPoossttmmaasstteerr - Pessoa responsvel por cuidar e solucionar os problemas

    ligados ao e-mail. PPOOPP ((PPoosstt OOffffiiccee PPrroottooccooll)) - permite que o usurio 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 mquina cliente, no caso, a sua mquina.

    PPPPPP - Conhecido como Point-to-Point Protocol, um protocolo de transmisso de pacotes, muito utilizado por quem se conecta Internet atravs de MODEM.

    PPrroottooccoolloo - um conjunto de regras estabelecidas com o objetivo de permitir a comunicao entre computadores.

    PPrroovveeddoorr ddee AAcceessssoo - Organizao que oferece conexo para Internet.

    -- RR --

    RReeddee - Um grupo de equipamentos conectados de forma a transmitir informaes entre eles e compartilhar recursos. Quando esta palavra iniciar com maiscula (Rede) estaremos nos referindo Internet.

    RRFFCC ((RReeqquueesstt FFoorr CCoommmmeennttss)) - Um conjunto de documentos utilizados na discusso de padres e experimentos realizados na Internet.

    RRoooott -- SSuuppeerr -- UUssuurriioo - uma pessoa que tem poderes "ilimitados" dentro da rede. De forma geral, somente o administrador se encaixa nesta categoria.

    RRoottaa ((RRoouutt)) - Caminho na rede feito desde a origem at seu destino. RRootteeaaddoorr - Dispositivo dedicado ao envio e direcionamento de pacotes

    (pedaos de mensagens) entre os ns da rede. RReeaalliiddaaddee VViirrttuuaall - qualquer uma das vrias combinaes de recursos de

    interface de usurio que permite a este interagir com o computador ou sistema, de uma maneira que tenta imitar da forma mais perfeita possvel o ser humano. Pode incluir vrios tipos de recursos.

    -- SS --

    SSeerrvviiddoorr - Um programa que recebe solicitaes de um cliente. Geralmente os servidores rodam nos hosts.

    SShhaarreewwaarree - Software que geralmente est disponvel como "experimente antes de comprar".

    SSiittee - um termo largamente utilizado para fazer referncia a um n da Internet.

  • WWW.LIGG3.COM.BR Aprendendo HTML

    WWW.LIGG3.COM.BR 34

    SSlliipp - Conhecido como "Serial Line Internet Protocol", um protocolo de transmisso de pacotes similar ao PPP, muito utilizado por quem se conecta Internet atravs de MODEM.

    SSMMTTPP ((SSiimmppllee MMaaiill TTrraannssffeerr PPrroottooccooll)) - o protocolo utilizado para a transferncia de mensagens eletrnicas de servidor para servidor.

    -- TT --

    TT11,, TT33 - Padres que representam 1.544 megabits (T1) e 45 megabits (T3) por segundo na transmisso de dados.

    TTCCPP//IIPP - Conjunto de protocolos utilizados na troca de informaes entre computadores de diferentes arquiteturas dentro da Internet. O TCP/IP est disponvel para qualquer tipo de CPU e sistema operacional.

    TTaallkk - Programa utilizado para conversar com outro usurio da Internet (para quem tem um nmero IP fixo), no importa a onde esteja.

    TTeellnneett - Padro de protocolo na Internet que prov conexo com computador remoto. O Telnet permite que o usurio em um mesmo site possa interagir com um sistema remoto em outro site como se o terminal do usurio estivesse diretamente conectado ao computador remoto.

    TTeerrmmiinnaall ddoo sseerrvviiddoorr ((TTeerrmmiinnaall sseerrvveerr)) - Pequeno e especializado computador de rede que conecta vrios terminais na LAN atravs de uma conexo de rede. Qualquer usurio na rede pode conectar-se a vrios hosts de rede.

    -- UU --

    UUnniixx - Sistema operacional no qual a Internet se desenvolveu. A maioria dos servidores na Internet utilizam esse sistema.

    UUppllooaadd - Quando voc transfere um arquivo do seu computador para algum lugar, voc esta fazendo um upload.

    UURRLL ((UUnniiffoorrmm RReessoouurrccee LLooccaattoorr)) - Um mtodo para especificar a exata localizao 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 www.wenet.com.br.

    UUSSEENNEETT - Rede de base Unix que suporta a distribuio das mensagens. UUsseerrnnaammee ((nnoommee ddoo uussuurriioo)) oouu IIDD - Endereo que representa uma

    conta pessoal num grande ([email protected]).

    -- VV --

    VVRRMMLL ((VViirrttuuaall RRaalliittyy MMooddeelllliinngg LLaanngguuaaggee)) - uma linguagem de programao que permite a utilizao de animaes tridimensionais no WWW.

    -- WW --

    WWAAIISS ((WWiiddee rreeaa IInnffoorrmmaattiioonn SSeerrvviiccee)) - um servio de busca, que a partir de uma palavra localiza em uma grande base de dados a informao desejada. A maioria dos localizadores na WWW utilizam o WAIS.

    WWeebb bbrroowwsseerr - Veja em Paginadores. WWiinnssoocckkss ((WWiinnddoowwss SSoocckkeettss)) - so um conjunto de especificaes e

    padres para que aplicaes TCP/IP possam utilizar o Windows como sistema operacional.

    WWWWWW - World Wide Web.