Download - Revista on the NET

Transcript

SMID Produções Gráficas e Editora Ltda.

Rua Horacio Vergueiro Rudge, 329

CEP: 02512-060 - Casa Verde

São Paulo - SP

Fone: (11) 3961-2139

Internet: www.mid.com.br

E-mail: [email protected]

EDITORES

Ivan Battesini

Daniel J. Ribeiro

CHEFE DE REDAÇÃO

Fabiano Rodrigues

CAPA

Ivan Batessini

DIAGRAMAÇÃO / EDITORAÇÃO

Thiago Henrique Naves

TEXTOS / PESQUISA

Fabiano Rodrigues, Vinícius Camacho e Rafael Verdi

Colaboração: André J. Ribeiro, Carla Scarabelin Mendes,

Denis F. Iongbloed, José Rodrigo Guerra, Leandro Gusmão,

Rafael Pereira, Wanessa Cardoso

REVISÃO DE TEXTOS

José Roberto de Freitas

IMPRESSÃO

ADPRESS Indústria Gráfica

Rua Américo Vespúcio, 89 - Osasco

DDR: (11) 3658-9999

DISTRIBUIDOR PARA TODO O BRASIL:

Fernando Chinaglia Distribuidora S/A

Rua Teodoro da Silva, 907 - Grajaú

CEP: 20563-900 - Rio de Janeiro - RJ

Tel.: (21) 575-7766

Números Anteriores podem ser adquiridos através do site:

www.mid.com.br

ou pelo fone: (11) 3961-2139

PARA ANÚNCIAR LIGUE:

(11) 3951-5566

Todas as marcas e produtos citados nesta publicação são de

propriedade de seus detentores.

EditEditEditEditEditorialorialorialorialorialSempre focamos a revista On the Net, desde seu

início, diretamente para o ensino de criação de páginas

para Internet em HTML.

Acreditamos ter alcançado nosso objetivo no senti-

do de orientar e esclarecer dúvidas das pessoas que

utilizam-se do HTML, seja profissionalmente, seja como

hobby. Não vamos deixar de abordar o HTML, longe

disso, estamos introduzindo agora o HTML 4, que traz

muitos novos recursos em relação ao seu predecessor,

que pode hoje ser considerado, um básico introdutório

do HTML 4. O que era útil, tornou-se indispensável.

É necessário ressaltar o site da revista, pois muito

do que temos mudado no conteúdo da OTN, deve-se

às sugestões enviadas por nossos leitores, e às pes-

quisas realizadas no site.

Portanto, contamos com a colaboração de todos na

participação das enquetes realizadas no site.

Um exemplo de aplicação prática das pesquisas e

da interatividade, é a introdução desde a edição nº 08,

da linguagem ASP, que sempre foi uma das principais

solicitações de todos.

Hoje o ASP é extremamente utilizado em sites que

necessitam de dinamismo para atualizações instantâ-

neas de informações, ou que possuem E-commerce,

por tratar-se de uma linguagem que permite o acesso a

banco de dados, através do HTML.

Agora os leitores da revista têm mais uma forma de

tirar suas dúvidas, o nosso Fórum está funcionando

perfeitamente, todas as perguntas são respondidas pe-

los nossos especialistas em programação e Internet ou

por visitantes do Fórum. Com isso, nossos leitores te-

rão suas dúvidas respondidas em um pequeno espaço

de tempo, e acabamos criando um acervo com diver-

sas dúvidas respondidas.

ÍndiceÍndiceÍndiceÍndiceÍndice

Página 24

Página 33

Página 38

HackersCom a expansão da Internet nos últimos tempos, uma

grande quantidade de infratores, apesar dos milharesde programas existentes para proteção, sempre conse-guem uma nova forma de burlar a proteção e avulnerabilidade volta a ameaçar milhões de pessoas. Amelhor forma de se defender de tudo isso é sabendocomo o infrator age, pois só assim, saberemos o quefazer em certas ocasiões. Esta nova seção irá mostrarcomo se proteger de infratores, tanto os que invademcomputadores pessoais como os que danificam servi-dores e sites.

Novas

TecnologiasMaior informação e dinamização do seu site. Deixe

de utilizar recursos tercerizados e faça-os você mesmo.Nesta edição você aprenderá a fazer um GuestBook,além de aprender a utilizar banco de dados em suasaplaicações em ASP. Para os usuários não avançados,continuamos a ensinar como o ASP funciona, coman-dos de VBScript e como enviar os dados de um formu-lário para o seu Email.

HTML 4O HTML 4 não é uma nova versão do HTML, a ver-

são 4.01 é a versão mais recente e atual do HTML. Masentão o que há de tão interessante em uma versão quetodos nós já utilizamos há mais de 2 anos? Comandosque não foram divulgados e que facilitam muito nossasvidas, comandos que não foram inclusos nas ferramen-tas de trabalho WYSISYG ou que estavam no progra-mas profissionais de HTML, mas que ninguem sabiapara que servia. A partir desta edição, esteremos des-vendando todo o código HTML que com certeza, irá fa-cilitar muito a sua vida.

SeçõesSeçõesSeçõesSeçõesSeçõesNewsNewsNewsNewsNews - - - - - A cada segundo há um absurdo aumentode páginas na internet, da mesma forma, novas infor-mações, notícias, tecnologias surgem. Para não ficar forade todas essas mudanças, não deixe de ler nossa se-ção de notícias. Todas relacionadas à internet, lhe dei-xando mais perto dos acontecimentos atuais. Pág. 06Pág. 06Pág. 06Pág. 06Pág. 06

E-mail -E-mail -E-mail -E-mail -E-mail - Todas as dúvidas de nossos leitores serãorespondidas pelos nosso suporte, as respostas sãodevidamente testadas antes de enviadas, além dos e-mail que são enviados diretamente para a redação darevista, estaremos selecionando algumas das dúvidaspostadas em nosso fórum. Pág. 10Pág. 10Pág. 10Pág. 10Pág. 10

Páginas do LPáginas do LPáginas do LPáginas do LPáginas do Leitor -eitor -eitor -eitor -eitor - Aqui você iráconhecer o potência dos nossos leitores, recebemosmuitos e-mails, agradecendo a força para a construçãode páginas pessoais e profissionais, a maioria dosnossos leitores sempre deixa mensagens deagradecimentos, contando suas historias antes de enviarsuas URL, confira o trabalho de alguns de nossosleitores. Pág. 12Pág. 12Pág. 12Pág. 12Pág. 12

WWWWWebDesign -ebDesign -ebDesign -ebDesign -ebDesign - O Design é uma das partes maisimportantes para se fazer um ótimo Site, mas para seobter um ótimo Design precisamos conhecer diversasferramentas que nos proporcionaram ótimos recursos,Nesta edição iremos falar mais sobre CSS. Pág. 18Pág. 18Pág. 18Pág. 18Pág. 18

Livros -Livros -Livros -Livros -Livros - Nesta edição estaremos trazendo doislivros muito interessantes, todos eles voltados para osdesenvolvedores de soluções para Internet. Pág. 21Pág. 21Pág. 21Pág. 21Pág. 21

RRRRResumo HTML -esumo HTML -esumo HTML -esumo HTML -esumo HTML - Ninguém tem uma memóriade Elefante para lembrar todas as TAGs do HTML, porisso, nós colocamos as TAGs mais utilizadas nesta seção,confira as novas TAGs e seus parâmetros. Pág. 22Pág. 22Pág. 22Pág. 22Pág. 22

FX-HTML -FX-HTML -FX-HTML -FX-HTML -FX-HTML - Apesar de existir há muito tempo, osrecursos em JavaScript estão se sobressaindo, saibacomo apicar diversos recursos avançados em seu site,tornando ele mais interativo com o seu usuário. Pág. 28Pág. 28Pág. 28Pág. 28Pág. 28

Página 16

RG3.netCom os diversos sites de hospedagens que existem

hoje, não poderia faltar uma vasta opção deredirecionadores. Nesta edição iremos falar sobre oRG3.net, um site de redirecionamento Brasileiro, e quenão utiliza Banners.

O sistema de registro é muito simples, leia a matériae registre o seu site.

e mais...Promoções -Promoções -Promoções -Promoções -Promoções - Veja os ganhadores da promo-ção Traduz Web, cinco felizardos ganharam cada um osoftware TraduzTudo que é vendido por R$ 103,00.Neste mês você irá ganhar um desconto de 50% hos-pedando sua página no HDG (www.hdg.com.br), semsorteios, basta apenas se cadastrar e pronto. O site HDGfaz hospedagens de páginas em ASP. Pág. 37Pág. 37Pág. 37Pág. 37Pág. 37

Dicionário WEB -Dicionário WEB -Dicionário WEB -Dicionário WEB -Dicionário WEB - Novos termos adiciona-dos em nosso dicionário WEB, que surgem rapidamentee precisamos estar sempre atualizados, já que a Interneté a nossa ferramenta de trabalho. Pág. 50Pág. 50Pág. 50Pág. 50Pág. 50

News

Notícia - Novos domínio de primeiro nível estão a caminho

Notícia - curiosidades

A empresa emericana New.net emparceria com a MP3.com, Netzero,UltraDNS, e mais quatro grandesempresas da era web, estáanunciando a criação de 20 novosdomínios do tipo TLD, Top LevelDomain, ou Domínio de Primeiro Nível.

Para determinadas empresas,esses novos nomes do domínio comextensões oferecem uma relevânciae "target" muito maior do que osatuais .com, .net, e outrosdomíniosTLD existentes. Em seusite (www.new.net), a empresaafirma estar fazendo de tudo paraincentivar os milhões de usuários

.soc

.med

.law

.travel

.game

.free

.ltd

.gmbh

.tech

.xxx

.shop

.mp3

.inc

.kids

.sport

.family

.chat

.video

.club

.hola

Novos Domínios

na Internet

9,8 milhões é o atual número de Internautas brasileiros.

7,25 é o número de horas que em média os brasileiro passam conectados na rede.

335.912 é o número de domínios registrados no Brasil com o sufixo .com.br.

854 é o número de sites brasileiros que já sofreram algum tipo de invasão ou ataque hacker.

419.391 é o número vezes que o ICQ foi baixado no maior site brasileiro de downloads(www.superdownloads.com.br), tornando-se assim, o programa mais baixado em toda a históriada internet brasileira.

Números da Internet

Brasileira

News

ativos na internet a ativar seusbrowsers para reconhecer nomes dodomínio de primeiro nível. Ainda deacordo com a New.net, osprovedores de acesso a Internetpodem poupar muito tempo etrabalho de seus usuár ios,configurando seus servidores paraque seus usuários reconheçam os20 novos domínios, que são: .shop.mp3 .inc .kids .sport .family .chat.video .club .hole .soc .med .law.travel .game .free .tld .gmbh .tech.xxx.

Já pensou que chique seu sitecom o endereço www.meu.chat ?

News

Novidade - Novo plugin para browser no Macintosh

Finalmente a Adobe liberoupara download o plugin para na-vegadores do Machintosh, quepermite visualizar gráficosvetoriais escalonáveis (SVG),tecnologia para exibir gráficos fei-tos com o Adobe SVG Viewer.

Você ainda não sabe o queé ASP.Net? ASP.net é a novatecnologia da Microsoft paradesenvolvimento de páginasdinâmicas na web. Esta tecno-logia substituirá a ASP clássi-ca, amplamente divulgada eutilizada no mundo todo.

Na arquitetura. NET, todosos aplicativos (inclusive os doOffice) são desenvolvidos em

Segurança - Novo vírus

Nesta última semana o trá-fego no site de uma das maio-res empresas de antivírus domundo (a McAfee) pulou para979 mil visitantes únicos até oúltimo domingo. O tráfego no siteda empresa antivírus McAfeecresceu 64% na semana pas-sada, devido aos downloads doúltimo software contra o vírus

Virus "Esposa Nua" é a mais nova ameça online

O Adobe SVG Viewer é com-patível com o Internet Explorer5 e o Netscape 4.x, e permitever arquivos SVG, uma lingua-gem para gráficos vetoriais quefaz pa r te do padrão XML(Extensible Markup Language).

Para PC o pulgin já existiadesde o meio do ano pas-sado, e desde en tão, aAdobe vinha recebendo re-clamações dos usuários doMacin tosh pe la fa l ta doplugin para esse sistema.

Novidade - Nova tecnoligia ASP da Microsoft

cima de componentes modularesdenominados como "assemblies",que são semi-compilados de manei-ra a ser chamado por "p-code". Nahora da execução dos Módulos (as-semblies), a compilação é comple-tada por um software chamado(CLR) Common Language Runtime.

O melhor de tudo isso é queeste CLR não roda apenas sobWindows. Então, podemos ter ver-

sões de ASP NET para Li-nux, Solaris etc. Com issoprovavelmente a linguagemASP.NET não será exclusivade servidores IIS (Internet In-formation Server) da Micro-soft. Parece que o ASP.netveio para ficar e tem tudopara cair no gosto dos pro-gramadores e desenvolvedo-res web.

Naked Wife (esposa nua), de acor-do com o serviço de medição deaudiência Nielsen//NetRatings.

O tráfego no site saltou para 979mil visitantes únicos até o último do-mingo, frente aos 599 mil registradosna semana anterior. Os usuáriosgastaram em média 11 minutos nosite, a maioria deles buscando atua-lizações de programas antivírus.

"O site da McAfee estavapronto para capitalizar asnecessidades de proteção efacilitar aos usuários infor-mações de ta lhadas dodownload e a compra de pro-dutos de software", disseAllen Weiner, vice-presiden-te dos serviços de análisesda NetRatings.

Novidade -Cidade Internet Hackeada

Quem entrou no portal Ci-dade Internet, na magrudadado dia 15 de março, com cer-teza se surpreendeu com oque viu na página principal. Amesma foi alterada por umhacker e em seu lugar, haviaum texto sobre a falta de se-gurança do site e uma críticaas argentinos, donos do por-tal Cidade Internet. A invasãofoi detectada às 00:02h. O

Hacker invade site da Cidade Internet

2 vezes na mesma semana

Página principal do portal Cidade InternetPágina principal do portal Cidade Internet

News

Pirataria - Abes divulga os números da Campanha Antipirataria em 2000

VA Associação Brasileira dasEmpresas de Software, Abes, anun-ciou em 14/03 que o índice de pira-taria de software no Brasil perma-neceu em 56%. Isso significa quemenos de cinco em cada 10 progra-mas de computador em operaçãono país, utilizam programas ...

Legais. Um estudo realizadopela consultoria PriceWaterhou-seCoopers concluiu que, se o ín-dice atual de pirataria de softwa-re no país fosse reduzido para27% (índice atual nos EUA), o se-

Abes divulga os números da CampanhaAntipirataria em 2000

mais incrível é o fato do hacker játer alterado o conteúdo do site,alguns dias antes. Se na primeiravez, há uma semana, o hackerhavia apenas deixado seu nomena página, desta vez a mensagemé mais extensa. Diz: "Essas coi-sas acontecem . Hacked, Owned,Cracked... By DeVoN_DCLXVI -Again". E prossegue com críticasao portal: " Tinha que ser de Ar-gentino mesmo isso aki!! E mes-

mo depois de tudo ainda que-rem discutir sobre segurançano cidadebiz... vocês só saoespecialistas em uma coisa:nas verdinhas q vcs arran-cam das pessoas!!!"

Segundo sua assessoriade imprensa, o Cidade Inter-net está averigüando o querealmente aconteceu no casodas duas invasões.

tor poderia gerar cerca de 90 milnovos empregos e arrecadar maisde R$ 500 milhões em impostos.

O levantamento feito anualmenteentre os associados da Abes apontaainda que as perdas para o setor su-biram de US$ 920 milhões, em 1999,para US$ 1,38 bilhão em 2000, umacréscimo de US$ 460 milhões. En-quanto as vendas do mercado legalde software cresceram de U$ 715 mi-lhões para US$ 1,1 bilhão. Apenas oaumento na apreensão de CDs pira-tas, que pulou de 23 mil para 212,8

mil no último ano retirou dasruas US$ 33 milhões em licen-ças de uso. Com a intensifica-ção na Campanha Antipiratariao número das ações tambémaumentou de 250 para 312."Esse é o resultado de diversasações criminais de busca eapreensão, bem como ações ju-diciais contra empresas queusavam programas ilegais" afir-ma Rodrigo Munhoz, coordena-dor do grupo de trabalho de an-tipirataria corporativa da ABES

News

Novidades - Notícias do mundo Flash

Notícias do mundo Flash

96% dos usuários conseguemvizualizar animações em Flash

O Flash da Macromedia é atecnologia de vetor para alto-impacto artificioso, baixo uso debanda que atraem, e retêm vi-sitantes. Uma experiência deRede mais rica, menos cons-trangedora para os usuários.

No início de Março, a NPD

Arquivos SWF como vocêdeve saber, são arquivosmultimídia gerados pelo Macro-media Flash para serem exibi-dos em páginas da web por meiode um plugin que está presente

Bug no Plugin do Macromedia Flash 4/5

Novidade - Banco de dados para XML

Comercializado no Brasil pelaConsist, o Tamino é o primeirobanco de dados a armazenar eprocessar XML de forma nativa.De acordo com os leitores doXML Journal, primeira publicaçãomensal dedicada à comunidadeXML em todo o mundo (http://w w w . s y s - c o n . c o m / x m l /cover.html), o Tamino, daSoftware AG, comercializado noBrasil pela Consist, foi escolhido

Tamino é eleito o melhor banco de dados XML

Research, parte dogrupo MediaMetrix,organizou um estudopara determinar quala porcentagem denavegadores quetêm plugin para visu-alização do Flash deMacromedia pré-ins-talado. O espetáculode resultados é que98.4% de usuários

de Rede podem visualizar normal-mente sites que contêm tecnologiaMacromedia Flash, sem ter que car-regar e instalar o Plugin.

Visitando o site da Macromedia (http://www.macromedia.com/softwa-re/player_census/flashplayer/) pode-mos observar que no momento cer-

ca de 336.074.612 de usuáriosusam o programa Flash Playerpara visualizar páginas feitas emflash, em todo o mundo. Combase nestes dados podemosobservar o crescimento rápido eassimilável na área de desen-volvimento de sites com a tec-nologia de ponta.

Pode-se efetuar download doprograma gratuitamente atravésdo endereço:http://www.macromedia.com/downloads/ selecionando a op-ção Macromedia Flash Player eem seguida Install Now. Odownload do programa leva cer-ca de 10 minutos, se usado comum modem de 56k.

no navegador de 96% dosinternautas. Um bug foi detectado nocomeço desse ano no formato do ar-quivo SWF do Macromedia Flash.Assim, um web site mal intenciona-do pode inserir um arquivo SWF ma-

licioso no codigo html do site. Aoentrar, o usuário teria seu nave-gador travado, pondendo resultaraté numa paralização total do PCdo usuário, exigindo que o mes-mo seja reiniciado.

como o melhor banco de dados XMLdo ano. O prêmio foi conseguido coma diferença de 8% em relação ao se-gundo colocado. A Oracle (Oracle8i)ficou em segundo lugar, a IBM(DB2XML Extende) em terceiro e aeXcelon (eXcelon B2B IntegrationServer) em quarto lugar. O prêmio éconcedido a treze segmentos do se-tor e é considerado o "Oscar da In-dústria de Software". A escolha é fei-ta pela Web e fiscalizada por auditor

independente. A PlataformaTamino é composta pelo banco dedados Tamino e pelas ferramen-tas de integração X-Node (cone-xão com bases relacionais), X-Bridge (integração de documentosXML de outras aplicações) e X-Studio (desenvolvimento de apli-cações baseadas em XML). OTamino armazena e processaXML de forma nativa, sem neces-sidade de conversão de formato.

E-mails

E-mails@

De: “Rogério Pereira Silva”<[email protected]>Para: “OnTheNet”<[email protected]>Assunto: Solicitação de Informações

Gostaria de saber como posso adquirirsomente a revista, pois estou precisandode uma materia, “A História da Internet”,contida nas revistas On The Net 4, 5, 6, 7,8.

Caro leitor

Compre através do site da MID Produçõeswww.mid.com.br

De: “Luiz Carlos Dias”<[email protected]>Para: “OnTheNet”<[email protected]>Assunto: Solicitação de Informações

Ei pessoal, adoro a revista de vcs (comprotodo mês) e adorei o novo visual de seusite (bem mais bonito q aquelealaranjado...), mas sinto falta de algo: onde

estão os javascripts que agem como o botõe do navega-dor “back”. O único jeito q sei eh criando um link VOLTARcom a URL da página anterior, mas ele carrega a páginaao invés de buscar no histórico.Agradecido pela qualidade desse trabalho, espero obteruma resposta...Valeu! PK

Caro leitor,Agradecemos o elogio. O Comando é simples<a href=”javascript:window.history.go(-1)”>Voltar</a>Abraços

Se você tem alguma dúvida, elogio, crítica ousugestão, envie seus e-mails para:

[email protected]

De: “Davi”<[email protected]>Para: “On The Net”<[email protected]>Assunto: edição nº 8

Gostaria de adquirir a edição nº 8 que estánas bancas, mas gostaria de saber primeiroquais programas vêm no CD, se tem utilida-de para ASP e se são Shareware ou freeware.Obrigado.

Caro leitorOs programas para ASP são:Personal Web Server - Freeware - Servi-dor da Microsoft - AceExpert - Shareware -Editor. Além do IE5.5, ICQ, Netscape 6,

Neoplanet, RealPlayer, Winamp, Windows Media Player,QuickTime entre outros Freewares SolusZip, PhotoShop,TraduzWeb, SolusZip, Wingate, Acrobat, AfterEffects, GifAnimator, Paint Shop Pro entre outros Sharewares.

Abraços

De: “Alda”<[email protected]>Para: “On The Net”<[email protected]>Assunto: dúvidas sobre formulário

Olá pessoal, tenho uma dúvida sobre cria-ção de formulários e gostaria de pedir ex-plicação sobre o assunto. Seguinte, estouelaborando uma página onde há letras demúsicas, poemas e cartões e quero saber

como faço para usar a opção SUBMIT em minha página,que torne possível para os visitantes enviarem esses ar-quivos para outras pessoas, especificando o e-mail dodestinatário.

E-mails@Outra dúvida também é quanto a disponibilizar arquivosou programas para download. Como faço isso? Refiro-medesde a como criar na página e como colocar isso naweb, tornando acessível aos visitantes.Muito grata pela atenção.

Bom quanto a enviar imagens e poemasnão é tão fácil assim.Você poderá enviar o endereço onde essamensagem/imagem/poemas está localiza-do. A pessoa receberá o endereço e envia-

rá. Para isso você deverá utilizar um formulário em asp ouem CGI.Na edição número nove ensinaremos a fazer um formulá-rio em ASP.Colocar arquivos na página é simples. Coloque o seguin-te comando <a href=”downloads/fazenda.zip”>Clique aquipara baixar o arquivo Fazenda</a>. Dentro do seu servi-dor, você deverá criar uma pasta Download (essa pastapoderia ter outro nome, como arquivos, fotos, musicas eetc) e fazer o upload do arquivo fazenda.zip para esta pas-ta.De: <[email protected]>Para: “On The Net”<[email protected]>Assunto: Duvidas

Estou com a edição nº1 da revista apren-dendo sobre HIPERLINK e estou usandoo exemplo da revista, mas, toda vez queclico no “ir para o exemplo 2” mostra que

essa página não pode ser exibida.Gostaria de saber porque.Espero uma resposta breve

Obrigado

Você criou a página numero 2???

De: “Gilson Mariani Vieira” <[email protected]>Para: “On The Net” <[email protected]>Assunto: UIN?

Eu gostaria de saber o que é o UIN, termousado na revista nº 8. Não entendi o quesignifica “roubar o UIN”. Se possível merespondam por E-Mail, para ser mais rápi-do.

Obrigado.

Caro leitorSua pergunta foi respondida em nossoFórum. Acesse o site da on The Net paravisualizá-la www.onthenet.com.br

De: Anderson <[email protected]>Para: “On The Net” <[email protected]>Assunto: Dúvida quanto a formulários

Eu consegui montar um formulário bembacana...meu servidor é o hpg, meu site éo www.meteorman.hpg.com.br ,e o seguin-te: no final do formulário,na codificação,elepede que se ponha o nome do programa

que roda os formulários no servidor do hospedeiro dapágina...mas eu não sei se ponho nome deprograma,url,host,nada sei.Vocês podem me dizer o que“exatamente” colocar? É uma das poucas coisas que fal-tam em meu site,que ficará pronto daqui a três mesessomente...por favor,respondam por e-mail mesmo, que émais rápido. Desde já muito obrigado!Nome/leitor:Carlos Tiago Marcon MouraRio grande do Sul/porto alegre

Caro leitorVocê deverá utilizar algo no action do formpara que o mesmo possa enviar o email.Há três formas de fazer isso:1 - Utilizando a tag mailto:

<form action=”mailto:[email protected]” method=”post”>2 - Utilizando um CGI/Perl gratuíto:<form action=”http://site/cgibin/nome.pl” method=”post”>3 - Utilizando um ASP:<form action=”http://site/email.asp” method=”post”>Dica: Na próxima On The Net, que estará nas bancas dia10 de Abril, estaremos explicando como enviar e-mail uti-lizando ASP, matéria que fará parte da seção básica deASP.Abraços

De: <[email protected]>Para: “On The Net” <[email protected]>Assunto: Front Page 2000

Caro leitorUtilize o HPGAbraços

Na edição Nº 5 (especial HTML) vocês ensi-naram como fazer um site noXOOMBUILDER. Daí surgiu uma dúvida: Es-tou com um site pronto no FRONT PAGE 2000,

e pensei:”Se o XOOMBUILDER trabalha com HTML, eu nãopoderia copiar o conteúdo HTML do meu site e colar no ca-dastro do XOOMBUILDER?” Se essa minha idéia estiver er-rada, por favor façam uma matéria sobre como colocar no arsites feitos no FRONT PAGE 2000. Por favor respondam essee-mail, pois preciso por esse site no ar.

Páginasdo Leitor

Páginas do Leitor

Você construiu uma home page egostaria de vê-la aqui na seçãoPáginas do leitor, não é? E de

quebra aposto que você gostaria deconcorrer a ter a sua home page elei-ta como Página do Mês! Então corra eenvie o endereço da sua home page

para [email protected]. A me-lhor home page estará levando o títu-lo de Site do Mês e o web master re-ceberá por 3 meses, gratuitamente, 1exemplar da revista On The Net! Ecomo foi prometido na edição passa-da, a partir desta edição, o endereço

das páginas enviadas pelos leitoressão organizadas por assunto, melho-rando a organização e facilitando aconsulta dos outros leitores. Por isso,ao enviar o URL de sua home page, jáespecifique em qual seção ela melhorse encaixará

Página inicial do site PokémonPlanet. Inúmeros serviços, com umótimo design.

SITE DO MÊSwww.pokemonplanet.hpg.com.br

Letícia [email protected] endereço é pokemonplanet.hpg.com.br. E como o

próprio nome diz, a home page é obviamente sobre o mun-do dos pokemons, pikachu e afins. Mas ela não é umasimples home page. Com um ótimo design, enorme con-teúdo sobre o assunto, e seguindo o estilo de um portal,este site realmente nos supreendeu. E o que mais nossupreendeu foi a qualidade na criação e no acabamentodas imagens gif e jpg, além do bom gosto da Letícia, comtodas as cores empregadas no site. Parabéns Letícia!

Na seção deDownload, vocêencontrará desdeícones, cursores,sons e músicas, atéprotetores de tela.

No site você podeconhecer tudo sobretodos os personages

do desenhoPokémom.

Páginas do Leitor

GAMES

www.avebeano.hpg.com.brFélix Willian

[email protected]

ERÓTICO

MÚSICA

www.wshp.hpg.com.brBruno

[email protected]

Home Page do clã Ave Beano do jogoAge of Empires, com screen shots ,galeria de membros, regras e etc.

Bastante conteúdo no site do leitorBruno:Apostilas, cartões, cifras,contadores e mais.

Site erótico totalmente brasileiro, esomente com fotos de primeiríssimaqualidade.

Naues [email protected]

www.ncsex.cjb.net www.adeusaluize.hpg.com.brFabbrica Cinco

[email protected] Page não oficial da modelogaúcha Luiza Altenhofen. Outro sitecom excelente design!

discosemmp3.ezdir.netLeme

[email protected] contendo vários discos em for-mato mp3 para você baixar. Aprovei-te enquanto ainda está no ar.

www.topsex.ezdir.netMichael Wilian

[email protected] todo site erótico que se preza,o Top Sex é mais um, repleto de gale-rias de fotos eróticas.

www.dbterritory.cjb.netXiao Tong Ruan

[email protected] site sobre o game Dragon BallZ. Muito conteúdo sobre este famo-so game.

www.biggames2001.cjb.netRodrigo Galendi

[email protected] games completos para vocêbaixar. Webmaster: cuidado, pirata-ria é crime viu? : )

www.musicaemp3.da.ruDJ Luciano

[email protected] mantido pelo DJ Luciano Fon-tes, com os últimos lançamentosem MP3 para você baixar.

Páginas do Leitor

www.cronosdesign.da.ru www.stamatto.cjb.netwww.planetnew.hpg.com.br

www.espacosideral.cjb.netIrlan de Alvarenga Cidade

[email protected]

Cesar [email protected]

Celso [email protected]

Um ótimo site sobre astronomia.Conheça o universo e veja fotosincríveis

Um dos melhores sites sobre HTMLque já recebemos em nosso e-mail.Imperdivel!

Site relacionado a design desenvolvi-do totalmente em Flash. Belo menu.

Página de humor com dezenas depiadas, charges, quadrinhos, entreoutras coisas interessantes.

Este Home Page conta com uma ga-leria de Gifs animados e JavaScripts.Excelente design Cesar!

www.instrutorvirtual.hpg.com.br www.htmlbr.cjb.netPedro Paulo Pereira Reis

[email protected] Bernardo

[email protected]

Jose Roberto [email protected]

DIVERSOS

Carlos, você queria nossa opinião so-bre o site? Bom, o CSS da margemno HTML a gente não conhecia.

www.spiderbh.cjb.netBen-Hur Gonçalves

[email protected]

Baixe programas hacker, saiba maissobre os ETs e veja dicas de RPGnesta HP com conteúdo variado.

www.lhhomepage.cjb.netLuis Henrique

[email protected]

Mais uma home page com conteú-do variado, incluindo download, e óti-mas dicas para jogos!

www.claudioweb.rg3.netClaudio Ivo

[email protected]

Claudio Ivan oferece em seu site di-versas "soluções internets".

Páginas do Leitor

www.mundohacker.da.ru oficinadaweb2000.cjb.netwww.icqremover.da.ru

Marcelo [email protected]

Ar Inc [email protected]

Quer se aventurar no Mundo Hacker?Visite esta HP e baixe programas deinvasão e proteção.

Outro site voltado para criação dewebsites. Visite.

Hunter [email protected]

Site sobre webdesign construído eelaborado por Fernando Rossi, con-tendo seus cliente e cursos.

www.todook.com.br

Site com diversos programas criadospelo Jonnatan. Destaque para o queretira os banners do ICQ 2000.

www.fernandorossi.cjb.net

Fernando [email protected]

O Namorico é um site destinado àgalera jovem que procura diversão epaquera na net.

www.namorico.hpg.com.br

Wagner [email protected]

O TUDOOK é um site para facilitar oacesso de qualquer pessoa naInternet,com dicas práticas e rápidas.

www.kuekao.hpg.com.brAndré

[email protected]

Site pessoal do André, vulgo Kuekão.Textos bem humorados e muitas fo-tos interessantes!

www.talita.cjb.netTalita da Nobrega Santana

[email protected]

Site pessoal da leitora Talita, con-tendo apresentação, fotos e cur-rículo. Ótimo design!

PESSOAIS

www.brucelb.hpg.com.brFrancisco Assis [email protected]

Site pessoal do Bruce, contendoentre outras coisas,links para os

maiores grupos de amigos da net.

[email protected]

RG3.net

Os redirecionadores talvez se-jam o serviço mais precioso paraquem tem uma home page modesta,em um servidor gratuito, e não quei-ra pagar por um registro de domínio,mas queira que o endereço da suahome seja algo fácil de lembrar. Es-ses serviços são tão populares naInternet, que os subdomínios sãoquase disputados a tapa, assim quesurge um novo site oferecendoredirecionamente de URL.

Mas nem tudo é facilidade no mun-do dos redirecionadores. O que maisaborrece os usuários são os bannerse frames obrigatórios, presentes emquase todos os serviços deredirecionamento. E do mesmo mododo CJB.net, o RG3.net garante que nãoserão exibidos banners, janelas pop-up ou frames no momento em que ovisitante de seu site acessá-lo pela URLdo redirecionador. Mas não é só aí queele se destaca em relação aos outrosserviços de redirecionamento. Confira.

Mais um redirecionador?Não, o RG3.net talvez seja oúnico concorrente á altura dofamoso CJB.net, além de serbrasileiro!

Criando a sua conta

Modificando sua contaMuitas vezes pode acontecer de

você precisar mudar o servidoraonde seu site está hospedado. Epara que seu redirecionamentecontinue funcionando corretamente,é preciso "dizer" a ele, qual é o novo

Na tela principal do site, cliqueem Modificar.

Será exibida a tela onde vocêdeve informar seu login e senha, quevocê escolheu ao se cadastrar.

Se você digitou o nome e senhacorretamente, será aberta a, telaabaixo, onde você poderá além detrocar o endereço real de sua homepage, alterar seu e-mail de cadastro,trocar sua senha, seu nome, títuloda sua home page, e outrasinformações pessoais.

Clique em Modificar paraconfirmar as alterações.

RG3.netativar seu redirecionamento.Acompanhe como é facil criar umsubdomínio no RG3.net.

01 - Visite o site www.rg3.net02 - No menu da direita, clique

em Criar Conta.03 - Na tela de cadastro,

preencha corretamente todos oscampos e atenção na escolha dasenha e no endereço de email quevocê irá informar. É através dele quevocê receberá a senha, caso aesqueça. Atenção ao preencher ocampo Endereço da Página. Casoo endereço contenha algum erro dedigitação, seu site não abrirá.

O precesso para criação de umaconta e escolha de um subdomínioé rapidíssimo, já que no RG3.net nãoexiste aquele processo chato de con-firmar o cadastro no e-mail que se-ria enviado pelo sistema, para só de-pois você ter acesso a sua conta e

4 - Se você preencheu todos oscampos corretamente, será exibidaa tela abaixo, informando que ocadastro foi realizado com suces-so. Clicando no link, você podeconferir se o seu redirecionamentojá esta funcionando!

o caminho, a URL onde o site estáhospedado agora. Para isso, bastaalterar essas configurações dentro

da sua conta no RG3.net.

BannerLink

O rg3 BannerLink é um sistemade troca de banners criado pelopessoal do rg3.net. Ao particiar dele,você terá que incluir um códigoHTML em sua home page, quechamará um banner. Ok, mas ondeesta a vantagem de se incluir umbanner em sua homepage? Bom, sevocê tiver a sorte de receber 1.000cliques neste banner, você ganhará4.000 page views de anúncio naspáginas do site do RG3.net. Podeser um bom negócio, caso vocêesteja interessado em realmentedivulgar muito sua home page. Docontrário, será apenas mais umbanner em sua home page. Vejacomo participar do BannerLink.

Entre em sua conta no RG3.netcomo foi mostrado anteriormente.Em Estatísticas do BannerLink,

avite o serviço e clique emModificar.

Copie o código. que será exibido eensira na página principal da sua

home page.

Vale lembrar que não adiantanada você participar do BannerLink,e tentar trapassear, clicandodiversas vezes no banner da suahome page. Isso porque só é aceitoum clique por número IP, ou seja,um clique a cada vez que você seconecta a internet. Para aqueles queusam conexão permanente (comoa Speedy) a situação é ainda pior,já que nesse tipo de conexão seuendereço IP é fixo, não se alterandoa cada conexão.

Fórum RG3Outro serviço bastante útil que

você pode encontrar no RG3.net é oFórum RG3. De acordo com o site, olocal é o ponto de encontro depessoas que estão interessadas emconhecer mais sobre qualquerlinguagem de programação do mundodos webmasters. Isso inclue HTML,CGI, ASP, PHP, Flash entre outros.

RG3.net

Na página anterior você aprendeu acriar e modificar sua conta no rg3,certo? Caso não tenha criado, crieuma agora. E se você já criou umaconta no rg3.net, clique em Modificarna tela principal para ter acesso àsconfigurações do seu subdomínio,igual à imagem abaixo.

Lembre-se de escolher “Sim” napergunta “se você deseja participardo BannerLink.”

Na tela seguinte, repare no códigohtml que é mostrado sobre o fundoverde. Copie-o para poder inseri-lono código HTML da sua página.Pronto! Você já está participando doBannerLink

Web Design - Style Sheets

Você quer ter uma fonte um pou-co menor do que a já estipulada peloHTML? Para você entender o quenós estamos dizendo é simples,<font size=”1”> (que é igual a 10pixels) isso é o menor tamanho defonte que podemos obter no HTMLcerto? E o maior tamanho seria <fontsize=”7”> (que é igual a 50 pixels)certo? Isso era correto, mas hojegraças ao Style Sheet, podemos terfonte menores, ou seja: É possívelter fontes de 9 pixels e até mesmode 300 pixels. Você pode colocar afonte do tamanho que desejar, e tudoisso graças ao Cascade StyleSheets que dá um suporte ao HTML;simples se comprou a edição ante-rior. Você sabe como criar uma clas-se especial para links e já esta com90% do caminho andado, é da mes-ma forma que você cria o link, só queao invés de ser a.[nome da classe]você usa font.[nome da classe].

Bom, vamos aos exemplos eassim ficará mais fácil entender. Autilização prática de tudo isso quefalamos fica simplesmente assim:

font.teste { atributo: valor; atributo:valor }

Sendo que, como explicado naedição anterior:

Arquivo style.css

WebDesignWebDesign

WebDesign

Style sheets, é a hora da vez, na edição anteri

or ensinamos como personalizar os links do

seu site, nesta edição vamos ensinar a mexer

com a fonte, sabemos que o tamanho (size) da fon-

te no minimo é 1, e o valor 1 é igual a 10 pixels,

vamos ensinar como fazer uma transformação no

tamanho da sua fonte, e também ensinaremos como

personalizar a barra de rolagem do seu site e como

modificar o cursor do mouse do visitante do seu site,

você esta pronto? Então vamos começar.

Teste: Nome da classe, você podecolocar qualquer nome.Atributo: É o que será definido.Exemplo: “font-family:valor”, “text-decoration: valor”Valor: É o valor que se da ao atributo.Exemplo: “font-family: arial”, “text-decoration:underline”;: O ponto e vírgula deve ser usado paraseparar os atributos, não deve se usaro ponto e vírgula no final das linhas.

Agora vamos a prática, trabalhan-do com fontes. No ínicio parece difí-cil mas com algum tempo de práticavocê irá dominar rapidinho o StyleSheets. Agora vamos direto ao queinteressa, observando abaixo comofazer o aquivo style.css.

O código mostrado pode contermais comandos, como font-family, sevocê optar por usar o font-family, nãoprecisará especificar o parâmetroface da fonte na tag font, exemplo:<font class=”nome da classe”face=”nome da fonte”>Conteúdo</font>. Se o font-family fosse estipu-lado dentro do arquivo ”style.css”seria necesserário apenas o class,ou seja apenas <font class=´”nomeda classe”>Conteúdo</font>.

Agora vamos abordar um poucosobre atributos e seus valores. A lis-ta que segue abaixo traz as explica-ções necessárias para uma melhorcompreensão.

font-family: É o nome da fonte, vocêpode usar a vírgula “,” para no casode ter uma fonte secundária.font-size: Simplesmente o tamanhoda fonte em pixelsfont-weight: normal, bold, bolder,lighter.font-style: normal, italic, oblique.font-variant: normal, small-caps.text-decoration: none, underline,overline, line-through.text-align: left, right, center, justify.

Como já falamos e explicamossobre a parte de CSS, agora vamospara a parte de HTML, que é muitomais simples e bem mais fácil de

font.8 {font-size: 8}

font.80 {font-size: 80}

Web Design - Style Sheets

<html><head><title>FONTE CSS - revista on theNET - Edição 9</title><link rel="stylesheet" href="style.css"></head><body><font class="8">8 pixels</font><br><font class="80">80 pixels</font></body></html>

E esse é resultado final no browser:

Arquivo fonte.html

Lembrando que os exemplos contidosaqui você encontra no CD que

acompanha a revista.

Para quem deseja personalizar epadronizar o site, vamos mostrar ospassos necessários. Quanto à bar-ra de rolagem de seu site, é possí-vel aplicar a cor que você quiser, gra-ças ao CSS.

Para que funcione em todas aspáginas de seu site, siga estas ori-entações:

Crie um arquivo chamadoestilo.css. Nele você deve colocartodos os stylesheet e será como umabiblioteca. Veja como será o arquivopara mudar a barra de rolagem!

Barra de Rolagem

BODY { SCROLLBAR-FACE-COLOR:#336699; SCROLLBAR-HIGHLIGHT-COLOR: #89B0D8; SCROLLBAR-SHADOW-COLOR: #000000;SCROLLBAR-3DLIGHT-COLOR:#89B0D8; SCROLLBAR-ARROW-COLOR: #89B0D8; SCROLLBAR-TRACK-COLOR: #EEEEEE;SCROLLBAR-DARKSHADOW-COLOR: #000000; }

A visão final fica assim:

Arquivo estilo.css

Lembrando que nós estamosusando um arquivo CSS simples, ouseja, além de personalizar a barrade rolagem você poderá colocar tudoaqui: as classes especiais de links,a personalização da fonte e outrascoisas.

Agora vamos para a explicaçãode cada ítem da personalização dabarra de rolagem:

SCROLLBAR-FACE-COLOR:Cor da barra, este é um dos princi-pais ítens.S C R O L L B A R - H I G H L I G H T-COLOR:É a cor que indica que a barra derolagem está inativa.SCROLLBAR-SHADOW-COLOR:Este atributo determina a cor dasombra, que da uma impressão derelevo.SCROLLBAR-3DLIGHT-COLOR:É a cor que dará a impressão de 3D,

entender. Veja abaixo como fica oarquivo HTML:

em outras palavras que dará a im-pressão de relevo na barra derolagem.SCROLLBAR-ARROW-COLOR: Éa cor da seta, cada cor só será vistaquando a barra de rolagem estiverativa.

SCROLLBAR-TRACK-COLOR:Cor da faixa da barra de rolagem.

Web Design - Style Sheets

Barra inativa

Barra ativa

SCROLLBAR-DARKSHADOW-COLOR: É a última sombra a quefica mais abaixo. Dica: se você querdar a impressão de relevo deixe oscrollbar-shadow-color preto e oscrollbar-darkshadow-color tam-bém preto.

Com as cores definidas nesse stylesheets você terá as seguintes barras:

Já que ensinamos como persona-lizar fonte, barra de rolagem, por quenão ensinar como personalizar ocursor do mouse?

Então é isso o que vamos ensinaragora, é mais simples do que você ima-gina. Iremos dar três grandes exemplosde como usar a personalização domouse, lembrando que os cursores usa-dos para a personalização são do pró-prio Windows, ou seja você só vai mudarum cursor para outro.

Primeiro vamos à lista de cursores,para que você possa conhecer cada ume escolher o seu:

• Precisão: cursor:crosshair;• Padrão do sistema: cursor:default;• Seleção de textos: cursor:text;• Objeto clicável: cursor:hand;• Objeto móvel: cursor:move;• Sistema ocupado: cursor:wait;• Ajuda: cursor:help;• Leste: cursor:e-resize;• Norte - Leste: cursor:ne-resize;• Norte: cursor:n-resize;• Norte - Oeste: cursor:nw-resize;• Oeste: cursor:w-resize;• Sul - Oeste: cursor:sw-resize;• Sul: cursor: s-resize;• Sul - Leste: cursor:se-resize;

Agora que o arquivo CSS já estápronto chegou a vez do HTML, vejacomo fica a parte de HTML:

Repare bem o HTML e veja queexiste outra forma de aplicar essestyle que é <fontstyle=”atributo:valor”> se for o casode imagem fica <img src=”imagem”

Cursores

Arquivo estilo.css

<HTML><HEAD><TITLE>Personalizando Cursor -revista on the NET - Edição 9</TITLE><link rel="stylesheet"href="estilo.css"></HEAD><BODY><font class="cursor">Coloque omouse sobre esse texto</a><br><br><br><font style="cursor:wait">Coloque omouse sobre esse texto</a></BODY></HTML>

BODY { cursor:crosshair }FONT.cursor { cursor:move }

Arquivo estilo.css

Para você compreender melhorcomo é cada cursor veja no CD queacompanha a revista On The Net edi-ção nº 9, lá contém um arquivo HTMLque demonstra os cursores. Agora va-mos ensinar como aplicar isso em suapágina. Primeiro crie um arquivo cha-mado estilo.css que como já explica-mos é a sua biblioteca de CSS, nessearquivo iremos colocar dois elementos:BODY e FONT, o arquivo estilo.css fi-cará assim:

style=”atributo:valor”> você podeatribuir isso em tudo, lembramos quetodos os exemplos você irá encon-trar no CD que acompanha a revistaOn The Net edição nº09.

Dica

Tente utilizar cores relaciona-das com o site e procure coresmais claras para não cansar a vis-ta do usúario.

Lembramos que todos osexemplos citados na revista têmseus arquivos prontos no CD-ROM, por isso, não copie nada darevista pois qualquer erro dedigitação fará com que o Scriptpare de funcionar. Copie direta-mente do respectivo arquivo quese encontra no CD-ROM.

Livros - Os melhores Livros da Net

Segurança de Redes

Nome: Segurança de RedeEditora: CampusAutores: Thomas A. WadlowPáginas: 270

Já ficou constatado que a Internet tem seus pontos fracos no que serefere a ações de hackers, aproveitadores, espiões, sabotadores ouquaisquer outros tipos de atacantes potenciais que possam causar

sérios danos às empresas. E por isso, mais do que nunca, é necessário seprecaver contra estes ataques. Atualmente a segurança de redes decomputadores significa muito mais do que a habilidade de se proteger dosperigos que surgem através da Internet.

O propósito deste livro é apresentar aos responsáveis pela segurança deredes corporativas uma ferramenta para entender a linguagem e os métodosde segurança de computadores, além de oferecer sugestões para a economiade tempo e recursos. Texto básico para a disciplina Redes de Computadores, aobra revela as abordagens, técnicas e os melhóres métodos que tornam seguroo espaço de trabalho.

Livros

Nome: Criando Sites Dinâmicos Com ASP 3.0Editora: Axcel BooksAutor: Júlio Battisti

Para quem já está avançado no ASP é quer conhecer todos osseus recursos avançados, aconselhamos este livro. “Criando sites dinâmicos com ASP 3.0” é um livro maravilhoso, que lhe

mostra como criar uma página em ASP, desde a parte simples até os co-mandos complicados, utilizando applications e componentes extras.

O livro é uma publicação nacional e tem uma linguagem bem fácil deassimilação onde, o autor procura esclarecer todos os pontos mais críticosde uma programação, através de focos em determinadas linhas e imagensde exemplos de páginas executadas.

Apesar do livro não acompanhar CD com exemplos dos exercícios abor-dados durante o aprendizado, os leitores poderão baixar um arquivo con-tendo diversos exemplos, diretamente do site da Editora.

Criando Sites Dinâmicos Com ASP 3.0

Páginas: 718Maiores informações: (21) 564-0085Site: www.axcel.com.br

Maiores informações:(21) 509-5340Site: www.campus.com.br

Resumo HTML

ResumoHTML

Aqui você confere o resumode todos os comandosHTML apresentados na re-

vista On The Net. A lista está em or-dem alfabética para facilitar a procu-ra sempre que você achar necessá-rio. A cada nova edição, serãoacrecentados novos comandos. Naprimeira linha está o TAG; na segun-da, a FUNÇÃO do TAG e a EDIÇÃOem que ele foi visto; na terceira, aSINTAXE; na quarta, o ATRIBUTO; ena quinta, o que o comando PODECONTER.

H1 até H6DEFINIÇÃO DE TÍTULO - 01SINTAXE: <H1></H1> (a sintaxe é amesma para os comandos <H1>até <H6>)ATRIBUTOS: ALIGN="left/right/center"PODE CONTER: <IMGSRC="local"> <TT> <I> <B> <U><BR>

HEADCABEÇALHO DO DOCUMENTO -01SINTAXE: <HEAD></HEAD>ATRIBUTOS: NENHUMPODE CONTER: TITLE LINK

HRBARRA HORIZONTAL - 01SINTAXE:<HR>ATRIBUTOS: ALIGN="left/right/center" NOSHADE SIZE="valor"WIDTH="valor ou porcentagem%"PODE CONTER: NADA

HTMLDOCUMENTO HTML - 01SINTAXE: <HTML></HTML>ATRIBUTOS: APENAS A VERSÃOPODE CONTER: HEAD, seguido deBODY

IITÁLICO - 01SINTAXE: <I></I>ATRIBUTOS: NENHUMPODE CONTER: <TT> <B> <U><BR>

INPUTDEFINIÇÃO DE CAMPO - 09SINTAXE: <INPUT> </INPUT>ATRIBUTOS: TYPE="text/radio/hidden/password/chechbox/file/reset/submit/image"NAME="nome"ACCESSKEY="letra" READONLYTABINDEX="número"ONCLICK="ação a ser inserida"ONFOCUS="ação a ser inseridaONMOUSEOVER="ação a serinseridaPODE CONTER: NADA

IMGIMAGEM - 01SINTAXE: <img src="local">ATRIBUTOS: ALT="texto alternati-vo" ALIGN="left/right/top/middle/bottom" HEIGHT="altura da ima-gem" WIDTH="largura da imagem"BORDER="largura da borda"HSPACE="espaçamento horizon-tal" VSPACE="espaçamentovertical"

USEMAP="url"PODE CONTER: NADA

OPTIONCRIAÇÃO DE ITEM PARA LISTA DEOPÇÕES - 03COMANDO: <OPTION>Texto a serexibido na tela</OPTION>ATRIBUTOS: VALUE="valor a serpassado para o servidor"SELECTED, LABEL="nome dooption"PODE CONTER: NADAPREMOSTRA UM CÓDIGO HTML SEMEXECUTAR - 08COMANDO: <PRE></PRE>ATRIBUTOS: NENHUMPODE CONTER: TUDO

SDEIXA O TEXTO COM UM RISCONO MEIO - 08COMANDO: <S></S>ATRIBUTOS: NENHUMPODE CONTER: NADA

SUBDEIXA O TEXTO ALINHADO PARABAIXO - 08COMANDO: <SUB></SUB>ATRIBUTOS: NENHUMPODE CONTER: NADA

Resumo HTML

SUBDEIXA O TEXTO ALINHADO PARABAIXO - 08COMANDO: <SUB></SUB>ATRIBUTOS: NENHUMPODE CONTER: NADA

SELECTDEIXA O TEXTO ALINHADO PARACIMA - 09COMANDO: <SELECT></SELECT>ATRIBUTOS: NAME="nome"SIZE="número de linhas queficarão visíveis" MULTIPLEPODE CONTER: NADA

TABLETABELAS - 01SINTAXE: <TABLE></TABLE>ATRIBUTOS: ALIGN="left/center/right" WIDTH="largura ou porcenta-gem%" BORDER="largura ouporcentagem%"CELLSPACING="espaço entre ascélulas" CELLPADDING="espaçoentre os dados e a borda"PODE CONTER: <TR> <TD>

TEXTAREACAMPO DE TEXTO COM VÁRIASLINHAS - 03COMANDO: <TEXTAREA>Texto aser exibido na tela</TEXTAREA>ATRIBUTOS: NAME="nome"ROWS="número de linhas" COLS="número de colunas" WRAP="tipode quebra de linha"PODE CONTER: NADA

STYLEAPLICAÇÃO DE STYLE SHEETS -08COMANDO: <STYLE></STYLE>ATRIBUTOS: NENHUMPODE CONTER: NADAAHYPERLINKS (ÂNCORAS) - 01SINTAXE: <A HREF="url"> Endere-ço do Link</A>ATRIBUTOS: NAME="nome" TITLE="título"

PODE CONTER: <IMG SRC="local"><TT> <I> <B> <U> <BR><FONT>AREAIMAGEM MAPEADA COM LINKS -01SINTAXE: <AREA></AREA>ATRIBUTOS: SHAPE="rect/circle/poly/default"COORDS="coordenadas"NOHREF="url" ALT="valor"PODE CONTER: NADAPODECONTER: NADA

BNEGRITO - 01SINTAXE: <B></B>ATRIBUTOS: NENHUMPODE CONTER: <TT> <U> <I>BGSOUNDSOM EM BACKGROUND - 02SINTAXE: <BGSOUN>ATRIBUTOS: <BGSOUNDSCR="arquivo.wav" LOOP="1"PODE CONTER: NADA

BODYDESCRIÇÃO DE CORPO - 01SINTAXE: <BODY></BODY>ATRIBUTOS: BACKGROUND="img"SRC="local" BGCOLOR="cor"LINK ="cor" VLINK="cor"ALINK="cor"PODE CONTER: <BR><H1> <H2><H3> <H4> <H5> <H6> <IMGSRC="url">

BRQUEBRA DE LINHA - 01SINTAXE: <BR>ATRIBUTOS: NENHUMPODE CONTER: NADA

CENTERCENTRALIZAR ELEMENTOS - 01SINTAXE: <CENTER></CENTER>ATRIBUTOS: NENHUMPODE CONTER: <BR><H1> <H2><H3> <H4> <H5> <H6> <IMGSRC="local">

DLLISTA DE DEFINIÇÕES -02SINTAXE: <DL></DL>ATRIBUTOS: <DT> <DD>PODE CONTER: <FONT> <BR><IMG> <I> <B> <U>

EMBEDOBJETO EMBUTIDO -06SINTAXE: <EMBED></EMBED>ATRIBUTOS: <EMBED SRC="nomedo arquivo" WIDTH="valor dalargura" FACE="fonte"PODE CONTER: <TT> <I> <B> <U><BR>

FONTDEFINIÇÃO DE FONTE - 01SINTAXE: <FONT></FONT>ATRIBUTOS: SIZE="tamanho"COLOR="cor" FACE="fonte"PODE CONTER: <TT> <I> <B> <U><BR>

FORMDEFINIÇÃO DE FORMULÁRIO - 03COMANDO: <FORM></FORM>ATRIBUTOS: ACTION="url/mailto:"ENCTYPE="tipo" METHOD="get oupost" TARGET="nome_da_janela"PODE CONTER: NADA

FRAMECRIAÇÃO DE FRAMES - 02COMANDO: <FRAME>ATRIBUTOS: NAME="nome"SRC="local" NORESIZESCROLLING="tipo de scroll"FRAMEBORDER="valor da borda"MARGINWIDTH="valor da largura"MARGINHEIGHT="valor da altura"PODE CONTER: NADA

FRAMESETCRIAÇÃO DE FRAMES - 02COMANDO: <FRAMESET></FRAMESET>ATRIBUTOS:FRAMEBORDER="valor da borda"COLS="colunas" ROWS="linhas"FRAMESPACING="valor"PODE CONTER: NADA

Proteja seu micro - Hackers

HackHackHackHackHackersersersersersHackHackHackHackHackersersersersersConheça as técnicas usadas por hackers parainvadir sistemas e saiba como impedir que istoaconteça com você. Aqui, serviço completo e

programas no CD-ROM.

Nunca se falou tanto em Segurança de Computadores e, apesar disso, nunca tantas máquinasforam invadidas por Hackers no Brasil em tão

pouco tempo.Aproximadamente 563 sites brasileiros foram viola-

dos no ano 2000, contra 124 em 1999, segundo dadosrecebidos do Site Hacker “Red Connection” – quemonitora pichações de Home Pages ao redor do mundo.

O Brasil foi o país onde mais cresceu o número deataques hackers. Sites de nomes como a Microsoft, Ford,Kaiser e Telemig Celular foram vandalizados no ano pas-sado. E no governo... foram atacados do Banco Central àSecretaria de Segurança Pública do Distrito Federal.

TOURO_BR by RED CONNECTION HACKERS GROUP

Tudo acontece como em uma guer-ra. De um lado, os Hackers. Do outro,os Administradores de Sistema. OCampo de Batalha? Claro, a Internet.É neste cenário que ocorrem as inva-sões, uma complexa operação queexige muito conhecimento técnico.

E é justamente para ajudar você avencer esta guerra que esta ediçãoda On The Net traz uma série de re-portagens sobre o assunto, explican-do técnicas que você não encontra emlugar nenhum. Para quem exatamen-te foi direcionada esta matéria? Para,Administradores e usuários comunsque não querem ter problemas cominvasões, perda de dados, entre ou-tros prejuízos que um Hacker podeoferecer. Confira.

Nesta edição estaremos falandosobre um dos assuntos mais comen-tados entre os Hackers, Administrado-res e Internautas. Um assunto interes-sante para usuários que querem

aprender como funciona uma invasão,como um hacker pode obter seus da-dos tão facilmente e fazer estragos.Dicas de como se prevenir, de comoremediar em caso de estar com algumproblema de invasão, e um adicional,onde ensinaremos você a dominar osarquivos de batch. Não sabe o que éisso? Então não perca a matéria. Serámuito interessante.

Gostaria de citar que este é o pri-meiro de muitos outros tutoriais, ondevocê, aos poucos aprenderá a se de-fender de vilões da Internet – o quechamamos de Hackers. Mas como emqualquer outro curso, este é o primei-ro degrau, e existirão centenas de ou-tros. Nosso intuito é de levar informa-ções para usuários comuns aprende-rem a se defender, e administradores aproteger melhor sua rede. “Não há comocombater um mal, sem ao menos anteso conhecer”. Este é o ditado que nós, daRevista On The Net, defendemos.

Os dos principais motivos de alguéminvadir o computador alheio, com cer-teza é bisbilhotar o seu HD. Na tela"Explorador Remoto", além de visua-lizar todos os arquivos e pastas do HDda vítima, é possivel deletar arquivos,copiar e até enviar arquivos para ocomputador alvo.

Proteja seu micro - Hackers

Trojans (Programas de Invasão)Modo Ataque• Invadindo• DesinstalandoTrojans: Invade computadores comesta família de softwares, que facilitam,e muito, a ação do hacker. Com co-mandos pré-programados, é possívelter o controle total do computador in-vadido, a partir de um painel de con-trole próprio do software – Trojans.Nesta matéria, iremos mostrar comoos hackers fazem para invadir seucomputador, utilizando trojans.

Estes serão os assuntos trata-

dos nesta edição:

O que são os trojans?

São programas criados porHackers, que têm a função única eexclusiva de ter o controle total de umamáquina qualquer ligada a Internet.Durante alguns anos, os trojans eramconsiderados uma revolução, algoque iria “botar fogo” na Internet. Ostrojans são programas baseados narelação “Cliente – Servidor”, onde oCliente (o hacker) é o usuário que vaiter acesso ao Servidor (PC invadido).Na internet, todos os computadores

são clientes, pois fazem requisiçõesaos servidores que pela sua vez lheenviam a resposta solicitada (páginas,programas, etc). Com os trojans, seumicro passa a ser um serviddor, poisexecutará os pedidos de um compu-tador cliente (computador do hacker)Se você nunca invadiu uma máqui-na, ou não tem conhecimento decomo isso pode acontecer, aqui vaiuma lista de dados que são necessá-rios para uma invasão (baseado nos

Ficha Técnica

Tipo• Invasão

Nível de conhecimento• Básico

Conhecimento prévio• Noções Básicas de Internet e• Portas de Comunicação

Softwares Necessários• Inclusos no CD-Rom desta edição

Nota: Todos nós já ouvimos um dia falar“Se quiser tornar-se um hacker, aprendaa usar Linux. Se você é administrador, equer estabilidade dos seus sistemas, evi-te o Windows.” Isso porque há uma mai-or facilidade para encontrar programasde invasão para Windows do que paraLinux, além do mais, a plataforma Win-dows é mais conhecida que a Linux.

trojans): Um IP (Identificação na basenumérica para cada usuário daInternet – Ex. 200.150.124.30) parainvadir;

Um Scanneador de Portas. (Paraprocurar portas em estado Listen –que podem ser invadidas);

E um programa de Invasão (Os Trojans)Ao invés de explicar, vamos botar

a “mão na massa”. É mais fácil de secompreender...Obs Inicial: Desligue seu antivírus.

Comando NetBus:Depois de conectado, é só alegria. Vocêsó aperta os botões do seu NetBus,Exemplo “Open CD-ROM”, e ele abriráo Cd-Rom do computador invadido.Admin Server: Seria a opção para ad-ministração dos Servidores. Você podeinserir e deletar IP’s. Serve para admi-nistrar os IP’s que você está invadindo.Open CD-Rom: Abre o Cd-Rom.Show Image: Mostra uma imagem noPC invadido. Basta você ter o caminhodo arquivo.Swap Mouse: Muda os botões do Mouse.Start Program: Executa programa, bas-tando ter o caminho do mesmo.Msg Manage: Envia caixa mensagens.Como se fossem aquelas mensagensde erro que aparecem no seu PC. Masa mensagem você que inventa.

ScreenDump: Mostra a Tela do microGet Info: Recolhe informações do PCinvadido.Port Redirect: Redirecionamento dePortasPlay Sounds: Roda arquivos de Som(*.wav)Send Text: Envia textos. Caso o usuá-rio esteja em um chat, vai aparecer umamensagem que você escreveu, como sefosse escrito por ele.Active Wdws: Janelas Abertas.Mouse pos: Controle do mouse em duasposições que você especifica. X e Y.Listen: Você pode ver tudo que o PCinvadido está escrevendo.Sound System: Controle de Som.Server Setup: Configuração do arqui-vo Server.exe. Você pode especificaruma senha, que será solicidada toda vez

que o PC estiver sendo invadido. So-mente quem tiver a senha poderá inva-dir.Go To Url: Você abre uma página naInternet no Pc Invadido.Key Manager: Controle do TecladoFile Manager: Controle dos Arquivos doServer (clicando em Show Files – aguar-de, pois esse processo demora). Por aquivocê tem acesso ao HD do Server, po-dendo ver exatamente a estrutura daspastas e arquivos deste computador. Po-dendo copiar (download), enviar (upload)e deletar alguns arquivos. Este é o NetBus.Caso venha a utilizar outros Trojans, oprecesso de invasão é este mesmo mos-trado no NetBus. Só mudará o programaque invade (Trojan), e seus respectivoscomandos, que poderão ser mais sofisti-cados, ou menos, conforme o trojan.

Proteja seu micro - Hackers

ve? Este programa executa uma var-redura em vários IP’s procurandocomputadores vulneráveis a inva-sões via Trojan NetBus. Começare-mos daqui mesmo.

Coloque um número de IP qual-quer, ex: 200.192.11.*. Como de-monstrado na imagem. Não retire o *(asterisco). Ele representa umcoringa, melhor explicando: o progra-ma irá executar uma busca do IP:200.192.11.0 até o 200.192.11.250(baseado no exemplo).

O resto você não altera. Clique emScan. O Programa fará a busca, e seencontrar máquinas vulneráveis, eleirá informar o número do IP do com-putador. O que fazer a partir daí en-tão? Olhe o último passo...

Segundo Passo:Abra novamenrte o CD-Rom, e

através do navegador de instalaçãode programas, procure o softwareNetSnooper. Instale-o em uma pasta.Abra a pasta no seu computador eexecute o programa “NetSnoop.exe”.Pronto, abrirá a seguinte janela...

Este é o Scanner. Para que ser-

Terceiro e Último Passo:Copie o número do IP, e voltando

no NetBus, coloque o IP vulnerávelno lugar onde está escrito “localhosts”e mande conectar. Normalmente eleirá pedir uma senha, digite então “tou-ro” e dê Ok.

Agora verifique se há conexão,olhando na barra de status doNetBus. (que se encontra na parteinferior do programa), caso não hajaconexão, será mostrado a mensa-gem “No connection”.

Mas o processo de conexão é efe-tuado desta maneira. Se você seguiutudo direitinho, você estará invadindoum computador.

Em Caso de Problema de SenhaInválida:01)- Tente apertar com o botão direitosobre o IP infectado (do PC vulnerável)e escolha a Opção de reenvio de se-nha, e ao mesmo tempo fique testandoa senha “touro” no NetBus. Se fizer isso,provavelmente irá conseguir invadir.02)- Verifique se junto com o númerodo IP há algo parecido com “v. 1.6” –pois este programa de scanner somen-te trabalha com versões 1.6. Se apare-cer 1.7 – esqueça.03)- Se em meio a estas duas soluçõesvocê não conseguir invadir nenhumcomputador, deixe uma mensagem emnosso fórum. www.onthenet.com.br

Executei o Server.exe ou invésdo Cliente.exe, ou então, querosaber se estou infectado peloNetBus:

Caso você execute o arquivo“server.exe”, lamento, mas você estávulnerável a invasões. Dependendodo humor do invasor, ele pode ape-nas abrir e fechar o seu Cd-Rom ouaté mesmo, deletar todo o seu HD. Empoucas palavras, ele pode fazer o quebem quiser com seu PC. O que fa-zer? Se matar? Bem, não é assim quevocê deve agir. O que você deve fa-zer é desinstalar o Server do seu PC.Para isso, existem algumas maneirassimples de se resolver este problema,que são as mesmas para a remoçãodo Trojan. Seguem abaixo:

- Solução para o NetBus, e ape-nas alguns dos milhões de Trojansque já existem e que ainda hão deexistir...

01)- Vá até o Menu Iniciar/Executar.02)- Digite “winipcfg” e espere abrir

o programa03)- Copie o número do seu IP.04)- Vá até o programa NetBus, e

clique em “Server Admin” / Add IP05)- Será incluído seu IP na lista,

depois disso, selecione o seu IP nalista com o mouse e clique no botão“Remove Server”

06)- Pronto.

Primeiro Passo:Abra o CD-Rom no seu sistema,

através do navegador de instalarpragramas, encontre o Net Bus. Ins-tale-o em uma pasta, antes disso cer-tifique-se que seu anti-vírus estejadesabilitado, caso contrário o mesmoirá detectar o trojan e não permitirá ainstalação. Você encontrará dois arqui-vos executáveis, um nomeado deServer.exe e o outro de Cliente.exe.Faça o seguinte... O Server você nãomexe, porque se você executá-lo, vocêpoderá ser invadido (Ele abre as suasportas para os Hackers). Então vocêexecuta o arquivo Cliente.exe. Abriráuma telinha com o programa, parecemuito com um controle remoto ou umpainel de controle...

Usamos como exemplo o NetBus,o famoso, mas não importa qual seja oprograma utilizado, pois basta entendero funcionamento deste e pronto, podepegar os trojans que você quiser. Vocêvai saber mexer, o funcionamento e alógica de programação é quase a mes-ma.

Este é o NetBus, muito comenta-do devido a facilidade de uso, que nãoexige nenhum conhecimento avança-do do usuário. É por aqui que vão serefetuadas as invasões.

Proteja seu micro - Hackers

Solução para todos os Trojans...

01)- Vá até o Menu Iniciar/Executar02)- Digite “regedit” e dê OK03)- Abrirá um programa pareci-

do com o Windows Explorer.04)- Então, tente localizar as

seguintes pastas:“HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Run”

05)- Basta ir seguindo o caminhodado no passo anterior até chegar naPasta “Run”

06)- Pronto, clique sobre a pastaRun, e observe as opções que abri-rão na parte lateral direita.

07)- Observado, procure ver se novalor {Padrão} está assim: {valor nãodefinido}, se não estiver apague o queestá escrito lá dentro e deixe vazio.

08)- Tente observar todos os pro-gramas que estão nesta pasta. Sevocê encontrar o caminho para algumserver, delete-o.

09)- Feito isso, estará concluí-do. Você acaba de remover oTrojan Server.

Truques HackersExistem programas que conse-

guem juntar dois programasexecutáveis. Muitos hackers utilizamtais programas para disfarçar o seutrojan (server.exe). Por que isso? Por-que muitos antivírus antigos não o de-tectarão, e também, porque ele é usa-do mesmo para camuflar o arquivoservidor, não levantando nenhumasuspeita por parte do “pobre inocen-te” que executou o programa.

Resumindo tudo isso emsimples palavras

Não é possível invadir qualquercomputador, mas apenas aquelesque estão vulneráveis. Para issoexistem os scanners, que verifi-cam as falhas, analisam portasem escuta (listen) e outros proble-mas que podem ajudar uma inva-são. Todo computador ligado aInternet possui um IP, que é o nú-mero de identificação de cada PCna Rede. Para conseguir invadirum PC é preciso primeiramenteter o IP dele, para poder efetuarum scanner, e depois explorarsuas falhas. O Trojan é apenasuma ferramenta que efetua umainvasão. Mas para ele funcionar,é preciso que na máquina quevocê quer invadir, o sistema deletenha executado o arquivo Servi-dor (server.exe). Se ele não exe-cutou faça ele executar, envie oserver.exe pra ele, ou use a ma-nha Hacker, que é colocar eledentro de outro programa (porexemplo um jogo). Feito isso, vocêpode invadir esse PC. É assim quesão efetuadas as invasões porTrojan. Se você não quer ter todoesse trabalho para invadir, (comoenviar arquivos, esperar ele exe-cutar), e desejar uma máquinaque já esteja infectada, é só vocêusar o scanner que comentamosem alguns itens atrás. Ele achamáquinas vulneráveis, e o seu úni-co trabalho vai ser colocar o IP docara no seu NetBus.

Lembrete aos LeitoresMuitos podem criticar o material

aqui encontrado, justificando que é umincentivo para muitos usuários se tor-narem hackers, ou pelo menos agi-rem como um. Mas o intuito da nossarevista, é a divulgação de forma ex-plícita de como age um hacker. Sim-plesmente, para se combater umhacker, nada melhor do que saber os

meios que ele utiliza, as manhas, ostruques. A partir daí, é possível estu-dar soluções, e maneiras de se pre-venir deste tipo de invasão. Este é oprocesso que todo administrador deRede faz. Conhecer os passos doHacker, as suas manhas e por fim,pegá-los. A invasão via Trojan nadamais é do que uma entre milhares e

milhares de maneiras possíveis de seinvadir um sistema.

Espero que entenda a nossa ma-neira de ver esta situação.

Meu espaço é curto, mas em ou-tras edições estaremos falando sobreoutras maneiras de se invadir (e dese defender), assim como foi feitoaqui.

FX-HTML - JavaScript

Nessa edição nós iremos ensinar como fazer um teste de javascript em seu site, como fazer um

banner randômico em JavaScript, um menu personalizado para o botão direito do mouse.

Lembramos que não recomendamos que você digite os códigos exibidos nas próximas páginas,

todos os exemplos contidos aqui se encontram no CD-ROM que acompanha a revista.Dúvidas, sugestões e criticas: [email protected]

Você usa JavaScript em seu site?Geralmente você recebe e-mails di-zendo que o site contém erros? Esseé um ótimo script para os navega-dores que não aceitam JavaScript oupor este recurso estar desativado. OScript exibe uma mensagem dizen-do que o navegador não suporta ouo suporte esté desativado.

Éste é um script muito bom eleve, vamos direto ao que interessa,vamos ver como é que fica o HTMLe vamos explicar como é feito.

Agora vamos a explicação deta-lhada do script, da linha 1 até a 5 é ocabeçalho HTML, na linha 6 é o co-meço do cabeçalho do JavaScript:

JavaScript, se seu navegador acei-ta JavaScript ele irá exibir a mensa-gem que está dentro, da proprieda-de document.write:

document.write(“Seu navegadorsuporta JavaScript”)

Tela que será vista no teste de javascript, lembrando que será exibida umamensagem ou outra, as duas não serão exibidas ao mesmo tempo.

FX-HTMLFX-HTML

1: <html>2: <head>3: <title>Teste de JavaScript - revistaon the NET - Edição 9</title>4: </head>5: <body>6: <script language="JavaScript">7: document.write("Seu navegadorsuporta JavaScript")8: </script>9: <noscript>Seu navegador nãosuporta JavaScript ou o suporte aoJavaScript esta desativado.</noscript>10: </body>11: </html>

Arquivo teste javascript.html

Na linha 8 fecha o cabeçalho doJavaScript:

</script>Na linha 9 inicia-se a ação de no

caso do navegador não ter suporteao JavaScript, ou se o suporte esti-ver desativado:<noscript>Seu navegador não suportaJavaScript ou o suporte ao JavaScript

esta desativado.</noscript>Nas linhas 10 e 11 é o fechamen-

to do cabeçalho HTML.O resultado final ficara assim:

FX-HTML - JavaScript

BannerRandômico

Para você que deseja fazer umsistema de banner randômico e nãosabe programar em ASP, CGI, PHP,ou seu servidor não suporta essa lin-guagem de programação, este scriptvai lhe ajudar muito, é simples, e comele você terá um sistema de bannerrandômico normal, a diferença é queo banner por ser programado emJavaScript será executado no clientee não no servidor como no caso doASP, CGI e PHP. A programação deleé básica sendo fácil configurar e fáciladicionar novos banners.

Nós vamos explicar passo a passocomo aplicar esse script em seu site ecomo adicionar mais banners na pro-gramação. Bom, para começar vamoscriar um arquivo chamado banner.js,ele será uma espécie de biblioteca dejavascript. Você irá trabalhar da mes-ma forma que trabalha com o CSS masao invés de conter stylesheet irá con-ter as programações em javascript. Nocaso do arquivo banner.js ele só vaiconter a programação do bannerrandômico mas se você quiser colocarmais javascripts nesse arquivo, pode,desde que você feche cada programa-ção corretamente, agora vamos vercomo é que fica o arquivo JS:

Na primeira linha você irá encontraruma tag de comentário, no caso do scriptnão ser executado o mesmo não seráexibido na página.

Na segunda linha você vai encontrarum comentário dizendo que ali é a parteda imagem.

Na terceira linha é a parte da variáveldas imagens.

Na quarta e quinta linha ficam o ca-minho das imagens.

Na sexta linha é fechada a variáveldas imagens.

Sétima linha é feito mais um comen-tário, desta vez avisando que na próxi-ma linha começa a variável de comen-tários.

Na oitava linha começa a variável doscomentários.

Na nona e décima linha tem os co-mentários atribuídos aos banners.

Na décima primeira linha é fechadaa variável de comentários aos banners.

Décima segunda linha exibe um co-mentário informando que na próxima li-nha começa a área da variável do ende-reço do site anunciado no banner.

Décima terceira linha começa a vari-ável do link.

Na décima quarta e décima quin-ta linha vai ter a url do site, ou seja olink.

Na décima sexta linha é fechada avariável dos endereços e na décima sé-tima é fechada a tag de comentário, nocaso de ocorrer um erro não será exibi-do no html a programação em JavaScript.

Para adicionar mais banners é sim-ples um exemplo básico é assim:

var imagesarr = new Array(“imagens/banner.gif”,“imagens/banner2.gif”,“imagens/banner3.gif”);Esse exemplo só mecheu na parte

de imagens, para dar certo é só fazer asmesmas alterações no comentário e nolink ou endereço como preferir, lembran-do que depois de adicionar as variáveisdo novo banner você tem que colocaruma vírgula para não misturar um bannercom o outro.

1:

Arquivo banner.js

Exemplo:

“imagens/banner.gif”,“imagens/banner2.gif”

Pronta a parte de javascript agoravamos a parte do HTML, a parte maisfácil. Vamos ver como fica:

Agora vamos à explicação: Daprimeira à terceira linha é o cabeça-lho básico do HTML.

Já na quarta linha é a ação naqual chama o arquivo banner.js.

Quinta e sexta linha cabeçalhoHTML.

Sétima linha, cabeçalho do JavaScript

Na oitava linha é declarada a va-riável rvs que dá o comando para fa-zer o sistema randômico.

Na nona linha é dado o comandopara imprimir na tela o resultado doscript.

document.write ("<ahref='"+linksarr[rvs]+"'><IMGSRC='"+imagesarr[rvs]+"'border='0'ALT='"+commentsarr[rvs]+"'></a>");

1: <html>2: <head>3: <title>Banner randômico - revista onthe NET - Edição 9</title>4: <script language="Javascript1.1"src="banner.js"></script>5: </head>6: <body>7: <script language="JavaScript">8: var rvs = Math.floor(Math.random() *imagesarr.length)9: document.write ("<ahref='"+linksarr[rvs]+"'><IMGSRC='"+imagesarr[rvs]+"' border='0'ALT='"+commentsarr[rvs]+"'></a>");10: </script>11: </body>12: </html>

Arquivo banner.html

FX-HTML - JavaScript

Certamente você tem em seu siteum contador que mostra quantas vi-sitas o mesmo já teve até o momen-to, certo? Que tal você mostrarquantas vezes cada visitante de suapágina visitou o seu site? Para que

Na décima linha é fechado o cabe-çalho do JavaScript.

</script>

Décima primeira e décima segun-da linha é fechado o cabeçalhoHTML. Lembramos que você deve-rá aplicar este script, no local ondedeseja que o banner fique.

O resultado final desse exemplomostrado aqui fica assim:

Banner Randômico

1: <HTML>2: <HEAD>3: <TITLE>Quantas vezes você visitouo site - revista on the NET - Edição 9</TITLE>4: <SCRIPTLANGUAGE="JavaScript">5: function GetCookie (name) {6: var arg = name + "=";7: var alen = arg.length;8: var clen = document.cookie.length;9: var i = 0;10: while (i < clen) {11: var j = i + alen;12: if (document.cookie.substring(i, j)== arg)13: return getCookieVal (j);14: i = document.cookie.indexOf(" ", i)+ 1;15: if (i == 0) break;16: }17: return null;18: }19: function SetCookie (name, value) {20: var argv = SetCookie.arguments;21: var argc =SetCookie.arguments.length;22: var expires = (argc > 2) ? argv[2] :null;23: var path = (argc > 3) ? argv[3] :null;24: var domain = (argc > 4) ? argv[4] :null;25: var secure = (argc > 5) ? argv[5] :false;26: document.cookie = name + "=" +escape (value) +27: ((expires == null) ? "" : ("; expires="+ expires.toGMTString())) +28: ((path == null) ? "" : ("; path=" +path)) +29: ((domain == null) ? "" : ("; domain="+ domain)) +30: ((secure == true) ? "; secure" : "");31: }32: function DeleteCookie (name) {

33: var exp = new Date();34: exp.setTime (exp.getTime() - 1);35: var cval = GetCookie (name);36: document.cookie = name + "=" +cval + "; expires=" +exp.toGMTString();37: }38: var expDays = 9999;39: var exp = new Date();40: exp.setTime(exp.getTime() +(expDays*24*60*60*1000));41: function amt(){42: var count = GetCookie('count')43: if(count == null) {44: SetCookie('count','1')45: return 146: }47: else {48: var newcount = parseInt(count) +1;49: DeleteCookie('count')50: SetCookie('count',newcount,exp)51: return count52: }53: }54: function getCookieVal(offset) {55: var endstr =document.cookie.indexOf (";", offset);56: if (endstr == -1)57: endstr = document.cookie.length;58: returnunescape(document.cookie.substring(offset,endstr));59: }60: </SCRIPT>61: </HEAD>62: <BODY>63: <font face="verdana"size="1"><SCRIPTLANGUAGE="JavaScript">64: document.write("Você esteve aqui<b>" + amt() + "</b> vezes.")65: </SCRIPT></font>66: </BODY>67: </HTML>

Arquivo visitas.html

isso funcione, o visitante terá queestar vulnerável a receber cookies,porque só gravando no computadordo visitante, para ter a informaçãode quantas vezes ele visitou deter-minado site. Vamos ao script:

Você também pode escolher porter um banner em flash já que hoje amoda na área de design é a ferramen-ta de criação de vetor com animação,alem de ter mais qualidade nos gráfi-cos o "SWF" (extensão do flash) tema possibiliadade de colocar sons e atémesmo dar mais interatividade ao ointernalta. Agora os seus banners po-dem ter sons e até mesmo umapersonalização no ponteiro do mouse,mas tome muito cuidado ao usar sonsem seus banners, pois pode ocorrerum enorme problema que atrapalha:a maioria dos internautas: com o somirá aumentar o tamanho do arquivo ecom isso ficará mais lerdo para carre-gar o arquivo. Aconselho não abusarmuito de sons e da qualidade do áudio.

Estamos falando tanto disso quevocê deve estar se perguntando,cadê o script desse bannerrandômico para flash? Na próximaedição vamos ensinar, já fica avisa-do que sera ensinado o script(JavaScript) e não como fazer umbanner em flash.

FX-HTML - JavaScript

O script que mostramos é um pou-co grande e difícil ser modificado, porisso avisamos que não recomendamosqualquer modificação nos nomes dasvariáveis, recomendamos que deixe aparte que está acima do </head><body> igual.

Da primeira até a terceira linhaé o cabeçalho HTML:

<HTML><HEAD><TITLE>Quantas vezes você

visitou o site - revista on the NET -Edição 9</TITLE>

Na quarta linha é iniciado o JavaScript com o cabeçalho:

<SCRIPTLANGUAGE=”JavaScript”>

Da quinta até a nona linha sãodeclaradas as variáveis:

var argvar alenvar clenvar i

Na décima linha você vai encon-trar um while:

while (i < clen) {

Para você entender melhor o queisso quer dizer, nós vamos dar umaexplicação mais detalhada paravocê não se perder:

while = enquantoi = var i (ou seja é uma variável)“<“ = isso é um valor matemático

muito usado em programaçõescomo JavaScript e ASP. Indica quese o valor de i for menor que clen.

clen = var clen (ou seja, essa éoutra variável).

Na décima primeira linha é de-clarada mais uma variável:

var j = i + alen;

Na décima segunda linha é de-clarado um IF:

if (document.cookie.substring(i, j)== arg)

Na décima terceira linha ele dáum comando para retornar à funçãogetCookieVal (linha 54), com a vari-ável J embutida:

return getCookieVal (j);

Décima quarta linha a variável irecebe mais atributos:

i = document.cookie.indexOf(“ “,i) + 1;

Na décima quinta linha é abertaoutra função IF:

if (i == 0) break;

Na décima sexta linha é fe-chado o comando while comum }, na décima sétima linhaé dado o comando para voltarao nulo:

return null;

Décima oitava linha é fecha-da a função GetCookie com um}, décima nona linha é aberta afunção SetCookie, que puxa onome e o valor:

function SetCookie (name, value) {

Da vigésima até a vigésima quin-ta linha são declaradas as variáveis:

var argvvar argcvar expiresvar pathvar domainvar secure

Na vigésima sexta linha vai terum comando que puxa o cookie:

document.cookie = name + ”=” +escape (value) +

Da vigésima sétima até a tri-gésima linha são mais atributosao document.cookie, na trigésimaprimeira linha é fechada a funçãoSetCookie, e na trigésima segun-da linha é iniciada a função Dele-teCookie:

function DeleteCookie (name) {

Na trigésima terceira linha é de-

clarada a variável para dar umanova data de expiração do cookie:

var exp = new Date();

Na trigésima quarta linha a vari-ável exp recebe o comando paraajustar o tempo:

exp.setTime (exp.getTime() - 1);

Na trigésima quinta linha é de-clarada uma nova variável que pegao nome do visitante que está arma-zenado no cookie:

var cval = GetCookie (name);

Trigésima sexta linha vai ter umaação que criará um novo cookiecom o nome do visitante, quantida-de de vezes que visitou o site atua-lizado e a data de expiração:

document.cookie = name + “=” +cval + “; expires=” +

exp.toGMTString();

Trigésima sétima linha é o fecha-mento da função DeleteCookie comum }, na trigésima oitava linha é de-clarada a variável para estipular onúmero de dias para expirar ocookie:

var expDays = 9999;

Trigésima nona linha é declaradanovamente a variável para dar a novadata de expiração do cookie:

var exp = new Date();

Na quadragésima linha tem um co-mando que irá ajustar a data corretapara expirar o cookie, para isso elepega a data atual e adiciciona aquantidade de dias estipulado navariável expDays:

exp.setTime(exp.getTime() +(expDays*24*60*60*1000));

Quadragésima primeira linha éiniciada a função:

function amt() {

Quadragésima segunda linha é

declarada a variável count que pegao valor count do cookie:

var count = GetCookie(‘count’)

Na quadragésima terceira linhaé declarado mais um IF:

if(count == null) {Para você entender melhor o que

queremos dizer, é simples:if = secount = variável declarada na

linha 42.“==” = valor matemático muito usa-

do em programações, como já falamos.null = nulo

Isso significa se count for igual anulo ele irá executar a função dalinha 44. Caso não seja nulo, ele vaiexecutar a partir da linha 47.

Na quadragésima quarta linhaele adiciona o valor 1 no cookie:

SetCookie(‘count’,’1’)\return 1

Na quadragésima sexta linha édeclarado o fechamento do IF comum }, na quadragésima sétima linhaé declarado o começo do else:

else {

Na quadragésima oitava linha édeclarada mais uma variável, estavariável contém o novo número devisitas:

var newcount = parseInt(count) +1;

Quadragésima nona linha está ocomando para deletar o cookie:

DeleteCookie(‘count’)

Na quinquagésima linha eleajusta o cookie para o novo valor:

SetCookie(‘count’,newcount,exp)

Linha 51 é mandado voltar a va-riável count:

return countLinha 52 é o fechamento da ação

else, que é fechada com }, logo emseguida na quinquagésima terceira li-nha fecha a função amt com }.

Quinquagésima quarta linha ini-cia a função getCookieVal:

function get CookieVal(offset) {

Na linha 55 é declarada maisuma variável:

var endstr =document.cookie.indexOf (“;”,

offset);Quinquagésima sexta linha é ini-

ciado mais um IF:if (endstr ==-1)

Na quinquagésima sétima linhaé dada uma ação para a variávelendstr:

endstr = document.cookie.length;

Quinquagésima oitava linha édado um retorno:

returnunescape(document.cookie.substring(offset,endstr));

Quinquagésima nona linha é ofim da função getCookieVal que éfechada com um }.

Na sextagésima e sextagésimaprimeira linha é fechado o cabeça-lho de Java Script e o head:

</SCRIPT></HEAD>

Na sextagésima segunda linhaé aberta a tag body e nasextagésima terceira linha é feita apropriedade de fontes e junto namesma linha é aberto o cabelhoJavaScript:

<BODY><font face=”verdana” size=”1”><SCRIPT

LANGUAGE=”JavaScript”>

Na sextagésima quarta linha écolocada a ação document.write, éuma chamada para imprimir o re-sultado do JavaScript na tela:

document.write(“Você esteveaqui <b>” + amt() + ”</b> vezes.”)

Na sextagésima quinta linha é ofechamento do cabeçalho e o fecha-mento da tag da fonte:

</SCRIPT></font>

FX-HTML - JavaScript

Agora se você não quiser ficarcom um código HTML tão extensovocê pode usar a alternativa de umJS. Para dar certo você pega o javascript que está acima do HEAD e co-loca em um arquivo chamado“cookie.js” o nome do JS é com você.Agora o HTML vai ficar assim:

Tela do exemplo que você ira encontrar noCD-ROM que acompanha a revista.

1: <HTML>2: <HEAD>3: <TITLE>Quantas vezes você visitouo site - revista on the NET - Edição 9</TITLE>4: <script language="Javascript1.1"src="cookie.js"></script>5: </HEAD>6: <BODY>7: <font face="verdana"size="1"><SCRIPTLANGUAGE="JavaScript">8: document.write("Você esteve aqui<b>" + amt() + "</b> vezes.")9: </SCRIPT></font>10: </BODY>11: </HTML>

Arquivo visitasJS.html

Na quarta linha é iniciada a açãopara puxar o arquivo que se encon-tra a programação do JavaScript, aprogramação não muda em nada aúnica mudança dentro do arquivo JSé que não precisa da tag <SCRIPTlanguage=”JavaScript”> e a progra-mação é colocada dentro de um co-mentário, ou seja é colocada dentrode

Na sextagésima sexta linha e nasextagésima sétima linha se encon-tra o cabeçalho HTML, é o fecha-mento de tudo:

</BODY></HTML>

O resultado final desse exemploque mostramos, fica assim:

HTML 4.0

Para os que pensam quesabem tudo sobre

HTML, fizemos esta matéria.Aqui iremos falar sobrediversas TAGs existentes quenunca falamos anteriorementee que dificilmente se encontranas páginas pela WEB.

O HTML (HyperText MarkupLanguage) que nós utilizamos hoje,faz parte da versão 4.01 que é umasubversão do HTML 4.0, além deutilizar recursos de multimedia ehyperlinks personalizados daversõres anteriores do HTML (HTML3.2 e HTML 2.0), o HTML 4 traznovas opções de multimedia, scripts,Style Sheets, melhor facilidade paraimpressão de páginas.

A primeira versão do HTML 4 foipublicada no dia 18 de dezembrode 1997 e a sua revisão foi feita em24 de abril de 1998. Esta revisãopassou a ser chamda de HTML4.01. Mas quem faz as revisões noscódigos HTML?

Existe um grupo chamado W3C- World Wide Wib Consortium, esteorgão é responsável, junto com oISO - International StandartOrganization, de manter o padrão dalinguagem HTML em todo o mundo.Através das regras postas pela W3C,os fabricantes de Browser eaplicações para WEB irãodesenvolver seus programas,digamos que os membros da W3Cditam as regras de uma grande partedo conteúdo da Internet, além dalinguagem HTML, o W3C ainda éresponsável pelas aplicações CSS,XML, HTTP, SVG, entre outras.

Alguns comandos contídos noHTML 4.01 já são conhecidos, masa grande maioria ainda está bemescondidinha. Entre as novas TAGs

Fórmulário simples criado com ocódigo HTML mostrado na coluna

anteriorForm_simples.html

HTML 4.0

(que para muitos já são velhas)estão as seguintes: Frame,Frameset, Table, IMG, A, entrediversas outras.

A partir desta edição da revistaOn The Net, iremos mostrar paravocês a grande quantidade decomando que o HTML tem, mas queninguêm ainda sabe, por falta deoportunidade ou pelo simples fatodesses comando não estareminclusos nos programas WYSIWYG- What You See Is What You Get (Oque você vê é o que você quer),programas que facilitam a criação desites, fazendo com que os usuáriosnão precisem saber muito sobre alinguagem HTML.

Nesta edição iremos falar sobrealguns dos novos recursos dosformulários.

Iremos iniciar mostrando passoa passo, algumas modificações naTAG FORM

Nome: <input type="text"name="nome">

Este é um exemplo simples decomo fazer um. Iremos mostraralguns novos recursos da TAGINPUT:

Aqui você vê dois novosparâmetros da TAG

Accesskey - Com esteparâmetro, você pode atribuir umatecla para acesso rápido a estecampo. No nosso caso utilizamos aletra "R", ou seja, ao pressionarmosas teclas ALT + R o campo revistaserá selecionado.

Value - Você já coloca um valorpadrão que irá aparecer noformulário

Readonly - Quando esteparâmetro for adicionado, não seráposível alterar o conteúdo do INPUTreferido, vale lembrar que esseparâmetro só funcionaráperfeitamente quando o parâmetroVALUE conter algum caracter. Vejao exemplo que segue:

O novo campo do nosso formulário foiincluído com os parâmetros VALUE,

ACCESSKEY e READONLY.FORM_02.HTML

HTML 4.0

Como você pôde ver, o campo jáveio com um texto padrão(parâmetro value="On The Net"),esse texto não pode ser apagado oumodificado(parâmetro readonly). Ese você pressionar as teclas ALT +R este campo será selecionado(parâmetro accesskey).

TABINDEXMais um parâmetro importante

da TAG INPUT, com o TABINDEXvocê poderá especificar a ordem queos campos serão selecionados,quando o usuário de sua páginapressionar a tecla TAB. Este recursoé muito interessante, já que ajuda ousuário na hora de preencher umformulário com dados obrigatórios,por exemplo.

Email:

<br>Endereco:<input type="text"

name="endereco" tabindex="1"><br>

Acrescentamos este código emnosso formulário anterior, aopressionarmos a tecla TAB umaúnica vez, o campo endereço seráselecionado, ao pressionar

novamente, o campo e-mail seráselecionado

ONCLICK:Com essa propriedade podemos

atribuir uma ação quando um botãofor pressionado. Você poderá utilizaralgum JavaScript para serexecutado. Iremos dar um exemplosimples de como utilizar esse botão.

Primeiro, iremos criar umJavaScript que checa se todos oscampos do formulár io contéminformações.

<scriptlanguage="JavaScript"><!--

function Checa(){

if (document.otn.nome.value =="") {

alert("Esqueceu deespecificar seu Nome");

document.otn.nome.focus(); return; }

if (document.otn.email.value =="") {

alert("Você não digitouseu email");

document.otn.email.focus(); return; }

if (document.otn.endereco.value== "") {

alert("Digite seuEndereço");

document.otn.endereco.focus(); return; }

else{ alert("Está tudo ok");

}}//--></script>

Está é uma função em JavaScriptque checa os campos do formulário

para ver se algum campo estáem branco.

Como podemos ver naprimeira linha, o nome de nossafunção é Checa, vamos analisaro seu conteúdo:

Iremos analisar apenas oprimeiro IF já que os outros sãoparecidos, apenas o nome do campoé modificado:

if (document.otn.nome.value =="") {

Se o conteúdo do campo nomefor igual a vazio

document.otn.nome.value

comando do JS Nome doFormulário Nome do Campo

alert("Esqueceu de especificarseu Nome");

Envie uma mensagem com oseguinte texto

document.otn.nome.focus();

Seleciona o campo nome doformuário

return;

Retorna

}

....

else

Se tudo estiver certo

{ alert("Está tudo ok");}

Envie uma mensagem com oseguinte texto

HTML 4.0

Aviso enviado pelo Browser quando ousuário não preencher o campo nome

e clicar no botão Checar campos.

Como pode-se observar estecódigo é bastante simples. Agorairemos mostrar como o botão iráchamar este código:

Primeiro coloque o nome do for-mulário para OTN<Form action="email.asp"method="post" name="otn">

Utilizando o parâmetro name, po-demos especificar o nome do formu-lário.

Agora colocaremos o botão queirá acionar a função

Criamos o botão checar campos,com a propriedade Button doparâmetro TYPE, este campo con-tém o parâmetro ONCLICK conten-do o valor javascript:checa();

Agora iremos utilizar o mesmoScript mas iremos trocar o parâmetroOnClick do Input tupe="button" paraOnFocus, ou seja, quando o botãochecar valores for focado (selecio-nado) a função será chamada. Parafacilitar a seleção do botão adicio-namos o parâmetro accesskey.

Ao pressionarmos as teclas ALT+ C a função Checa será acionada.

Aproveitando que já estamoscom a mão da massa iremos trocarnovamente o parâmetro OnFocus

Primeiro coloque o nome do for-mulário para OTN<Form action="email.asp"method="post" name="otn">

Utilizando o parâmetro name,podemos especificar o nome do for-mulário.

Agora colocaremos o botão queirá acionar a função

Criamos o botão checar campos,com a propriedade Button doparâmetro TYPE, este campo contémo parâmetro ONCLICK contendo ovalor javascript:checa();

Ao pressionarmos as teclas ALT+ C a função Checa será acionada.

Utilizando o parâmetro OnFocus,executamos o JavaScript que checa os

campos do formulándo apenasselecionado o campo Checar Campos.

FORM_05.HTML

para onmouseover, só que não ire-mos criar nenhum arquivo de exem-plos, você fará o teste e verá o queacontece.

Este recurso de checar camposde um formulário é muito utilizado,mas ele tem uma maior utilidadequando usado diretamente com obotão enviar (Submit).

A maioria dos códigos de valida-ção de campos é muito complexa, osusuários mal conseguem inserí-losem suas páginas, e quando fazemisso, nem mexem para não parar defuncionar, fora que o código tem ummonte de caractéres inúteis. Essafunção que criamos é muito útil e aomesmo tempo simples de se ententere de se adaptar em seu site. Agorairemos mostrar as duas formar deativar essa função com o botão envi-ar do formulário.

Utilizando o parâmetro OnClick:Para isso, retire o código do bo-

tão enviar.<input type="submit" name="Enviar"value="Enviar">

Altere as informações do botãochecar campos, que irá virar o bo-tão enviar.

Pronto, agora basta testar.

Ao clicar no botão enviar doformulário, a função Checa() irá ver se

há campos vazios no mesmo

FORM_06.HTML

FORM_08.HTML

Fazendo multiplas seleções

Utilizando o parâmetro OnSubmit:O parâmetro OnSubmit é utilizado

dentro da TAG FORM, após o cliqueno botão enviar do formulário, a açãoespecificada no parâmetro onsubmit.

Alterando a TAG FORM<Form

action="form_simples.html"method="post" onsubmit="returnCheca(this);">

Na tag OnSubmit utilizamos returnCheca(this), perceba que retiramoso parâmetro name pois não há maisnecessidade do mesmo, mas se vocêdeseja continuar com esseparâmetro, não há nenhum problema.

Agora iremos checar as mudan-ças no código JavaScript, foram pou-cas, por isso só iremos comentaronde tem mudanças

return (true);Quando não houver nenhumproblema, o valor de retorno será oTRUE (verdadeiro) então o formulá-rio será processado sem proble-mas.

}//--></script>

Utilizando melhor a TAG SELECT.A maioria de vocês já deve co-

nhecer a TAG select que pode serincluída dentro dos formulários. Alémdessa TAG ser simples, você aindapode inserí-la facilmente utilizandoprogramas WYSIWYG.

Vamos ver o código HTML dosmenus de seleção, para lembrarmosmelhor de como eles funcionam.

<select name="sites"><option value="0">Clique aqui</

option><option

value="mp3">www.mp3magazine.com.br</option><option

value="otn">www.onthenet.com.br</option><option

value="flash">www.flashmaster.com.br</option><option

value="mid">www.mid.com.br</option></select>

HTML 4.0

Exemplo de validação de campoFOM_07.HTML

Como podemos ver, a linhas decomando são simples, sem proble-ma algum.

Mas, e quando desejamos sele-cionar mais do que uma informaçãocontida em um SELECT? Então uti-lizamos os parâmetros Multiple eSize; vejamos o código para enten-der melhor.

Escolha seus sites favoritos:<br><select multiple size="3"

name="sites"><option

value="mp3">www.mp3magazine.com.br</option><option

value="otn">www.onthenet.com.br</option><option

value="flash">www.flashmaster.com.br</option><option

value="mid">www.mid.com.br</option></select>

No parâmetro size, especifica-mos a quantidade número 3, ou seja,só aparecerão visualmente 3 op-ções, se por acaso houver mais op-ções, as mesmas serão acessadasatravés das barras de rolagem. Parafazer mais do que uma seleção,mantenha os botões CTRL ou ALTpressionados enquanto você clicanas opções desejadas.

Veja os granhadores da promoção TRADUZWEB:

Mais uma promoção quentinha para você. O sitePromoções na Rede (www.promocoesnarede.com.br)está trazendo novas promoções.

O destaque deste mês saiu para a seção Tó Duro.Você poderá assistir gratuitamente teatros e eventos.

Para quem mora em São Paulo, a peça Pirata naLinha - Infanto Juvenil e Farsa Quixotesca - Experimen-tal que está em cartaz no Teatro Popular do Sesi(Centro Cultural Fiesp), essa é a dica gratuita.

Para quem está em Minas Gerais a dica é umevento: "Música de Domingo Instrumental", o local deapresentação é o Teatro Francisco Nunes.

Na próxima edição tem mais dicas para você.Tá duro? Não se preocupe, divirta-se

DICADICADICADICADICADICADICADICADICADICA

Nome: Daniela Passos CoutinhoIdade: 16Cidade: São José dos PinhaisEstado: PRE-mail: [email protected]

Nome: William de Souza FontesIdade: 14Cidade: São PauloEstado: SPE-mail: [email protected]

Nome: José Cássio GimenezIdade: 20Cidade: VotuporangaEstado: SPE-mail: [email protected]

Nome: Paulo Fernando Ayres FilhoIdade: 18Cidade: SalvadorEstado: BAE-mail: [email protected]

Nome: Rodrigo Sixel de PaulaIdade: 22Cidade: PetrópolisEstado: RJE-mail: [email protected]

ON THE NETON THE NETON THE NETON THE NETON THE NETON THE NETON THE NETON THE NETON THE NETON THE NET

Para fazer um formulário usandoASP, você primeiro terá que montaro formulário e depois a página emASP que enviará o e-mail.

HTML

Neste exemplo, iremos criar umformulário simples, com nome,e-maile sexo.

Form.html

<html><head><title>Formulário para inscrição</title></head><body><form action="email.asp"method="post">Nome:<br><input type="text" name="nome"size="15"><br><br>Email: <br>

Novas Tecnologias - A. S. P.

NovasTecnologias

Agora que todos já sabemos comofuncionam as páginas em ASP,

iremos dividir esta seção em duaspartes: a básica e a intermediária.

Básica

• Faça um formulário usandoCDONTS

• Pegando data do servidor.

• Comandos IF... THEN...ELSE...

• Pegar o IP do usuário

Avançado

• GuestBook

Criando um FormulárioCriando um Formulário

<input type="text" name="email"size="15"><br><br>Sexo<br>Masculino: <input type="radio"name="sexo" value="M" > Feminino:<input type="radio" name="sexo"value="F" ><br><br><input type="submit" name="Enviar"Value="Enviar"><input type="reset" name="Limpar"Value="Limpar"></form></body></html>

Exemplo do formulário em HTML

O código HTML está pronto, ago-ra precisamos fazer o arquivoemail.asp, pois como vimos no acti-on do form, será para lá que os da-dos postados nesse formulário irão.Mas antes iremos explicar duas pas-sagens importantes do formulário.

1- <form action="email.asp"method="post">

Novas Tecnologias - A. S. P.

Exemplo 2 - Resultado do envio de emailExemplo 1 - Resultado do envio de email

2- <input type="submit" name="Enviar"Value="Enviar"> e <input type="reset"name="Limpar" Value="Limpar">

Os botões Enviar e Limpar, são inse-ridos no fomulário com os types: submit ereset respectivamente, não há necessi-dade de conter o botão limpar, você deci-dirá se o seu formulário terá esse botãoou não.

O action do form, mostra o nomedo arquivo que irá receber as infor-mações do formulário.

O method (método) que seráusado: O Post e o Get, a principaldiferença entre os dois é que o Geté limitado a uma quantidade decaracter, enquanto o Post não temessa limitação.

ASP

A programação para recebimen-to dos dados é muito simples, ire-mos primeiro mostrar a programa-ção e depois explicar linha por linha.

email.asp<%’Pegando dados do formulárionome=request(“nome”)email=request(“e-mail”)sexo=request(“sexo”)‘Criando o objeto para enviaremail, este é o componente do queo servidor dispõe para enviar e-mail.Set objMail =Server.CreateObject(“CDONTS.Newmail” )’ Definindo o destino do e-mail -Coloque seu emailobjMail.To =

“[email protected]”

’Remetente do E-mailobjMail.From = email' Assunto do E-mailobjMail.Subject = “Cadastro deusuário”’ Corpo da mensagem’ Colocando o nome de quemenviou o e-mailCorpo = “Nome:” & Nome &

VbCrLf’ Colocando o sexo de quemenviou o e-mailCorpo = Corpo & “Sexo:” & sexo’ Atribuindo essas informções aoCorpo da mensagemobjmail.body = Corpo’ Enviando o e-mailobjmail.send’ Confirmação do E-mailResponse.Write "Seu e-mail foi en-

viado com suceso. Obrigado! "

Vamos explicar o código ASP:

• Nome=request("nome") -Estamos atribuindo para a variável"nome", o conteúdo do campo doformulário nome. A variável "nome"pode ter qualquer nome, você queescolhe.

• Objmail.From = email - Coloca-mos o conteúdo da variável email,no campo ObjMail.From

• Corpo="Nome:"& Nome &VbCrLf - Criamos uma variável "Cor-po", que conterá as informações quedesejamos, como podemos perce-ber, tudo o que for texto, colocamosentre aspas duplas "" TEXTO "" e oque for variável, colocamos simples-mente o nome da variável. O & ser-ve como concatenização da parte detexto com a variável em ASP. Porexemplo, se o conteúdo da variávelnome for ONTHENET, aparecerá daseguinte forma em seu e-mail:Nome: ONTHENET. O comando &VbCrLf é para quebra de linha, oequivalente ao comando

Novas Tecnologias - A. S. P.

<br> do HTML.Corpo= Corpo & "Sexo:" & sexo -Nesta linha, nós estamosconcatenando o conteúdo anteriorda varíavel corpo com o novoconteúdo, então aparecerá daseguinte forma em nosso e-mail:Nome: ONTHENETSexo: M

Objmail.body=corpo - Coloca nocorpo na mensagem, o conteúdo davariável body.

Objmail.send - Envia o email

Response.Write "Seu e-mail foienviado com sucesso. obrigado!" -Escreve na página a mensagemcolocada em asp. Tente colocar aseguinte mensagem:

Response.Write "Seu e-mail:" &email & "foi enviado com sucesso.obrigado!"

Exemplos de data no servidor

Data.asp

’Cria as variáveis que iremos usar

dia = day(date)nomedia = weekday(date)mes = month(date)ano = year(date)

’Faz uma seleção para dar um nomeao mês

select case mes case 1 mes = "janeiro" case 2 mes = "fevereiro" case 3

mes = "março" case 4 mes = "abril" case 5 mes = "maio" case 6 mes = "junho" case 7 mes = "julho" case 8 mes = "agosto" case 9 mes = "setembro" case 10 mes = "outubro" case 11 mes = "novembro" case 12 mes = "dezembro"end select

Até hoje, todos os JavaScripts

utilizados em nossas páginas para

mostrar a data tinham um pequeno

defeito, pegavam a data do

computador do usuário. Sendo

assim, se a data do computador do

usuário estivesse errada, a data da

sua página, para esse usuário,

apareceria errada. Como o ASP

executa todos os códigos no

servidor, podemos fazer com que ele

pegue a data do servidor, e fazendo

com que a data mostrada no seu site

não dependa mais da data do

computador do usuár io. Meio

complicado? Veja o exemplo, é muito

simples.

Data correta em seu siteData correta em seu site

’Faz uma seleção para dar um nomeao diaselect case nomedia case 1 nomedia = "Domingo" case 2 nomedia = "Segunda-feira" case 3 nomedia = "Terça-feira"

case 4 nomedia = "Quarta-feira" case 5 nomedia = "Quinta-feira" case 6 nomedia = "Sexta-feira" case 7 nomedia = "Sábado" case elseend select

Novas Tecnologias - A. S. P.

’Se o tamanho da variável dia, formenor que dois’Então acrescenta um 0 no dia, essafunção serve’para os dias de 1 a 9 ficarem comum 0 na frente,’ou seja, ao invés de 1 de maio, fica01 de maio.if len(dia)<2 then dia = "0" & diaend if

’Formata a disposição dos códigosque aparecerão’Na tela do seu computador.diaformatado = nomedia & ", " &dia & " de " & mes & " de " & ano

’Coloque esse código em qualquerparte de sua página<HTML><HEAD><TITLE>Data - Exemplo ASP 03</TITLE></HEAD><body>Minha página pessoal.<br>Veja a data de Hoje: <%response.write diaformatado %></BODY></HTML>

Exemplo: O código ficaria maisou menos assim -

Sexta-Feira 09 de Março de2001. Mesmo se a data do seu com-putador estiver no dia 01 de Janei-ro de 2001, essa data aparecerá emsua página.

Interatividade: Se você ainda fi-cou com dúvidas, faça o seguinte:Altere a data do seu relógio para odia 01 de Janeiro de 2001, entre nosite www.mp3magazine.com.br eperceba que a data desse site estácorreta. Agora entre no sitewww.flashmaster.com.br, percebaque a data estará alterada para odia 01 de Janeiro de 2001.

Utilizando o IF... THEN...ELSEUtilizando o IF... THEN...ELSE

Um dos comando mais utilizadosno ASP é o IF... THEN... ELSE. Comele podemos selecionar algumasações a serem executadas, essecomando se lê da seguinte forma: SEjoão for homem, ENTÂO mande elepara o banheiro masculino. SENÃOmande para o banheiro feminino.

IF 5 > 10 thenNúmero maior que 5elseNúmero menor que 5end if

O exemplo que estaremosutilizando, mostrará os recursos queo seu Browser suporta.

Browser.asp<html><head><TITLE>Comando IF Then Else -Exemplo ASP 04</TITLE></head><bodybgcolor=”#FFFFFF”>

’ Criando o objeto para checar obrowser

Set bc =Server.CreateObject(“MSWC.BrowserType”)%><!— Mostrando o nome do browsere a versão —>

Browser: <%=bc.browser %><p>Versão: <%=bc.version%><p>

<!— Se o browser suportar frames,ele executa a primeira opção. —>

<% if (bc.frames = TRUE) then%>Este browser aceita frames<p><p><% else %><!— Senão ele executa a segundaopção —>É melhor você trocar de Browser.Este não suporta frames...<% end if %>

<!— Se o browser suportartabelas, ele executa a primeiraopção. —><% if (bc.tables = TRUE) then %>Mas que bom! Este browser aceitatabelas...<p><% else %><!— Senão ele executa a segundaopção —>É melhor você trocar de Browser.Este não suporta nem tabelas...ébem velhinho...<p><% end if %>

<!— Se o browser suportar sonsde fundo, ele executa a primeiraopção. —><% if (bc.BackgroundSounds =TRUE)then %>Aproveite! Este browser permiteque haja fundo musical naspáginas<p><% else %>

Utilizamos o servidorwww.hdg.com.br para testar todosos nossos exemplos, este é atual-mente o melhor servidor gratuito emportuguês. A única taxa cobrada éde dez reais para se cadastrar, epara leitores da On The Net essataxa tem um desconto de 50%.

O HDG disponibiliza acesso àFTP e espaço de 30 Mb, além dissoele tem componentes de ASPmail,CDONT’s entre outros.

Armazena o banco de dados emuma pasta fora do seu domínio, dan-do maior segurança para os seusdados. Para se cadastrar acesse:

www.hdg.com.br/onthenet.html

<!— Senão ele executa a segundaopção —>Ou este browser é bem antiguinho,ou você realmente não gosta demuito barulho.<p><% end if %>

<!— Se o browser suportarvbscript, ele executa a primeiraopção. —><% if (bc.vbscript = TRUE) then%>Você é programador? EsteBrowser aceita processamentolocal de VBScript<p><% else %><!— Senão ele executa a segundaopção —>Este Browser não permite oprocessamento local deVBScript<p><% end if %>

Novas Tecnologias - A. S. P.

<!— Se o browser suportarjavascript, ele executa a primeiraopção. —><% if (bc.javascript = TRUE) then%>Este Browser aceitaprocessamento local deJavaScript<p><% else %><!— Senão ele executa a segundaopção —>Este Browser não permite oprocessamento local deJavaScript<p><% end if

’ Finaliza o objeto BrowserCapabalities

set bc=nothing%>

</body></html>

Exemplo do comando IF, Then e Else junto com as informações sobre oseu browser

Comandos importantes do ASP

If Then Else- Podemos utilizar o comando If The

Else em diversas ações, o comando fun-ciona basicamente da seguinte forma:

If 2 > 1 thenresponse.write “dois maior que um”elseresponse.write “O número não é me-

nor que dois”end if

Se o número 2 for maior que o número1, então ele escreverá na tela “O númeronão é menor que dois”, senão ele escreve-rá na tela “O número não é menor que dois”.Sempre que iniciarmos um IF, temos queterminá-lo utilizando o comando END IF.

-Também podemos utilizar rotinas sim-ples com o IF. Como no exemplo abaixo:

If usuario = “aceito” thenresponse.write “Bem vindo ao nosso

site caro usuário, Você já está cadastra-do”

end if

Nesta sentença que vimos acima a fra-se “Bem vindo ao nosso site caro usuário,Você já está cadastrado” só aparecerá sea variável usuário contiver a palavra acei-to, se por acaso a variável usuário estivervazia, então não aparecerá nenhuma fra-se no site.

Você percebeu que utilizamos o co-mando response.write para enviar as men-sagens para a página do usuário. O co-mando response.write pode ser usado daseguinte forma:

response.write “Eu estou aqui”Quando desejamos enviar uma men-

sagemresponse.write “<font face=arial><B><br>”

Quando desejamos enviar comandosHTMLs

response.write usuarioQuando desejamos enviar o conteúdo

da variável. Perceba que quando desejarenviar o conteúdo de uma variável vocênão precisará usar aspas (“ “).response.write “<font size=2>” & usuario

Podemos também enviar um códigoHTML e juntá-lo com o conteúdo de umavariável, para isso utilizamos o caracter &,perceba que o código html continua comaspas, somente a variável não está usan-do aspas.

Para pegar o número de IP(Internet Protocol) do usuário desua página, coloque o seguintecomando em sua página:

<%’ Criando a sua página com oHTMLresponse.write “<html>”

’ Colocando o headresponse.write “<head>”

’ Informações sobre o título do siteresponse.write “<title>IP -Exemplo ASP 05</title>”

’ fechando o headresponse.write “</head>”

Pegar IP do usuárioPegar IP do usuário

Pegando o número de IP do seu visitante

’ Criando o corpo do siteresponse.write “<body>”

’ Especificação de fonteresponse.write “<fontface=””verdana”” size=””2"”>”

’ Texto seguido de comando <br>response.write “Seu número de IPé: <br>”

’ Comando para pegar o IP dousuárioresponse.writerequest.Servervariables(“REMOTE_ADDR”) ’ Finalização da tag Fontresponse.write “</font>”’ Finalização todas as tagsresponse.write “</body></html>”

Novas Tecnologias - A. S. P.

Dicas

Usando session-Quando usamos uma variável, pode-

mos utilizá-la em toda nossa página, emqualquer parte: começo, meio ou fim. Mase quando vamos para outra página seráque conseguimos utilizá-la! Vamos dar umexemplo comum:

Você deseja que sempre que o usuá-rio da sua página entrar em seu site, apa-reça uma mensagem para ela, com o seunome. Então você fará isso da seguinteforma:

usuario = rs(“nome”) - digamos que oconteúdo do campo nome do banco dedados seja ONTHENET<b><%=usuario%>Seja Bem Vindo!</b>

Quando o usuário entrasse em sua pá-gina, apareceria a seguinte mensagem:

ONTHENET Seja Bem Vindo!Agora se você utilizar o comando aci-

ma, em uma outra página, o nomeONTHENET não aparecerá, isso ocorreporque as variáveis só existem na páginaque elas foram criadas, se você desejausar um recurso desse gênero, você de-verá usar session, ao invés de variáveis,nesse caso a programação ficaria da se-guinte forma

session(“usuario”) = rs(“nome”)<b><%=session(“usuario”)%>Seja

Bem Vindo!</b>Viu como é simples.Para finalizar uma session, basta dei-

xa-la com valor nulo, ou seja:session(“usuario”) = nothingUsando o Option ExplicitPara garantirmos a qualidade de nos-

sas páginas em ASP, podemos utilizar orecurso OPTION EXPLICIT. Com ele vocêterá que criar todas as variáveis que forusar, e se por acaso errar a digitação deuma variável, o sistema irá avisar que avariável usada não existe, mas vamos paraos exemplos práticos de como usar oOPTION EXPLICIT:

No começo da página ASP, coloque ocódigo.

<% Option Explicit %><% ‘Usaremos o exemplo acima de

sessionDIM Usuariousuário = rs(“usuario”)O comando DIM criou a variável

usuario agora podemos utilizá-la em qual-quer parte de nossa página, sem proble-ma algum.

A pedidos, criamos umasubseção dentro da seção NovasTecnologias. Nesta edição da revis-ta, estaremos ensinado para os lei-tores mais avançados a como fazerseu próprio GuestBook. Nada deusar guestbooks de terceiros, quevocê não pode personalizar, podeficar fora do ar sem você saber, podeparar de funcionar de uma hora paraoutra. O melhor de ter seu próprioGuestBook é que você podepersonalizá-lo conforme sua neces-sidade.

Com esse exemplo de Guest-Book, você irá aprender a utilizarASP com banco de dados, aprende-rá a pegar informações contidas nobanco de dados, incluir e apagar in-formações, além de aprender aproteger sua página com senha, per-mitindo acesso apenas para os ad-ministradores.

Para fazer um guestbook, iremosutilizar sete arquivos, dentre eles,dois HTMLs e cinco ASP, abaixosegue a lista dos arquivos e o quecada um irá fazer:

Guestbook.asp- Contém o texto que o pessoal

escreve.Assinar.html- Formulário por onde o pessoal

irá assinar o guestbook.Gravar.asp- Grava os dados digitados no

banco de dados.Admin.html- Formulário para ter acesso ao

Administrador do Guestbook.Senha.asp- Checa se o usuário e a senha

digitada, no formulário do Adminis-trador, está registrada.

Novas Tecnologias - A. S. P.

INTERMEDIÁRIO - GuestBookINTERMEDIÁRIO - GuestBooktext=”#DCEBF8"><table border=”0" cellpadding=”0"cellspacing=”1"width=”550"><%‘Especifica valor 0 para o contadorCount = 0Do While Not rs.EOF And Count <rs.PageSize %>...<strong>Nome: </strong><a href=”mailto:<%=rs(“email”)%>”><%=rs(“nome”)%></a><b>Home Page: </b> <a href=”http://<%=rs(“hp”)%>”target=”new” title=”cliquepara visitar a página”><%=rs(“hp”)%></a>...<strong>Data: </strong><%=rs(“data”)%>...<b>Mensagem:</b><%=rs(“mensagem”)%><br>...<%Count = Count + 1rs.MoveNextLoop%>...<a href=”assinar.html”>Assine oGhestBook</a>...<% ‘Coloca o número e páginas

Response.Write(“<B><font color=””#003399"”size=””2"” face=””Arial””><strong> Página “ & CurPage& “ de “ & TotalPages& “ </strong></font></B><br><br> “) %>...<% ’Mostra o botão anteriorif CurPage > 1 then’Se não estiver na primeira página, mostra obotão AnteriorResponse.Write(“<B><font color=””#ffffff””>”)Response.Write(“<ahref=’guestbook.asp?curpage=” & curpage1 & “‘>”)Response.Write(“ Anterior “)End If%>...<% if CInt(CurPage) <>CInt(TotalPages) then’Se não estiver na última página, mostra obotão PróximaResponse.Write(“<B><font color=””#ffffff””>”)Response.Write(“<ahref=’guestbook.asp?curpage=” & curpage+ 1 & “‘>”)Response.Write(“ Próximo “)End If %>

Apagar.asp- Mostra as mensagens do

Guestbook para serem apagadasDeletar.asp- Apaga a mensagem selecionada.

Vamos agora explicar arquivopor arquivo:

<%@ LANGUAGE=”VBSCRIPT” %><!—##Include File=”ADOVBS.inc”—><%‘Quantidade de mensagens por páginaConst NumPerPage = 10‘Verifica qual a página solicitadaIf Request.QueryString(“CurPage”) = “” thenCurPage = 1 ‘Primeira páginaElseCurPage = Request.QueryString(“CurPage”)End IfSet Conexao =Server.CreateObject(“ADODB.Connection”)’ Conexão DSN’ Conexao.Open “guestbook”’Conexão DSN-Lessconexao.Open “Driver={Microsoft AccessDriver(*.mdb)};DBQ=” &server.MapPath(“guestbook.mdb”)‘Cria o RecordSetSet rs =Server.CreateObject(“ADODB.Recordset”)‘Acerta a posição do cursorrs.CursorLocation = adUseClient‘Define o tamanho do Cache = para o númerode páginasrs.CacheSize = NumPerPage‘Seleciona o conteúdo do banco de dadosstrSQL = “SELECT * FROM Guest order bydata desc”‘Abre o Recordsetrs.Open strSQL, Conexao‘Move o cursor para a primeira linhars.MoveFirst‘Atribui o número de páginasrs.PageSize = NumPerPage‘Pega o número total de páginasTotalPages = rs.PageCount‘Configura a página atualrs.AbsolutePage = CurPage%><html><head><title>Guestbook On The Net - Avançado -Exemplo 06</title></head><body bgcolor=”#000000" marginleft=”0"marginwidth=”0"link=”#00FFFF” vlink=”#00FFFF”alink=”#FFFFFF”

Localize o ícone Fonte deDados ODBC (32 Bits).

Dê um duplo clique nele eclique no botão adicionar.,

Novas Tecnologias - A. S. P.

Tiramos os códigos HTML paraque você possa perceber melhor aação do ASP. Iremos explicar aspartes mais importantes destearquivo:

<!—#INCLUDE File=”ADOVBS.inc”—> -Este é um comando para incluir arquivosexternos, estamos incluíndo os comandosVBS do ADO, pois estamos utilizando umsistema de paginação, que iremos falar maisadiante.

Const NumPerPage = 10 - Especificamoso número de mensagens que desejamos porpágina.

If Request.QueryString(“CurPage”) = “”then CurPage = 1 ‘Primeira página Else CurPage =Request.QueryString(“CurPage”) End If

- Se a variável CurPage estiver vazia, elaganhará valor 1, senão, ela terá o seu própriovalor especificado.

Set Conexao =Server.CreateObject(“ADODB.Connection”)

- Iremos falar sobre conexão com um bancode dados:

Para criarmos uma conexão com um bancode dados, temos que configurar em umavariável qualquer, o objeto de conexão doADO, no caso o ADODB.Connection.

- Depois de ter feito isso, você irá abrir obanco de dados, há duas forma de fazer isso:1 - Utilizando uma conexão DNS

Conexao.Open “guestbook”Para fazer uma conexão DNS, siga os

seguintes passos:Clique em INICIAR/PROGRAMAS/

PAINEL DE CONTROLE.

Ao abrir a janela criar nova fonte de dados,você irá selecionar o tipo de banco de dadosque irá utilizar. No nosso caso, iremos usar oMicrosoft Acess com extensão MDB.

Após ter feito a seleção, basta clicar nobotão concluir.

’Conexão DSN-Lessconexao.Open"Provider=Microsoft.Jet.OLEDB.4.0;DataSource=c:\home\hdg\dominios\usuario\dados\guestbook.mdb;”

Mas e quando não sabemos o caminhocompleto do arquivo no servidor? Entãoutilizamos a segunda opção:- Nesta segunda opção utilizamos o comandoserver.MapPath, ele irá sozinho localizaronde está o mdb, mas claro, que o mdb deveestar junto com a página em ASP, senão essalocalização se torna impossível.Conexão DSN-Lessconexao.Open “Driver={Microsoft AccessDriver(*.mdb)};DBQ=” &server.MapPath(“guestbook.mdb”)

Agora coloque um nome no campo DataSource Name, este será o nome da suaconexão DSN (pode ser qualquer nome). Nonosso caso iremos chamar a conexão DSNde "guestbook".

Após ter especificado o nome de suaconexão, você deverá localizar o banco dedados. Para isso, clique no botão Select,através das pastinhas, selecione o banco dedados. Após ter feito tudo isso, sua tela deODBC Microsoft Access 97 Setup ficarácomo na imagem acima. Perceba que noquadro Database, podemos ver onde está obanco de dados, no nosso caso o banco dedados está na pasta:

C:\...\exemplos\onthenet\guestbook.mdbAgora clique no botão Ok duas vezes

para que sua conexão DSN estejafuncionando.

Se por acaso você não tiver acesso aoservidor no qual irá hospedar sua página, vocêpoderá criar uma conexão DNS-Less, ou seja,não precisará usar o ODBC do Painel de Controle.

Há dois tipos de conexão DNS-Less- A pr imeira mostra o caminho

completo do arquivo mdb no servidor queele estiver hospedado.

Criando um conexão ODBC através dopaínel de controle

Alguns comentários sobre as próximaslinhas.

- Configuramos o RecordSet para a varável rs,essa variável pode receber qualquer nome, colo-camos rs, para lembrar que é a variável doRecordSet‘Cria o RecordSetSet rs =Server.CreateObject(“ADODB.Recordset”)

Toda vez que formos usar banco de da-dos, é necessário criarmos o RecordSet, seráatravés dele que acessaremos os dados dobanco de dados

‘Acerta a posição do cursorrs.CursorLocation = adUseClient- Apenas utilizamos esse linha para fazer pa-ginação, abaixo explicamos melhor.

‘Define o tamanho do Cache = para o núme-ro de páginasrs.CacheSize = NumPerPage- Apenas utilizamos com paginação

‘Seleciona o conteúdo do banco de dadosstrSQL = “SELECT * FROM Guest order bydata desc”

É com esse comando que selecionamos oconteúdo do banco de dados e inserimos emnossa páginas. O Comando SELECT selecio-nará todos os campos da tabela GUEST e or-denará de forma decrescente em base da data.

‘Abre o Recordset rs.Open strSQL, Conexao

Esta linha mostra como executarmos o co-mando acima. Nela encontramos o rs.Open queabrirá o RecordSet com as especificações queestão armazenadas na variável strSQL e porúltimo, informamos qual o banco de dados queiremos utilizar, através da variável conexão‘Move o cursor para a primeira linhars.MoveFirst

o GuestBook e qual a página atual.<% ‘Coloca o número e páginas

Response.Write(“<B><fontcolor=””#003399"” size=””2"” face=””Arial””><strong> Página “ &CurPage & “ de “ & TotalPages& “ </strong></font></B><br><br> “) %>Com o comando response.write,formatamos a fonte e concatenamos astags de fonte com a variável CurPage(página atual) e a variável TotalPages (totalde páginas)

Os Botões<% ’Mostra o botão anterior

if CurPage > 1 then’Se não estiver na primeira página, mostra obotão AnteriorResponse.Write(“<B><fontcolor=””#ffffff””>”)Response.Write(“<ahref=’guestbook.asp?curpage=” & curpage-1 & “‘>”)

Response.Write(“ Anterior “)End If%>

Usamos um If para ocultar o botão ante-rior quando a página for a primeira, quandoisso não ocorrer, utilizamos a matemáticapara voltarmos a página:Curpage - 1

<% if CInt(CurPage) <>

Este comando move o cursor para o iní-cio do banco de dados

‘Atribui o número de páginasrs.PageSize = NumPerPage

- Apenas utilizamos com paginação

‘Atribui para a variável TotalPages o númerototal de páginasTotalPages = rs.PageCount

- Apenas utilizamos com paginação‘Configura a página atualrs.AbsolutePage = CurPage

- Apenas utilizamos com paginaçãoAgora, começamos a parte mais detalhada

<%‘Especifica valor 0 para o contadorCount = 0

Do While Not rs.EOF And Count <rs.PageSize %>

Como temos que mostrar mais do queum valor, temos que usar um Loop, para quetodos os valores do banco de dados venhampara nossa tela. A função acima faz a se-guinte ação:

"Enquando não chegar no fim do bancode dados (rs.EOF - RecordSet End Of File)e a varíavel Count for menor que o tamanhode mensagens por página, então execute afunção (que vem a seguir). Iremos mostrarapenas a primeria ação, já que as outrassão iguais.

O comando <%=rs("email")%> pega oconteúdo do campo e-mail no banco de da-dos, e o coloca na tela, o mesmo ocorre como<%=rs("nome"), ele pega o conteúdo do cam-po nome do banco de dados. Depois de exe-cutado, essa célula ficaria da seguinte for-ma:

Novas Tecnologias - A. S. P.

Os botões de próximo e anterior nãoaparecem, porque o guestbook só tem uma

página. Tudo isso graças ao comando IF.

<font face=”Arial” size=”2"color=”#FFFFFF”><strong>Nome:</strong></font><a href=”mailto:[email protected]”>ONTHENET</a> </td> </tr>

Nada de estranho para quem jáconhece HTML.

Agora chegamos à parte mais interes-sante desse código, esta é a parte do Loop,a função que fará com que a página volte lápara cima e execute tudo novamente, pegan-do mais dados<% Count = Count + 1 rs.MoveNext Loop%>

Como já mostramos uma vez os valo-res, temos que adicionar no contador o valor1.Count = Count + 1

Agora queremos pegar a próxima men-sagem da pessoa que assinou o guest e nãomais essa que já foi pega, então utilizamoso seguinte comando.rs.MoveNext

Ele irá mover o ponteiro do banco dedados para a próxima linha, trazendo a pró-xima mensagem.

E por último o Loop, que fará com que oASP volte para o DO While e execute essaparte da página novamente, mas agora comnovos dados.Loop

Agora iremos ver como colocar os bo-tões de Anterior e Próximo e como colocar ototal de páginas e a página atual.Primeiro iremos mostrar quantas páginas tem

Formulário comum para assinar oGuestBook

CInt(TotalPages) then’Se não estiver na última página, mostra obotão PróximaResponse.Write(“<B><fontcolor=””#ffffff””>”)Response.Write(“<ahref=’guestbook.asp?curpage=” & curpage+ 1 & “‘>”)Response.Write(“ Próximo “)End If %>

O mesmo ocorre com o botão próximo,mas inversamente. Na primera linha temos

Novas Tecnologias - A. S. P.

um IF, que diz o seguinte:"Se o valor INTEIRO (CInt) da variável

CurPage for diferente (<>) que o valor totaldas páginas então mostra o botão.

Assinar.htmlComo esta página é HTML puro, só irei

mostrar uma tag que acho ser muito impor-tante:<form action="gravar.asp" method="post">

Após clicar no botão enviar, todas as in-formações escritas no formulário, serão en-viadas para o arquivo gravar.asp

Gravar.asp

<%@ LANGUAGE=”VBSCRIPT” %><%nome=request(“nome”)email=server.HTMLEncode(request(“email”))hp=request(“hp”)msg=server.HTMLEncode(request(“mensagem”))data=now()

set conexao =server.createobject(“ADODB.connection”)set rs =server.createobject(“ADODB.recordset”)’Conexão sem DSN

conexao.Open “Driver={MicrosoftAccess Driver*.mdb)};DBQ=” &server.MapPath(“guestbook.mdb”)

sql = “INSERT INTO Guest (nome, email,hp, mensagem, data) VALUES (‘“ & nome & “‘,’” & email & “‘,’” &hp & “‘, ‘“ & msg & “‘, ‘“ & data & “‘)”conexao.execute sql

response.redirect “guestbook.asp”

O arquivo gravar.asp, irá lhe ensinar ainserir dados, você já aprendeu a pegar da-dos do banco de dados, com o arquivoguestbook.asp.

nome=request(“nome”)Atribui para a variável nome, o conteúdo docampo Nome no formulárioemail=server.HTMLEncode(request(“email”))Nesta linha vemos um novo comando, oserver.HTMLEncode serve para codificar oconteúdo do request("email"), ou seja, se forusado algum comando HTML, o mesmo nãoserá executado. e aparecerá em sua páginacomo se escreve.sql = “INSERT INTO Guest (nome, email, hp,mensagem, data)

VALUES (‘“ & nome & “‘,’” & email & “‘,’” & hp& “‘, ‘“ & msg & “‘, ‘“ & data & “‘)”

Mais um comando novo, a variável SQL,contém o comando, que irá inserir as infor-mações no banco de dados, você se lembraque o comando que pega as informações dobanco de dados é o SELECT, para incluirdados o comando é o INSERT INTO. Insirana tabela GUEST nos campos nome, email,hp, mensagem, data os values que estão nasvariáveis nome, etc.

Conexao.execute sqlExecuta o comando que a variável SQL

contém, utilizando o banco de dados da va-riável conexão.

Response.redirect“guestbook.asp”

Mais um interessante comando. Com oresponse.redirect podemos redirecionar ousuário para qualquer arquivo ou qualquerURL. Aqui nós iremos redirecionar o usuáriopara o guestbook.asp

ACESSO RESTRITO

Como complemento do GuestBook ire-mos mostrar como restringir o acesso a umapágina, nesta parte do GuestBook iremostrabalhar com os arquivos

Admin.html- Formulário para ter acesso ao Ad-

ministrador do Guestbook.Senha.asp - Checa se o usuário e a senha digitada, noformulário do Administrador está registrada.Apagar.asp- Mostra as mensagens do Guestbook paraserem apagadasDeletar.asp- Apaga a mensagem selecionada.

O arquivo Admin.html é simples, apenas

Utilizando a TAG type="password"você conseguirá fazer com que ocampo de senha mostre apenas

asteríscos (*)

irei mostrar uma TAG que é essencial:<Input type=”password” name=”senha”size=”20">

Sempre que utilizarmos um campo de se-nha, devemos utilizar a TAG <inputtype="password"...> para quem o campo apa-reçam aquelas estrelinhas, impossibilitandoque qualquer pessoa veja qual a senha deacesso.

O arquivo ADMIN.HTML é um formulá-rio simples, contendo apenas dois campos:Usuario e Senha.

O action desse HTML chama o arquivosenha.asp, será esse arquivo que irá checarse a senha e o nome de usuário existem nobanco de dados.Senha.asp

<%usuario=request(“usuario”)senha=request(“senha”)

set Conexao=Server.CreateObject(“ADODB.Connection”)set rs=Server.CreateObject(“ADODB.RecordSet”)

’Conexão DSN-LESSconexao.Open “Driver={Microsoft

Access Driver(*.mdb)};DBQ=” &server.MapPath(“guestbook.mdb”)

strSQL = “SELECT * FROM AdminWHERE usuario= ‘“&usuario &”’ and senha=’”& senha &”’”

rs.Open strSQL, Conexao

if rs.eof and rs.bof thenresponse.write “Você não está

autorizado a acessar essapágina.”

response.write “<ahref=””guestbook.asp””>Clique aquipara voltar</a>”elsesession(“seguro”)=usuario

rs.closeset rs=nothingconexao.closeset conexao=nothing

response.redirect(“apagar.asp”)end if%>strSQL = “SELECT * FROM AdminWHERE usuario= ‘“& usuario&”’ and senha=’”& senha &”’”

O SELECT desta página tem algumas pe-quenas diferenças, primeiro porque a tabela queele pega as informações é a ADMIN e não maisa GUEST e agora o strSQL tem uma opção amais, a opção WHERE faz uma condição:" Selecione todos os campos da tabela ADMINdesde que o campo usuário seja igual ao con-teúdo da variável usuário e o campo senha sejaigual ao conteúdo da variável senha.

if rs.eof and rs.bof thenresponse.write “Você não está

autorizado a acessar essapágina.”

response.write “<br>”response.write “<a

href=””guestbook.asp””>Clique aquipara voltar</a>”else

Nesta primeira linha, vemos o coman-do IF, usamos esse comando para che-car se o usuário e a senha constam nobanco de dados. A ação trabalha da se-guinte forma: "Se o ponteiro se encontrarno fim do banco de dados (rs.EOF - EndOf File) e no começo do banco de dados(rs.BOF - Beginer Of File), se entende quenão há nenhum dado, então, execute aseguinte ação".Ele irá mostrar “enviar uma mensagem”,avisando que o usuário não tem permis-são para acessar a página. Mas se a se-nha e o usuário existirem, ele continuaráprocessando o ASP.

session(“seguro”)=usuario

rs.closeset rs=nothingconexao.closeset conexao=nothing

response.redirect(“apagar.asp”)end if

Mais um novo comando vemos naprimeira linha. O comando session ser-ve para abrir uma seção, onde pode-mos atribuir qualquer valor. Com essaseção aberta poderemos ver o conteú-do dela em qualquer página que esti-vermos, a té que o usuá r io feche oBrowser e automaticamente a sessãodeixará de existir. Em nosso exemplo,usamos uma session com o nome SE-GURO, será com essa session que ire-mos checar se o usuár io pode ou nãoacessar as páginas seguras. Para issoatr ibuimos o nome do usuár io dentroda session SEGURO.

Os comando segu in tes, ser vempara fechar o RecordSet e fechar aConexão. É sempre bom fechá-lo quan-do não for mais usar, com isso você dei-

xa o servidor menos pesado e suas pá-ginas ficarão mais rápidas.

O penú l t imo comando é oresponse.redirect que irá redirecionaro usuáruio para a página apagar,asp

O ú ltimo comando, é o END IF, queirá finalizar o comando IF THEN ELSE,sempre que você utilizar o comando IF,deverá por ú ltimo utilizar o END IF, fi-nalizando a rotina do IF.

Após ter se logado através do arquivoadmin.html, você terá acesso liberado ao

arquivo apagar.aspPara fazer o teste de como o sistema deproteção de página funciona, antes de se

logar, digitehttp://nomedoseucomputador/aliase/

apagar.aspExemplo:

http://fabiano/otn/apagar.aspVocê será redirecionado para a página

guestbook.asp.

Novas Tecnologias - A. S. P.

Quando o usuário e a senha não conferir, atela acima será mostrada para ele

Apagar.asp

<%@ LANGUAGE=”VBSCRIPT” %><%seguro=session(“seguro”)if seguro=”” thenresponse.redirect(“guestbook.asp”)end ifset conexao=server.createobject(“ADODB.connection”)Set rs =Server.CreateObject(“ADODB.RecordSet”)

’Conexão sem DSNconexao.Open “Driver={Microsoft

Access Driver(*.mdb)};DBQ=” &

server.MapPath(“guestbook.mdb”)sql = “SELECT * FROM Guest

order by Data desc”rs.open sql, conexao

%>...<%

Count = 0Do While Not rs.EOF And Count < 20%>...

<input type=”hidden” name=”id”value=”<%=rs(“id”)%>”> </tr> <tr> <td><font face=”arial” color=”white”size=”2"><%=rs(“id”)%> </td> <td><font face=”arial”color=”white”size=”2"><%=rs(“nome”)%> </td> <td><font face=”arial” color=”white”size=”2"><%=rs(“data”)%> </td>...

A maioria dos comandos utilizados nes-sa página já são conhecidos. Começamosusando o IF, será a partir dessa rotina queiremos identificar se o usuário está permiti-do a visualizar a página ou não.

seguro=session(“seguro”)Até aqui tudo bem, atribuimos para

a variável seguro o conteúdo dasession("seguro").

if seguro=”” thenresponse.redirect(“guestbook.asp”)end if

Está rotina é simples, ela chega se o con-teúdo da variável seguro está vazio, se isso forconfirmado, indica que o usuário não se logouatravés do senha.asp, pois se isso tivesse ocor-rido, a variável seguro teria o nome do usuário,que foi armazenado na session("seguro"), en-tão o usuário é redirecionado para a páginaguestbook.asp através do comandoresponse.redirect. Se o nome do usuário esti-ve na variável seguro, então a página será pro-cessada normalmente.Do While Not rs.EOF And Count < 20

Novas Tecnologias - A. S. P.

Aqui você vê a confirmação de exclusãoda mensagem selecionada

O comando Do While nós já conhecemos,é responsável pelo LOOP da página. Com issotraz mais do que uma informação para a nos-sa página. A única diferença desse LOOP éque aqui, nós especificamos que ele só irátrazer as 20 últimas mensagens. Para isso uti-lizamos o Count < 20, ou seja, "Execute a fun-ção a seguinte, enquanto não chegar no fimdo arquivo (rs.EOF) e a variável Count conti-ver valor menor que 20".<form action=”deletar.asp” method=”post”>

Iremos utilizar um formulário para cadamensagem, então cada mensagem terá oseu botão deletar. O action será a páginadeletar.asp.<input type=”hidden” name=”id”value=”<%=rs(“id”)%>”>

Uma propriedade interessante do formu-lário, são seus campos ocultos, utilizando atag <input type="gidden"...> ocultamos um de-terminado campo. Neste exemplo, utilizaremosum campo oculto, para identificar através doID, qual mensagem será excluída, o valor docampo ID, será pego diretamento do campoID da mensagem do banco de dados.

<%=rs(“nome”)%>Sem segredo nenhum, o código posto

acima, pega o conteúdo do campo nome dobanco de dados e coloca na página.

Count = Count + 1 rs.MoveNext Loop

Acrescentamos 1 na variável Count, poisdeterminamos que quando ela chegar a 19(número menor que 20) o Loop será finaliza-do. Movemos o cursor para a próxima men-sagem do banco de dados através do co-mando rs.MoveNext e por último executamoso LOOP.

rs.closeset rs=nothingconexao.closeset conexao=nothing

Fechamos todas as conexões abertas,pois não iremos mais utilizá-las.

Deletar.asp

<%@ LANGUAGE=”VBSCRIPT” %>

<%set conexao=server.createobject(“ADODB.connection”)Set rs =Server.CreateObject(“ADODB.RecordSet”)’Conexão sem DSN

conexao.Open “Driver={MicrosoftAccess Driver

(*.mdb)};DBQ=” &server.MapPath(“guestbook.mdb”)

id=request(“id”)

sql = “delete * FROM guestWHERE id = “& id &””

rs.open sql, conexao%>

<html>

<head><title>Guestbook On The Net - Avançado -

Exemplo 06</title></head>

<body bgcolor=”#000000" marginleft=”0"marginwidth=”0"link=”#00FFFF” vlink=”#00FFFF”

alink=”#FFFFFF”text=”#DCEBF8"><p align=”center”><br><br><table width=”70%” border=”0"> <tr> <td align=”center”><b>

As mensagem foi deletada comsucesso.<br> <br> </font>

<a href=”apagar.asp”>Voltar</a></b> </td> </tr></table></p></body></html>

id=request(“id”)

Atribuimos o valor do request("id") paraa variável ID, se você não se lembra, o idque estamos solicitando é o que estava nocampo oculto do formulário da páginaapagar.asp

sql = “delete * FROM guest WHERE id = “&id &””

Mais um novo comando que iremosmostrar. Nos exemplos anteriores, vocêaprendeu a ler o conteúdo de um banco dedados, inserir novo conteúdo para o bancode dados, e agora irá aprender apagar umconteúdo do banco de dados. Com ainstrução DELETE apagaremos TODOS oscampos da tabela GUEST desde que, ocampo ID seja igual ao conteúdo da variávelID. Simples e fácil.

SuperASP.com.brO melhor site sobrO melhor site sobrO melhor site sobrO melhor site sobrO melhor site sobre ASPe ASPe ASPe ASPe ASP

do Brdo Brdo Brdo Brdo Brasil.asil.asil.asil.asil.ArArArArArtigostigostigostigostigos, D, D, D, D, Dowloadsowloadsowloadsowloadsowloads, Fórum,, Fórum,, Fórum,, Fórum,, Fórum,

Dicas e muito mais e com umDicas e muito mais e com umDicas e muito mais e com umDicas e muito mais e com umDicas e muito mais e com umvisual incrívvisual incrívvisual incrívvisual incrívvisual incrível.el.el.el.el.

Leitores On The Net tem50% de desconto para hospe-dar sites no servidor HDG comsuporte à ASP.www.hdg.com.br/onthenet.html

HDG

Backbone – Espinha dorsal - Infra-estrutura de rede de su-por te a um determinado Serviço. Refere-se, geralmente, auma rede de grande abrangência e de grande capacidadeatravéz da qual se interconectam redes de menor escala.

Backbone IP – Backbone que adota arquitetura de protoco-los TCP/IP

Centro de Roteamento – Denominação dada ao conjuntode roteadores da Rede da Internet Via EMBRATEL de qual-quer localidade

DHCP – Dynamic Host Configuration Protocol - Mecanismoque permite a um dispositivo obter de um servidor (DHCPServer) um endereço IP.

Extranet – Rede de acesso semi-privado, interligando duasou mais Intranets de organizações que compartilham e tro-cam informações, e que possuem negócios integrados.

Firewall – Servidor, geralmente posicionado na fronteira en-tre uma Intranet e a Internet, visando a implementação devariados mecanismos de segurança para controlar acesso eproteger informações.

Instalação Terminal do Cliente – Conjunto de recursos dehardware e software, tipicamente integrados através de umarede local, caracterizando um ponto da Intranet do Cliente.

Integração eletrônica – Integração de processos adminis-trativos ou finaceiros entre unidades de uma mesma organi-zação ou de organizações distintas através da troca de in-formações e/ou transações em meio eletrônico. Exemplosrelevantes são:Escritório eletrônico, correio eletrônico e mer-cado eletrônico.

Internet – Rede de acesso público, voltada para a dissemi-nação de informações em geral e destinada a Provedoresde serviços de conexão à Internet (provedores de acesso),provedores de informação, redes corporativas de organiza-ções com interesse de conexão à Internet, além de usuáriosindividuais.

Intranet – Rede de acesso privado, voltada para a troca deinformações dentro de uma organização, montada sobre umbackbone IP, e utilizando tecnologias, interfaces e protoco-los adotados na Intranet.

IP – Internet Protocol - protocolo de comunicação fim a fimadotado em redes TCP/IP em geral e, em particular, na In-ternet e nas Intranets.

NAT – Network Address Translation, Mecanismo que permitea conexão de redes privadas à rede Internet sem alteraçãodos endereços reservados. Através de um NAT sever os en-dereços de rede reservados são convertidos para endereçospúplicos quando se torna necessário o acesso à rede Inter-net. Com este mecanismo, diversos computadores com en-dereços internos podem compartilhar um único enderteço IP.

Roteador – Dispositivo de hardware e de software que de-sempenha funções de encaminhamento de pacotes IP se-gundo um critér io de escolha de rotas que o conduzam aseu destino.

Solução de integração eletrônica – Composto de produtose de serviços de valor adicionado para a implementação deaplicações completas de Integração Eletrônica.

Tunnelling – Mecanismo que permite que o protocolo A sejaencapsulado em outro (B), permitindo que A veja B comocamada de data-link. Usado para troca de dados entre do-mínios cujo o protocolo não é suportado na Internet.

MP3 – Definição para MPEG 1 Layer 3, formato de áudiodigital que, entre outras coisas, remove as partes irrelevantesdo sinal de áudio, atingindo, assim, uma compressão até 12vezes do áudio conhecido. O MP3 hoje se tornou a palavramais procurada na Internet, devido ao seu grande poder decompressão de áudio.

NNTP – Abreviação de Network NewsTransfer Protocol. Esteprotocolo é usado para mandar, distribuir e receber mensa-gens na USENET.

TCP/IP – Abreviação de Transmission Control Protocol. É oconjunto de protocolos que conecta servidores na Internet.Apesar do nome, TCP/IP usa vários protocolos, sendo TCPe IP os dois principais. Os protocolos TCP e IP são respon-sáveis pelas conexões discadas que nós fazemos para nosconectarmos ao nosso provedor.

SSL – Abreviação de Secure Sockets Layer, um protocolodesenvolvido pela Netscape para a transmissão privada dedocumentos via Internet. SSL trabalha usando uma chavede dados criptografada, que transfere os dados usando aconexão SSL. Tanto o Nestcape Navigator quanto o InternetExplorer suportam conexão SSL, e muitos sites usam o pro-tocolo para obter informações confidenciais de seus usuári-os, como número de car tão de crédito.

HTTPS – Uma extensão do protocolo HTTP que suporta en-vio de dados com segurança através da World Wide Web.Nem todos os browsers e servidores supor tam o HTTPS.Por isso uma outra tecnologia para transmissão segura pelaInternet - Secure Sockets Layers(SSL) - ainda prevalececomo a mais utilizada. Entretanto, SSL e HTTPS tem designse metas muito diferentes, por isso é possível utilizar os doisprotocolos juntos, onde o SSL é desenhado para estabele-cer uma conecção segura entre dois computadores e oHTTPS é desenhado para enviar mensagens individuais comsegurança. Ambos os protocolos foram enviados para a In-ternet Engineering Task Force(IETF) para aprovação comoum padrão.

FAQ – Sig la pa ra Pe rgun tas Freqüen temen te Fe i t as(Frequently Asked Questions) sobre um determinado assun-to. Há milhares de FAQs sobre diversos assuntos da Inter-net.

Host – Um computador ligado a rede que pode ser acessadopor muitos usuários ao mesmo tempo.

Intranet – É uma rede que utiliza a mesma infraestrutura epadrões da Internet. Mas não é destinada ao público em ge-ral, mas apenas a funcionários e pessoas autorizadas quedevam ter acesso a suas informações. O número de empre-sas que usa Intranets vem aumentando no Brasil e nos Es-tados Unidos a cada dia.

Dicionário WEB