Como Publicar Seu Site Na Internet

AGRADECIMENTOS
A todos que no ano em que passei escrevendo me deram fora e coragem para
cont inuar por dias e noit es seguidas.
Escrever um livro , ant es de t udo, uma demonst rao de fora de vont ade.
Espero poder compart ilhar com todos os meus leitores essa mesma fora, fazendo-
os triunfar em cada t recho dest e caminho.
Agradeciment os especiais, como sempre, vo para minha querida e amada esposa,
Rachel.
Out ras pessoas que nunca poderia deixar de cit ar so meus edit ores da Brasport ,
Srgio e Rosa Maria, por sempre confiarem no meu t rabalho.
A todos os meus amigos e famlia, meu muit o obrigado tambm.
Agora e sempre. Principalment e aos meus pais Marcolino e Eunice.
Aos meus leit ores, que vm me acompanhando nest e e nos livros ant eriores, t am-
bm agradeo pela confiana em meus ensinamentos.
Sempre que precisarem, podem me contat ar. A misso de um escrit or no t ermina
s no livro. Vai por caminhos muito maiores que esse.
SOBRE O AUTOR
Minha carreira iniciou-se h 13 anos.
Comecei como assist ent e de art e, aprendendo e aperfeioando essa ddiva que
apreciar e saber criar um desenho ou uma pint ura. Enfim, conhecer e amar a art e.
Como freelancer, prest ei servio para vrias empresas e edit oras, como Globo, Abril,
ent re outras. Trabalhei com diversos personagens durant e t odo esse tempo, como os
da Disney, e com vrios personagens japoneses que ainda hoje passam na TV.
Logo aps, t ive minha prpria agncia de publicidade e desenvolvi vrias embala-
gens, anncios e st oryboards t ambm.
Invest i dois anos em um sonho, que foi t rabalhar para edit oras americanas, e t ive
meu trabalho publicado em vrias revist as de quadrinhos da DC Comics. Foi quan-
do comecei a me interessar por comput adores.
Quando pequeno t ive um microcomput ador (um TK-85, para os que se lembram),
mas ele era muit o pobre em recursos grficos. Depois desse comput ador, fui voltar
a ver o enorme avano deles soment e depois de muito t empo, e percebi o t remendo
pot encial que os novos programas grficos poderiam proporcionar minha rea.
Fiquei int eressado novament e e fui desenvolvendo esse lado art st ico at ravs do
comput ador. Logo j est ava t rabalhando com vrios programas para edit orao
elet rnica e assinando servios de BBS. Era o que havia disponvel na poca. Co-
mecei ent o a t rocar e-mail com pessoas do mundo int eiro. O e-mail era a nica
ferrament a da Int ernet a que se podia t er acesso e j era o mximo.
A World Wide Web ainda nem exist ia no Brasil.
Em breve comearam a surgir os primeiros browsers, os primeiros provedores e fui
me aprofundando no assunt o e quando percebi j est ava t rabalhando comercial-
ment e com o desenvolviment o de sit es e imagens para a Int ernet .
Desenvolvo freqent ement e vrios sit es para empresas, e uma das coisas mais le-
gais que eu vejo a vont ade que as pessoas t m de ent rar na Int ernet , colocar a sua
cara ali, como a bandeira fincada na Lua, apenas para dizer Eu consegui. No en-
t ant o muit as esbarram em aspectos aparent ement e simples. por isso que resolvi
escrever este livro. Para os que t m vont ade de t er e para os que j t m seu sit e,
mas no conseguem coloc-lo na Int ernet para que out ros possam conhec-lo e no
aproveit am t odo o pot encial que lhes oferecido.
Vlll COHO PULlCAk SEU SlTE NA lNTEkNET
Espero que est e livro ajude a concret izar seus sonhos.
Mrcio S. Morais
marciosm@usa.net
!
INTRODUO
A Misso deste Livro
Bem-vindo ao meu mais recent e livro. Depois de escrever dois livros sobre o
FrontPage da Microsoft (para quem no o conhece, um soft ware de edio de
pginas para a Int ernet ), recebi muit as cart as de meus leit ores e vrias das dvidas
deles se resumiam em como colocar as pginas que eles fizeram no ar, ou seja, na
Int ernet .
Realment e h uma grande diferena ent re saber criar suas pginas e coloc-las efe-
t ivament e no ar para que o mundo t odo possa v-las.
nessa hora exat a que percebemos t odos os grandes erros que por enquanto no
vamos, como links errados, recursos que est vamos ut ilizando e que acabam no
funcionando direito quando vemos o sit e no ar, enfim, vrias coisas que at ent o
eram invisveis aos nossos olhos.
E sabe por qu?
A respost a at simples: porque exist em det erminados fatores que no levamos em
cont a ou que nem sabamos que exist iam. Esses fatores so os recursos que nos so
oferecidos pelo local onde iremos deixar nosso sit e.
Pouca gente sabe que preciso um mnimo de est udo e conheciment o sobre onde
iremos publicar nossa homepage.
H uma grande variedade de lugares na Int ernet , uma grande maioria grat uit a, onde
podemos deixar nossas pginas disponveis para que outros as vejam. No ent ant o,
assim como a diversidade de lugares grande, a diversidade de recursos que cada
um deles nos oferece t ambm gigantesca. Por isso, muit as pessoas se confundem
e acabam criando sit es que no funcionam corret amente quando enviados para o
seu endereo na Int ernet .
Aqui no Brasil temos provedores de acesso, como o UOL, O Sit e, entre vrios e
vrios outros que cedem um espao para seus client es colocarem suas pginas na
Int ernet . Cada um deles possui um procedimento de envio de arquivos e cada um
deles t ambm possui cert as facilidades ou mesmo ferrament as de edio on-line de
pginas. No ent ant o, basicament e t odos eles aceit am um prot ocolo de transmisso
2 COHO PULlCAk SEU SlTE NA lNTEkNET
de arquivos chamado FTP (File Transfer Protocol). Para ut iliz-lo, t emos que t er
um programa compat vel com esse protocolo. Um dos que eu mais ut ilizo o Cu-
t eFTP. Isso porque simples de usar e nunca me apresentou problemas.
Nest e livro vou analisar alguns dos maiores provedores de acesso e como eles nos
permit em enviar pginas para a Int ernet . Tambm irei discut ir vrios aspectos que
devemos levar em considerao quando criamos as pginas, ou seja, ant es mesmo
de envi-las.
Cabe aqui lembrar que a maior part e dos que nos fornecem espao na Int ernet , seja
de 5 at 50 megabytes, no nos permit em muit a escolha no endereo que ser usa-
do para out ras pessoas t erem acesso s nossas pginas. Normalment e ser algo
como http://www.nome_do_provedor/nome_do_usuario.
Muit as vezes imaginamos que iremos t er facilment e um endereo como
http://www.meunome.com.br, por exemplo. Talvez at sem imaginar que t enhamos
que pagar por isso.
Mas, sobre isso veremos mais t arde no decorrer do livro. Espero que o aproveitem.
Bom site para vocs.
3
CAPTULO 1
COMEANDO DO ZERO
Por onde Iniciar
Quando digo comeando do zero quero dizer todas as pessoas que nunca t iveram
um sit e na Int ernet nem nunca fizeram uma pgina. Para esses eu recomendaria que
adquirissem livros que ensinassem a criar pginas para a Web. Eu mesmo escrevi
dois sobre o FrontPage, um sobre a verso 98 e outro sobre a verso 2000.
O FrontPage um soft ware como um Word da Microsoft , alis muito parecido
mesmo, onde voc vai mont ando sua pgina de uma maneira bem visual e simples.
Eu sempre o recomendo para iniciant es. No ent anto, depende muit o de cada pessoa
a adapt ao e a escolha dos programas que eles iro usar para criar suas pginas.
Existe t ambm o Dreamweaver, da Macromedia, que um out ro programa muit o
bom, com dezenas de recursos a mais que o FrontPage, no t o simples, claro,
mas t imo para quem j t em algum conheciment o.
No dispense t ambm livros sobre a prpria linguagem HTML, que o cdigo que
usamos para criar nossas pginas.
Hoje em dia, com a facilidade desses edit ores visuais (os chamamos de
WYSIWYG What You See Is What You Get , ou t raduzindo para o bom portu-
gus O que voc v o que voc ir conseguir quando edit ar na Int ernet e eu lhes
asseguro que nem sempre foi assim), acabamos nos esquecendo do cdigo que
exist e por t rs das pginas, e exatament e a que encontramos a maior dificuldade
quando colocamos nossas pginas no ar. Isso porque normalment e t odo mundo vai
querer criar uma pgina que t enha um formulrio do t ipo: Voc gost ou da minha
pgina? Escreva para mim e d sua sugest o!. incrvel, mas t odo mundo faz
isso. Lgico que poderamos colocar nosso e-mail para que nos enviem uma men-
sagem, mas normalment e todo mundo quer um formulrio, com campos onde a
pessoa pode preencher ou escolher ent re vrias opes (do t ipo sexo: masculino ou
feminino) e por a vai.
Acont ece que cada provedor, como j lhes falei, t em uma part icularidade, um m-
t odo diferente de permit ir que seus usurios criem essas pginas de formulrio.
E podem escrever o que eu digo, ou melhor, lembrar o que eu escrevo: 90% das
pessoas se confunde na hora de acert ar esses cdigos especiais para os formulrios.
Mesmo ns que t rabalhamos nessa rea de informt ica s vezes nos confundimos,
pois bast a falt ar um parnt eses ou uma vrgula e pronto, a pgina no funciona.
Mas t ambm sabemos revisar o cdigo e achar o que pode estar dando errado.
Por isso eu acho import ant e que, apesar de t er um programa visual para criar suas
pginas, voc t ambm comece, nem que seja aos poucos, a aprender um pouco da
linguagem de programao HTML, que no t o complicada assim. Sabendo o
bsico dela voc consegue t rabalhar muit o bem.
Existem vrios out ros livros que recomendaria alm daqueles sobre HTML, mas
esse no seria bem o objet ivo dest e livro. No ent anto at revo-me aqui a fazer um
resumo do que voc precisaria ler:
1. Um bom livro sobre o FrontPage (pode ser o meu, dest a mesma Editora, a
Brasport ) e/ou um livro sobre Dreamweaver.
2. Um bom livro sobre HTML. Depois voc pode ir comprando livros sobre
Javascript (no Java, prest e at eno, muitos confundem Javascript, que
mais simples, com o Java, que bem, bem complicado)
3. Um livro sobre um editor de imagens. Pode ser o Photoshop, da Adobe,
at ualment e na verso 6.0 (07/2000) e/ou sobre o Fireworks, da Macrome-
dia, t ambm muit o bom. A diferena bsica entre os dois que o Fireworks
feit o soment e para imagens da Int ernet e o Phot oshop t ambm se prest a a
servios com imagens mais pesadas para impresso. Basicament e seria
isso, t em muit as diferenas a mais, lgico.
4. E, com o passar do t empo, alguns livros sobre webdesi gn. Nada como
olhar para obras de art e e saber reconhecer nelas o que t m de especial e
porque so t o bonitas. Ns que t rabalhamos no meio sabemos ident ificar
boas de ms imagens, um bom conceito e um bom layout de um ruim, e
isso comea a pesar e muito quando seu sit e for const ant emente visit ado.
Ningum gost a de ent rar em uma casa feia e mal-arrumada, no .
Bem, com isso voc v que criar pginas no t o simples quanto se imaginava.
Mas no se preocupe. Soment e quando comeamos alguma coisa e seguimos em
frent e que conseguimos evoluir. Ningum chega faculdade sem t er feit o a pri-
meira srie e rabiscar paredes, sujar as mos de t int a, et c.
COHEANDO DO ZEkO 5
Encare sua primeira pgina no como uma obrigao. Nunca faa isso. Encare sim
como uma brincadeira. A voc ir sempre progredir mais e mais. Depois de um
t empo brincando se pode assumir um compromisso mais srio de est udar melhor e
passar de uma fase para out ra, mas suas primeiras pginas devem ser experiment os.
No h como ser de out ro jeit o. A menos, lgico, que seu chefe est eja lhe empur-
rando esse servio e exigindo que saia t udo lindo e maravilhoso. No bem por a,
e se voc est iver nessa sit uao, cuidado. Criar uma pgina na Int ernet exige at en-
o, criao e est udos. Principalment e se for para uma empresa. A coisa mais fcil
fazer algo que seus client es no gost em e por isso no voltem a visit ar seu ende-
reo na Int ernet nunca mais.
Vamos abordar isso t ambm durant e o livro.
Para fechar est e capt ulo vimos ent o que, para part ir do zero precisamos t er alguns
conheciment os. Mesmo sem t ermos os programas que cit ei, t emos muit os provedo-
res e sites de hospedagem na Int ernet que nos oferecem ferramentas de edio on-
line de nossas pginas.
muito legal mesmo, pois t emos ali, diant e de ns, at ravs do browser, a possibili-
dade de criar nosso sit e sem t er que comprar nada.
Ent o, aqui vo alguns avisos:
a) Normalmente demora muit o para que as pginas cont endo essas ferramen-
t as on-line carreguem, e t ambm para que criemos e salvemos o que fizer-
mos nesse ambient e;
b) Se demoramos muit o on-line, nossa cont a de t elefone tambm aument a pro-
porcionalment e, ent o cuidado para no t er uma surpresa no final do ms;
c) No t emos t odas as possibilidades e recursos que um programa, mesmo de
edio de pginas, nos permit e, limitando nossa criao;
d) Para facilit ar, essas ferrament as on-line nos apresentam poucas opes de
fundos (background) de pginas, por exemplo, apenas para cit ar um exem-
plo, novament e limit ando nossa criao.
Sendo assim, vimos que ainda que nos entreguem t udo na mo int eressant e sa-
bermos como criar nossas prprias pginas, ent endendo o que se passa no cdigo e
t ambm t endo a t otal liberdade de poder colocar a cor que quisermos, alinhar o
t ext o do nosso jeit o, entre out ros pontos.
Uma Introduo sobre HTML, a Atual
Linguagem da Internet
A linguagem mais amplament e usada para criao de pginas para a Int ernet o
HTML. Como t udo no mundo e na nossa histria, o HTML t ambm se desenvol-
veu, se aperfeioou. Hoje existem variant es novas do HTML, que at pret endem (e
realment e acho que vo conseguir) subst it u-lo. So o XHTML, o XML, e vrias,
vrias out ras linguagens.
No ent ant o, eu sempre digo a quem vai comear a criar pginas: Comece pelo b-
sico. Aprenda o HTML, com ou sem o auxlio de programas como o FrontPage, o
Dreamweaver ou qualquer out ro. No importa, mas comece do bsico.
Se formos ver todo o at ual universo de possibilidades que a Int ernet nos oferece, s
podemos ter duas reaes.
A primeira ficarmos maravilhados com t udo isso, e ent o t ermos bast ant e dispo-
sio e vontade e sair devorando livros por a para aprender t udo o que pudermos
at dominarmos t odos esses recursos.
Sincerament e, nem ns que trabalhamos com informt ica diariament e sabemos li-
dar com todos os t ipos de linguagens e programas que existem at ualment e. As em-
presas de soft ware lanam produt os mais rpido do que podemos aprender.
Bem, a segunda reao que podemos t er o medo. ficarmos apavorados com o
que t emos para aprender e nos recusarmos a aprender. o que acont ece com mui-
t as pessoas, principalment e as que esto na t erceira idade. Acham que no vo con-
seguir e comeam a duvidar de si mesmos. No sempre que isso acont ece, mas
uma at it ude que se repet e vrias vezes.
Ent o quer saber se voc precisa aprender HTML mesmo? A minha respost a
SIM, desde que voc queira dominar melhor o que pode ou no colocar em sua p-
gina. E, ao mesmo t empo, NO, se voc quer apenas colocar algumas fotos ou
t ext os na Int ernet .
E sabe por qu?
Primeirament e porque existem programas agora t o fceis de aprender que qual-
quer criana pode conseguir (a criana aprende mais rpido principalment e porque
ela no t em medo, ent o no t enha voc t ambm).
E em segundo lugar porque exist em vrios servios na Int ernet onde voc s preci-
sa ir respondendo algumas pergunt as e ele cria a pgina para voc.
COHEANDO DO ZEkO 7
Essa a razo dest e livro. Ensinar-lhe como ut ilizar esses servios e como colocar
seu sit e no ar.
Vamos ent o comear do bsico.
O Que a Internet?
Existem muit as pessoas que t ent am definir a Int ernet . Uns a definem como super-
est rada da informao, rede mundial, ent re outras formas de expresso. No ent anto,
como t oda forma de expresso, t udo depende de um pont o de vist a. Temos pessoas
que s vem o mal na Internet, porque ela livre, at em demasia, talvez.
Logicamente que h a pornografia e vrias coisas escusas escondidas em alguns
dos milhares de comput adores que fazem parte da rede. No ent anto, eu encaro a
Int ernet como uma grande livraria, com livros dos mais diversos assuntos, com
livros que t ocam msica ao se abrir, com contos pornogrficos para quem quiser
procurar por esse t ipo de assunto sim, mas t ambm com grupos de pessoas int eres-
sadas soment e no bem do planet a e do ser humano, e que se no fosse a Internet
no seriam capazes de difundir seus ideais por todo o globo.
A rede o que cada pessoa quiser que ela seja. Em t oda a histria, o homem sem-
pre foi o responsvel pelo que faz com suas criaes, e no h terreno mais frt il do
que a Int ernet por enquant o. Ela aproximou e permit iu que pessoas de t odo mundo,
no import a a dist ncia entre elas, possam t rocar idias e se comunicar.
As empresas pensam diferent e: para elas, t udo na rede uma font e de fut uros ne-
gcios.
Indst rias sonham com o dia em que podero vender diret ament e aos consumido-
res, sem nenhum intermedirio. Empresas de comunicao esperam o meio que vai
reunir rdio e t eleviso em um mesmo sist ema de produo, e isso j est mais pr-
ximo do que se imagina. A nica coisa que atrapalha ainda um pouco a baixa co-
nexo, que faz com que arquivos grandes demorem muito para serem enviados de
uma font e a outra.
No entant o, podemos conversar com nossos familiares dist ant es, separados por milha-
res de quilmetros com uma facilidade nunca antes vist a. E pagando muito pouco.
E para os que ainda no tm um computador ou conexo t o bons que permit am a
conversa real pela Int ernet , ainda h o primeiro recurso dela, que o e-mail. Cada
usurio pode t er um ou mais e-mails, que so como um RG, uma ident ificao, um
endereo de comunicao. Com esse e-mail, voc pode se comunicar, enviando
mensagens para outras pessoas.
Alm de t udo isso, ainda podemos colocar um site na rede, onde todos podem nos
visit ar. Hoje em dia todos querem colocar algum cont edo na Internet. Todos se
sent em mot ivados a cont ribuir e fazer part e dessa que considerada a maior inven-
o do sculo e t ambm a mais revolucionria.
E voc t ambm pode part icipar disso t udo.
Como Funciona a Web?
A Web funciona basicament e at ravs de dois t ipos de comput adores. So os clien-
t es e os servidores.
O client e voc, por exemplo, de casa.
Voc normalment e acessa a Int ernet at ravs de um programa, o navegador ou o
browser (em ingls) como o Int ernet Explorer, o Net scape, o pera ou vrios ou-
t ros, ut ilizados pelos usurios para ver as pginas.
Primeirament e se conect a com seu provedor, que possui vrios comput adores que
est o 24 horas por dia conect ados com a Int ernet . At ravs dessa conexo, seu com-
put ador se une rede, e comea a requisit ar informaes e arquivos.
Quando voc entra com seu comput ador na Internet, normalment e vai visit ando os
sit es que lhe agradam mais e pelos quais t em algum int eresse, certo? Toda vez que
ut iliza seu navegador para ir a um sit e, ele requisit a essas informaes e arquivos (a
pgina em si que voc vai ver) aos servidores. Se a pgina ou informao est iver
naquele primeiro servidor, ele j ir enviar o arquivo (ou pgina) para seu navega-
dor inst ant aneament e. Seno ele passa sua requisio para frent e, para os outros
milhares de comput adores da rede at que um deles possa lhe enviar a pgina pedi-
da.
Apesar de serem milhares de servidores, toda essa procura demora apenas alguns
segundos, isso porque a velocidade ent re eles muit o grande. Ent o, se a informa-
o pedida realmente est iver armazenada em algum servidor da rede, o result ado
do pedido ser enviado de volt a e most rado na t ela do navegador. Normalment e a
informao armazenada na Int ernet est disponvel na forma de pginas, que so
ligadas ent re si.
Quando digit amos no navegador um endereo como http://www.uol.com.br, por
exemplo, estamos pedindo que a rede nos envie a homepage (a primeira pgina) do
UOL. Ent o os servidores se comunicam ent re si e o arquivo da primeira pgina
enviado para nosso comput ador e ent o exibido na nossa t elinha.
COHEANDO DO ZEkO 9
Como eu disse, as pginas est o ligadas umas as outras. Isso possvel at ravs de
um hyperlink, ou seja, uma referncia que exist e dent ro de uma pgina que, quando
clicada, nos remet e a out ra. Por isso que, ao est armos lendo sobre um det erminado
assunt o, podemos t er alguns hyperlinks (ou simplesment e links) que nos enviam
para uma out ra pgina que pode cont er mais informaes ainda sobre o que est-
vamos procurando.
como est armos lendo uma not cia sobre uma nova forma de cirurgia para miopia
nos olhos, e podermos, ao clicar na palavra miopia, ter acesso a saber como ela
surge, quai s os t rat ament os que eram ut ilizados ant es, qual o nome do mdico que
descobriu essa nova forma de cirurgia, etc. O leque de informaes abre-se grandi-
osament e.
Nota: Normalment e os hyperlinks apresent am-se em negrito, ou sublinhados, ou
ent o com cores diferent es, at mesmo formatos, como bot es, et c. A variedade
hoje em dia muito grande, mas isso apenas para dar um efeit o cosmt ico na
pgina, para ela ficar mais agradvel.
just ament e essa interao ent re as pginas que fazem com que se chame a Int er-
net de WWW (World Wide Web) t eia de alcance mundial.
Todas as pginas e arquivos que existem na Int ernet podem ser acessados at ravs
de um endereo, uma URL, que como o endereo de uma casa. Normalment e ela
se apresenta assim:
http://www.servidor.com.br/diretorio/arquivo.htm
Definies de Nomes na Internet
http:// a maneira (um protocolo na verdade) pela qual ocorrer a t roca de infor-
maes e requisies ent re client e e servidor. HTTP (HyperText Transfer Prot ocol,
ou prot ocolo de t ransferncia de arquivos de hipert ext o) o mtodo ut ilizado para
t ransport ar pginas Web pela rede.
H outros protocolos t ambm, como:
ftp:// (para t ransferir arquivos),
news:// (grupos de discusso) e
mailto:// (para enviar correio eletrnico).
!0 COHO PULlCAk SEU SlTE NA lNTEkNET
www.servi dor.com.br o nome do servidor onde est armazenado o arquivo.
Nem sempre o nome de um servidor Web inicia por WWW. Pode iniciar por
http://www2.servidor.com.br, ou ent o simplesment e http://servidor.com.br, sem
www algum.
/di retori o/ o diret rio onde est o arquivo. O arquivo, ou pgina requisit ada,
pode est ar em vrios nveis. Imagine o sit e como uma grande caixa, cheia de vrias
out ras. Cada caixa dentro daquela maior um diret rio. Se o arquivo est iver na
caixa maior, ele mais simples de ser encont rado.
A URL seria algo assim: http://www.servidor.com.br/arquivo.htm.
No ent ant o, se est iver dent ro de uma outra caixa, t emos que incluir o nome dessa
caixa (no caso diretrio) na URL, assim:
http://www.servidor.com.br/caixa1/arquivo.htm
E isso indefinidament e. Caso o arquivo desejado est eja dentro de uma out ra caixa
dent ro da segunda caixa, a URL seria assim:
http://www.servidor.com.br/caixa1/caixa2/arquivo.htm
Se no digit armos corret ament e o endereo, a URL de um arquivo, o servidor no
conseguir encontr-lo para ns e ent o enviar uma mensagem de erro, que pode-
remos ver no nosso navegador.
arqui vo.htm o nome do arquivo. A ext enso .htm (pode ser ht ml t ambm) indica
que se t rat a de uma pgina Web. Uma URL pode indicar out ras ext enses. Quando
o navegador recebe um arquivo com a ext enso .txt, o arquivo t rat ado como um
t ext o comum. Em out ros casos, como nas ext enses .zi p (arquivo comprimido) e
.exe (um programa), o navegador abre uma janela pergunt ando ao usurio o que
fazer com o arquivo. Voc pode salv-lo em seu comput ador ou t entar execut-lo.
Como Criar uma Pgina Web em 15
Passos
Apesar de t ermos t ant as possibilidades para inserir em uma pgina, t ais como ima-
gens, sons, animaes, hyperlinks, etc., as pginas Web no passam de documentos
de t exto simples. Voc poderia produzi-las em um edit or de texto simples, como o
Notepad do Windows.
A nica coisa que t emos que observar que, para isso, t emos que ut ilizar marca-
es especiais, que so os cdigos que iro ident ificar os diversos element os dentro
das pginas. Alguns elementos so marcados como t t ulos, out ros como pargrafos,
COHEANDO DO ZEkO !!
out ros como imagens e links. Essas marcas so chamadas de TAGs e esto especi-
ficadas dentro da linguagem ut ilizada para criar as pginas Web: o HTML.
Normalmente uma pgina HTM inicia-se assim:
<html>
<head>
<t it le>Tt ulo do sit e</t it le>
</head>
<body>Cont edo do sit e</body>
</html>
Vejamos em passos simples, como mont ar uma pgina em HTML. Logicament e
que aqui eu coloco apenas alguns passos bsicos. Depois recomendvel um livro
especfico sobre essa linguagem, ok? Vamos l:
Passo 1
Abra o Bloco de Not as do Windows (not epad).
Passo 2
Digit e o t exto a seguir no bloco de not as:
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Agora salve o seu arquivo como index.htm.
Nota: Lembre-se de salvar t odos os arquivos escrevendo seu nome usando ape-
nas let ras minsculas. Isso serve para imagens e para arquivos HTML. Normal-
ment e a primeira pgina da sua Homepage t em que se chamar index.htm, mas
alguns dos servios de hospedagem, por causa da configurao dos servidores
deles, pedem que a sua homepage se chame index.html ou defaul t.htm ou ainda
defaul t.html . Veremos caso a caso nos exemplos que escolhi para est e livro
mais frent e, certo?
Passo 3
Ateno fundamental . J deu para perceber, que t odos os comandos
que voc escreveu no Bloco de Not as comeam e t erminam. Veja os exemplos:
<TITLE> e </TITLE> ou ent o <BODY> e </BODY>. Repare que o fechament o
sempre com o smbolo / ant es do nome. Esses comandos so chamados de
TAGs. Entre essas TAGs que iremos escrever t udo o que vai em nossa pgina.
Ent re as TAGs TITLE, voc deve colocar o t t ulo da sua homepage. Por exemplo:
<TITLE> Esta a homepage do Ful ano De Tal </TITLE>
Agora que voc j sabe, v at a sua pgina no Bloco de Not as e coloque um t t ulo
na sua pgina. O t t ulo de sua pgina o que vai aparecer l na barra (normalment e
azul) mais alt a do seu navegador.
Passo 4
Tambm podemos acrescent ar caracterst icas DENTRO das TAGs,
como para definir a cor ou a imagem do fundo da sua homepage.
Dent ro da TAG BODY coloque o seguint e: BGCOLOR=YELLOW veja o
exemplo:
<BODY BGCOLOR=YELLOW>
Isso ir deixar o fundo de sua pgina t oda amarela. Voc pode mudar a cor escre-
vendo no lugar do YELLOW, o nome da cor que voc quiser, mas sempre em in-
gls. O mais corret o, no ent anto, ut ilizar um padro de cores que chamamos de
hexadecimal. Ele compost o por uma combinao de 6 nmeros e let ras que nos
permit em chegar a qualquer cor. Veja um exemplo:
<BODY BGCOLOR=#800000>
Est a combinao a cor vermelho escura, ou vinho.
Notem que precisamos colocar o smbolo do jogo da velha # ant es da combina-
o de 6 nmeros e letras. Infelizment e o livro no colorido, mas aqui vo as
principais cores e seus cdigos para voc ut ilizar em suas pginas.
Somente os nomes de cores acompanhados de ast erisco podem ser ut ilizados no
lugar dos cdigos.
Nome da cor Cdigo da cor
*Whit e #FFFFFF
*Red #FF0000
*Green #00FF00
*Blue #0000FF
Magenta #FF00FF
Cyan #00FFFF
*Yellow #FFFF00
*Black #000000
*Aqua #70DB93
Baker's Chocolat e #5C3317
COHEANDO DO ZEkO !3
Blue Violet #9F5F9F
Brass #B5A642
Bright Gold #D9D919
Brown #A62A2A
Bronze #8C7853
Bronze II #A67D3D
Cadet Blue #5F9F9F
Cool Copper #D98719
Copper #B87333
Coral #FF7F00
Corn Flower Blue #42426F
Dark Brown #5C4033
Dark Green #2F4F2F
Dark Green Copper #4A766E
Dark Olive Green #4F4F2F
Dark Orchid #9932CD
Dark Purple #871F78
Dark Slat e Blue #6B238E
Dark Slat e Grey #2F4F4F
Dark Tan #97694F
Dark Turquoise #7093DB
Dark Wood #855E42
Dim Grey #545454
Dust y Rose #856363
Feldspar #D19275
Firebrick #8E2323
Forest Green #238E23
*Fuchsia #FF00FF
Gold #CD7F32
Goldenrod #DBDB70
*Gray #C0C0C0
Green Copper #527F76
Green Yellow #93DB70
Hunt er Green #215E21
Indian Red #4E2F2F
Khaki #9F9F5F
Light Blue #C0D9D9
Light Grey #A8A8A8
Light St eel Blue #8F8FBD
Light Wood #E9C2A6
*Lime #32CD32
Mandarian Orange #E47833
*Maroon #8E236B
Medium Aquamarine #32CD99
Medium Blue #3232CD
Medium Forest Green #6B8E23
Medium Goldenrod #EAEAAE
Medium Orchid #9370DB
Medium Sea Green #426F42
Medium Slat e Blue #7F00FF
Medium Spring Green #7FFF00
Medium Turquoise #70DBDB
Medium Violet Red #DB7093
Medium Wood #A68064
Midnight Blue #2F2F4F
*Navy #23238E
Neon Blue #4D4DFF
Neon Pink #FF6EC7
New Midnight Blue #00009C
New Tan #EBC79E
Old Gold #CFB53B
*Olive #808000
Orange #FF7F00
Orange Red #FF2400
Orchid #DB70DB
Pale Green #8FBC8F
Pink #BC8F8F
Plum #EAADEA
*Purple #800080
Quart z #D9D9F3
COHEANDO DO ZEkO !5
Rich Blue #5959AB
Salmon #6F4242
Scarlet #8C1717
Sea Green #238E68
Semi-Sweet Chocolat e #6B4226
Sienna #8E6B23
*Silver #E6E8FA
Sky Blue #3299CC
Slat e Blue #007FFF
Spicy Pink #FF1CAE
Spring Green #00FF7F
St eel Blue #236B8E
Summer Sky #38B0DE
Tan #DB9370
*Teal #008080
Thist le #D8BFD8
Turquoise #ADEAEA
Very Dark Brown #5C4033
Very Light Grey #CDCDCD
Violet #4F2F4F
Violet Red #CC3299
Wheat #D8D8BF
Yellow Green #99CC32
Veja a pgina http://www.netlive.com.br e clique no link Ferramentas.
L voc encont rar um link para esta t abela de cores h outros recursos int eres-
sant es nesse site que eu recomendo.
Alm de podermos colocar um fundo com uma cor nica em nossa pgina, pode-
mos t ambm ut ilizar uma imagem, que ir se repet ir em t odo o fundo, criando uma
espcie de papel de parede.
Para quem ut iliza o Windows, j deve est ar bem familiarizado com isso.
a mesma coisa.
No HTML, a nica coisa que t emos que dizer a localizao do arquivo de ima-
gem. Como sugest o, para iniciarmos, eu aconselho a deixar todas as imagens no
mesmo diretrio, ou seja, no mesmo local onde est guardando est a pgina
index.htm que est amos desenvolvendo. Fica mais fcil.
Para ut ilizarmos um fundo com uma imagem em nossa pgina, bast a digit armos
assim:
<BODY BACKGROUND=imagem.gif>
Somente ut ilize imagens GIF ou JPG para esse fim. So os dois formatos que so
aceitos na Int ernet e t ambm os menores em t amanho, facilit ando assim o recebi-
mento via modem.
Di ca: Quando estabelecemos que queremos uma imagem como papel de parede
para nosso sit e, eu recomendo que tambm coloquemos o fundo com uma cor
branca. Vou explicar. Quando no definimos a cor de fundo de uma pgina,
vrios browsers a vem como ci nza, e fica feio, alm de ser ruim para a leit ura.
Acont ece que, quando escolhemos usar uma imagem para fundo da pgina, por
causa da velocidade de conexo ainda ser baixa, a imagem demora mais para ser
carregada do que o t exto. Ent o s vezes fica cinza com o t exto em pret o (ou a cor
que voc definir) enquanto no se traz toda a imagem de fundo para repet ir como
papel de parede.
Por isso como webdesi gner eu sempre digo que deve-se colocar a cor de fundo em
uma pgina, ela t endo ou no uma imagem para papel de parede. E a cor que
conveno para ns, normalment e o branco.
Sendo assim, o cdigo melhor para uso de imagem como fundo seria:
<BODY BGCOLOR=WHITE BACKGROUND=imagem.gif>
ou, como j vimos ant es na tabela de cores, o cdigo do branco #FFFFFF
<BODY BGCOLOR=#FFFFFF BACKGROUND=i magem.gi f>
Passo 5
Alm de voc t er um t t ulo em uma pgina, pode querer ter um t t ulo
para um pargrafo t ambm. Com isso podemos dar maior ou menor import ncia
para um texto. Veja a seguir um t ext o falso apenas para t er idia da import ncia de
se sobressair um t t ulo de pargrafo:
Sem t t ulo:
As bat alhas de Napoleo Bonapart e
Lorem ipsum dolor sit amet , consect et aur adipisicing elit , sed do eiusmod t empor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos-
t rud exercit at ion ullamco laboris nisi ut aliquip ex ea commodo consequat.
COHEANDO DO ZEkO !7
Com t t ulo:
As batalhas de Napoleo Bonaparte
Lorem ipsum dolor sit amet , consect et aur adipisicing elit , sed do eiusmod t empor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos-
t rud exercit at ion ullamco laboris nisi ut aliquip ex ea commodo consequat.
Ficou bem mais dest acado, no ? Exist em duas maneiras de criarmos esse t ipo de
efeito. O mais simples dele apenas aument ando o t amanho da font e e ut ilizando o
negrito e a out ra ut ilizando TAGs pront as, como o H1 a H5, dependendo do t a-
manho que voc quiser. H1 o que deixa o t t ulo maior e H5 o que deixa menor.
Volt e ao Bloco de Not as.
De acordo com a lt ima coisa que escrevemos deve est ar parecido com ist o:
<HTML>
<HEAD>
<TITLE>Esta a homepage do Ful ano de Tal </TITLE>
</HEAD>
</BODY>
</HTML>
Se voc escolheu uma imagem de fundo ao invs de uma cor fixa, a TAG
<BODY> est ar um pouco diferent e como j vimos ant es.
Agora escreva abaixo do <BODY BGCOLOR=YELLOW>
<H1>Nome da Homepage </H1>
Passo 6
Para que o t t ulo da sua homepage fique no cent ro da pgina, voc pre-
cisa coloc-lo ent re os TAGs <CENTER> </CENTER>. Para increment ar mais
seu t t ulo voc pode usar as seguint es TAGs:
<CENTER> </CENTER> Coloca o t ext o ou o t t ulo no centro
<U> </U> Sublinha o t ext o ou o t t ulo
<B> </B> Deixa o t ext o ou o t t ulo em Negri to
<BLINK> </BLINK> Faz o t t ulo ficar piscando (s funciona no Net scape)
<I> </I> Deixa o t ext o ou o t t ulo em it lico
<P ALIGN=RIGHT> </P> Alinha o t exto direita. Voc t ambm pode ali-
nhar dest as out ras maneiras:
LEFT se voc quiser que o t exto fique alinhado esquerda.
CENTER se voc quiser que o t ext o fique alinhado ao cent ro.
<MARQUEE> </MARQUEE> Faz o t t ulo ficar correndo da direit a para es-
querda (s funciona no Explorer).
<BR> Muda de linha. como se fosse o ENTER quando se escreve no WORD.
Passo 7
O texto deve ser inserido abaixo do t t ulo. No obrigatrio colocar
nenhuma TAG ent re o t exto. Bast a escrev-lo. No ent anto, voc pode incrementar
o seu t ext o usando as TAGs list adas ant es. Voc t ambm pode mudar o t amanho e
a font e da let ra. Veja os exemplos:
<FONT SIZE=2 FACE=Arial > Escreva aqui o que quiser </ FONT>
<FONT SIZE=2 FACE=Ti mes New Roman> Oi, t udo bem? </FONT>
Voc pode t ambm mudar a cor do seu t ext o, mais tome cuidado para no deix-lo
ilegvel. Isso acont ece bast ant e quando est amos no comeo e achamos uma ima-
gem de fundo muit o legal. A quando a usamos e digit amos um t exto, ningum
mais consegue ler. como aquela piada do urso branco em uma nevasca no
Alaska. Onde ele est ? No entanto h vrias e vrias pginas assim. Cuidado para
sua pgina no se t ornar uma piada ent o, ok? Seja criterioso com o que vai colocar
l.
Para mudar a cor de seu t exto, voc precisa usar as seguint es TAGs:
<FONT COLOR=GREEN>Aqui vai um t exto colorido</FONT>.
No se esquea de que no lugar da cor verde que colocamos (GREEN), podemos
escrever o nome de out ra cor qualquer em ingls, ou ent o o cdigo dela.
Exemplo: <FONT COLOR=#800000>
Vejamos aqui um exemplo com vrias das TAGs explicadas ant es:
<HTML>
<HEAD>
<TITLE>Est a a homepage do Fulano de Tal</TITLE>
</HEAD>
<FONT FACE=Arial COLOR=#0000FF>
<CENTER><H1>Bem vindo a homepage do Fulano de Tal </H1></CENTER>
</FONT>
<P ALIGN=LEFT>
COHEANDO DO ZEkO !9
<FONT SIZE=2 FACE=Arial COLOR=#800000>Digit e aqui o t ext o que
voc quiser. Pode ser sobre seus hobbies, suas memrias, et c. <BR>
<U> Aqui vou querer um t ext o sublinhado </U> <BR>
<B> E aqui um t exto em negrit o </B><BR>
<BLINK> Aqui fica piscando, mas s no Net scape </BLINK><BR>
<I> E aqui vai ficar t udo em it lico </I>
<MARQUEE> Se est iver usando o Int ernet Explorer, aqui vai ficar correndo, cor-
rendo e correndo sempre... </MARQUEE><BR>
</FONT>
</P>
</BODY>
</HTML>
Veja como fi cou sua homepage!
Localize seu arquivo i ndex.htm e d dois cliques nele. Isso vai abrir o seu arquivo
no navegador que possui. Se t udo deu certo, na barra superior do seu browser (ou
navegador) vai est ar escrito o nome da sua homepage, o fundo vai est ar da cor que
voc colocou, ou com a imagem que voc escolheu e os t ext os que digit amos t am-
bm.
Perceba que as TAGs t ambm possuem uma cert a ordem, ou seja, elas at uam de
acordo com uma certa ordem.
No nosso exemplo, veja que eu det erminei uma cor azul fort e para o t t ulo. Mas
soment e para ele. O resto do t ext o est em vermelho escuro. Para isso, t ive que
colocar ANTES do t t ulo as TAGs <FONT FACE=Ari al CO-
LOR=#0000FF> e logo aps o fechamento daquela TAG de font e </FONT>
Para o text o abaixo, eu abri com a TAG <FONT SIZE=2 FACE=Arial CO-
LOR=#800000> e s l embaixo, que quando eu t erminei o meu t ext o mesmo,
eu fechei a TAG de fonte </FONT>
Repare t ambm que no primeiro caso, que o do t t ulo, eu no especifiquei o ta-
manho da fonte como no out ro caso (SIZE=2), e isso porque o t amanho do t t ulo
j est ava sendo especificado pelas TAGs H1.
Veja a imagem para poder visualizar melhor as hierarquias ent re as TAGs da pgi-
na criada:
Com exceo da TAG <BR> nest e exemplo, que colocada isoladamente, sempre
t emos que fechar as TAGs, obedecendo onde queremos que t al efeit o nas letras
t ermine ou inicie, et c.
Existem out ras TAGs que t ambm no precisam de finalizao, uma delas a de
incluso de imagens. Vamos ver agora.
Passo 8
Como voc j sabe, podemos t ambm inserir imagens em um docu-
mento HTML. Os format os mais usados so GIF e JPG, pelas razes que j expli-
quei.
Para inserir uma imagem, use a TAG <IMG SRC> sem a TAG de final izao.
Exemplo: < IMG SRC=i magem.gi f>.
Lembre-se de que a imagem deve est ar na mesma past a do arquivo index.htm,
pelo menos por enquant o. Toda vez que adicionar alguma nova TAG em sua pgi-
na no bloco de not as lembre-se de salv-la t ambm.
Passo 9
Como fazer links. Links so aquelas frases ou palavras, que, quando
voc clica, nos levam para out ra pgina. Vamos supor que voc queira colocar um
link na sua pgina inicial (index.ht m), para uma pgina sobre os filmes que voc
mais gost a. Para isso t eria que criar a TAG
<A HREF=filmes.htm>Conhea aqui os fil mes que mais gosto </A>
Podemos criar essa pgina logo abaixo da TAG MARQUEE, como segue:
<MARQUEE> Se esti ver usando o Internet Expl orer, aqui vai fi car correndo,
correndo e correndo sempre... </MARQUEE><BR>
COHEANDO DO ZEkO 2!
<A HREF=filmes.htm>Conhea aqui os fil mes que mais gosto </A><BR>
Depois de colocar essa TAG, salve seu arquivo.
Agora voc deve abrir out ro Bloco de Not as do Windows e fazer out ra pgina fa-
lando dos filmes que mais gost a. Se no quiser abrir out ro bloco de not as, basta
ut ilizar o menu Arquivo Novo (ou File Open em ingls) e uma nova pgina em
branco surgir no lugar do seu arquivo index.ht m que acabou de salvar.
Essa pgina poderia ser algo como segue:
<HTML>
<HEAD>
<TITLE>Oi. Esta pgina fala sobre os filmes que mais gost o</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<FONT FACE=Arial COLOR=#0000FF>
<CENTER><H1>Est es so os filmes que mais gosto</H1></CENTER>
</FONT>
<P ALIGN=LEFT>
<FONT SIZE=2 FACE=Arial COLOR=#000000>Gost o muito de: <BR>
Casablanca<BR>
Twist er<BR>
Matrix<BR>
E o vento levou... <BR>
ent re outros.<BR>
<A HREF=index.htm>Volt ar para a homepage</A>
</FONT>
</P>
</BODY>
</HTML>
Veja que na pgina filmes.htm (salve-a com esse nome), eu coloquei um hyper-
link l embaixo t ambm para volt armos nossa homepage. Temos sempre que
pensar bem antes de ficarmos incluindo links pelas pginas, se queremos que nosso
visit ant e volt e algum dia. Se no t ivssemos colocado um link para retornar ho-
mepage, ele t eria que usar o boto do prprio navegador para isso. E o melhor
sempre o nosso visitant e poder ir e voltar para onde quiser em nosso sit e.
Por isso exist em sit es com menus em todas as pginas. Um menu nada mais do
que vrios links apont ando para todas as pginas de seu sit e, ou pelo menos para as
principais, de t al maneira que podemos navegar livrement e pelo sit e sem nos sen-
t irmos perdidos.
Voc t ambm pode fazer um link para a pgina de um amigo seu, ou uma pgina
que voc gost ou:
< A HREF=http://www.enderecodoseuamigo.com.br>Visi te a pgina de
meu amigo</A>
ou
< A HREF=http://www.servi dor.com.br/seuami go>Visi te a pgina de meu
amigo</A>
ou
< A HREF=http://www.cade.com.br>Visi te o Cad</A>
No caso de ser um link para uma pgina ou um sit e que no o seu, como o exemplo
ant erior, de seu amigo ou do Cad, ou algo assim, eu aconselho a colocar a se-
guint e TAG dentro do <A HREF... :
< A HREF=htt p://www.enderecodoseuamigo.com.br TARGET=_blank>
Visit e a pgina de meu amigo</A>
Isso vai fazer com que uma nova janela do navegador se abra na pgina indicada. O
import ant e que o seu visit ant e vai ter duas janelas: uma com o seu site ainda e
out ra com o sit e que voc indicou. Se colocarmos o link diret o, o SEU visit ant e ir
visit ar out ras pginas e t alvez no volte t o cedo. Ou seja, voc passou o bast o
adiant e e perdeu a at eno do seu visit ant e. Por isso int eressant e mant er os dois
sit es abert os.
Existe t ambm a possibilidade de fazer um link para seu e-mail. Assim, quando ele
for clicado, o seu visit ant e poder lhe enviar uma mensagem pelo programa leitor
de e-mail dele. Veja como:
<A HREF=mailto:username@provedor.com.br>Mande-me um e-mail</A>
Essas TAGs de link associadas ao mail to: permit em que os visitant es mandem e-
mail para o autor do sit e, ao clicar no endereo.
Passo 10
Veja como podemos aproveitar melhor os recursos da TAG BODY
para increment ar os links. na TAG BODY que se define a cor ou imagem de
fundo, como j foi dito. Mas t ambm no BODY que definimos a cor dos links
ant es e depois de serem clicados, e t ambm a cor inicial do t exto. Todo t ext o que
no est iver ent re as TAGs <FONT COLOR=COR></FONT> fica da cor inicial.
Veja s que int eressant e. Ent o no precisaramos ficar digit ando COLOR=COR
em t oda TAG FONT. Poderamos simplesment e definir a cor inicial na TAG BO-
DY e, se quisermos, podemos definir soment e uma palavra ou pargrafo para mu-
dar de cor, como o t t ulo, que deixamos em azul, lembra? O resto do t ext o est ava
em vermelho escuro. Podamos definir a cor vermelho escuro na TAG BODY so-
ment e e mudar apenas para o t t ulo. Para isso, bast a escrever assim a TAG BODY:
COHEANDO DO ZEkO 23
<BODY BGCOLOR=#FFFFFF TEXT=#000000>
Vi u como fcil?
Para mudar as cores dos links escreva dent ro do TAG BODY:
LINK=COR Cor dos links
VLINK=COR Cor dos links j visit ados
ALINK=COR Cor dos links At ivos O link fica at ivo quando voc clica nele.
Passo 11
Criando links em imagens. Alm do link em t ext os, podemos t ambm
criar links com imagens. Sendo assim, quando seu visit ant e clicar numa figura, ele
ser direcionado para a pgina indicada. o que acont ece com essa enorme quanti-
dade de sit es que possuem botes ao invs de links com t extos. assim que eles
fazem.
Primeirament e crie um arquivo de imagem (GIF ou JPG) ou copie alguma imagem
para a mesma past a onde voc est guardando os arquivos index.ht m e filmes.htm.
Escreva o seguinte o comando na pgina index.ht m:
<A HREF=filmes.htm><IMG SRC=imagem.gi f BORDER=0></A>
Voc pode modificar o valor de BORDER definindo a largura da borda da imagem.
Ns, profissionais da rea, preferimos a borda igual a zero mesmo.
No lugar do nome imagem.gif coloque o nome de sua imagem. Lembre-se de, ao
criar uma imagem, no exagerar no tamanho. Normalment e, um bot o no mede
mais que 120 pixis de largura por 30 de alt ura. Talvez at menos.
Uma imagem pode ter o t amanho que voc quiser, mas ao coloc-la em sua pgina,
t enha bom gost o e veja se no exagerou um pouquinho, ok?
Passo 12
Colocando uma msica de fundo. Exist em vrias maneiras de colocar
msica em sua pgina. Veja como fazer isso para o Internet Explorer. Para tocar
msica em sua Home Page, inclua a TAG: <BG SOUND=arqui vo.mi d LO-
OP=INFINITE>.
Ao invs de arquivo.mid, voc pode colocar t ambm arquivo.wav. E ao invs de
LOOP=INFINITE voc pode colocar LOOP=(quant idade de vezes que voc quer
que a msica t oque ou que o som se repit a). Lembre-se de que o arquivo MIDI ou
WAVE deve est ar no mesmo diret rio de sua pgina por enquanto.
Para o Netscape, o comando out ro: <EMBED SRC=arquivo.mid AUTOS-
TART=t rue VOLUME=100 WIDTH=0 HEIGHT=0 CON-
TROLS=none>
Di ca: Os arquivos MID so bem menores que os arquivos WAV
Como voc viu, os dois navegadores mais usados ut ilizam TAGs diferent es. Ent o,
inclua esses dois comandos na sua homepage, pois assim, quem usa um desses dois
browsers (a imensa maioria), ir escut ar a msica, enquanto que, se voc colocar
apenas um deles, est ar prejudicando vrios visit ant es. Se voc colocar esses co-
mandos na primeira pgina, todos que entrarem na sua homepage ouviro aut oma-
t icament e a msica. Apesar de ser um recurso que era muit o int eressante h um
t empo at rs, ele acabou ficando muito bat ido e chat o, porque como todos sabem,
o gosto musical de cada um muit o diferent e uns dos outros. Out ro mot ivo que
cada vez mais a Int ernet est present e no ambient e de t rabalho, e sit es com msica
acabam chamando demasiada e desnecessria at eno.
Passo 13
Incluindo gifs animados em sua pgina. Gifs animados so imagens
em formato GIF que fazem animaes. Voc mesmo pode fazer os seus usando o
programa Mi crosoft GIF Animator procurando-o no sit e da Microsoft
(http://www.microsoft.com). Infelizmente, voc vai t er que se virar para fazer um
gif animado.
O mais fcil sair pela int ernet procurando gifs animados. Assim que localizar al-
gum de seu int eresse, clique com o bot o direito do mouse no gif e escolha sal var
figura como... na mesma past a onde est guardando os outros arquivos.
Se voc quiser, pode fazer links com os gifs animados do mesmo jeit o que se faz
com as imagens comuns.
Passo 14
Criando tabelas. As tabelas so muit o t eis e muito usadas em todas
as pginas. Elas so um pouco complicadas de se ent ender mas vou t ent ar passar
uma noo bsica. Como disse, necessrio depois um aprofundamento na lingua-
gem HTML, alm de mais exerccios. O uso de programas como o FrontPage ou o
Dreamweaver t ambm ajudam e muito na criao de pgina.
O que eu demorava 30 minutos preparando, agora consigo em 5 ou 10 minut os
apenas. Isso agiliza muit o o trabalho. Os comandos bsicos para criao de uma
t abela so:
<TABLE> </ TABLE>:Para iniciar e t erminar uma t abela
<TR> </ TR>: Para iniciar e t erminar uma linha
<TD> </ TD>: Para iniciar e t erminar clula
Exemplo:
<TABLE BORDER=1>
<TR>
<TD>Cel. 1 Linha 1</TD>
COHEANDO DO ZEkO 25
<TD>Cel. 2 Linha 1</TD>
</TR>
<TR>
<TD>Col. 1 Linha 2</TD>
<TD>Col. 2 Linha 2</TD>
</TR>
</TABLE>
Vai ficar assim:
Cel. 1 Linha 1 Cel. 2 Linha 1
Cel. 1 Linha 2 Cel. 2 Linha 2
Vou explicar linha a linha:
<TABLE BORDER=1> aqui cri amos uma tabela com borda i gual a um (1)
<TR> aqui estamos cri ando uma linha
<TD>Cel. 1 Linha 1</TD> agora col ocamos uma clul a nessa 1
a
linha
<TD>Cel. 2 Linha 1</TD> criamos outra clula na mesma linha
</TR> fechamos a primei ra linha, ento fi camos com 2 clulas nela
<TR> cri amos outra linha agora
<TD>Col. 1 Linha 2</TD> estamos criando uma clul a na segunda linha
<TD>Col. 2 Linha 2</TD> criamos agora uma 2
a
clula na 2
a
linha
</TR> fechamos a segunda linha
</TABLE> fechamos a tabel a
Voc t ambm pode alt erar a borda e a cor da t abela. Na TAG <TABLE> voc pode
mudar o t amanho da borda da t abela inserindo a opo BORDER=X. X o ta-
manho que voc quiser para a borda da t abela. O t amanho pode variar de 0 a 99.
Exemplo: <TABLE BORDER=2>
Na TAG <TD> voc pode alt erar a cor da clula inserindo a opo BGCO-
LOR=COR. COR o cdigo da cor que voc quiser.
Exemplo: <TD BGCOLOR=#000080>
Voc pode mudar a imagem de fundo da clula com a opo
BACKGROUND=IMAGEM.GIF
Exemplo: <TD BACKGROUND=fundo.gi f>
Passo 15
Agora que voc j t em alguns elementos, pode ir criando suas pgi-
nas. V sempre est udando para aprimorar seus conheciment os. H muit os t ut oriais
grt is na Internet.
Mas sabe qual t em que ser sempre o lt imo passo que voc deve dar ant es de en-
viar suas pginas e imagens para a Int ernet ? Test ar e t est ar e t est ar exaust ivament e
suas pginas, seus links e t udo o mais dent ro de seu sit e. Test e cada link da pgina,
verifique se cada imagem est aparecendo direit o, e se os t extos est o do jeito que
voc quer. Se est iver t udo OK, a sim voc poder enviar sua pgina para a Int er-
net .
27
CAPTULO 2
APRENDENDO A IDENTIFICAR OS
RECURSOS DISPONVEIS
Como voc deve se lembrar, expliquei que cada lugar onde formos colocar nossas
pginas na Int ernet nos oferece diferent es ferrament as, possui maneiras diferent es
de, por exemplo, fazer um formulrio funcionar, e nos permit e ut ilizar det ermina-
dos recursos e out ros no.
Por que no Usar meu Computador
como Servidor para meu Site?
Vamos comear esclarecendo uma dvida bem bsica: Por que t emos que mandar
nossas pginas para outro lugar que no o meu comput ador? As pessoas no con-
seguem ver meu sit e de out ra forma?.
A respost a mais simples seria no. Isso porque as suas pginas devem est ar dentro
de um comput ador que est eja sempre ligado na Int ernet e possua alguns soft wares
especficos para permit ir o acesso a essas pginas.
Na verdade, para t er acesso aos seus arquivos, ou melhor, s suas pginas, a pessoa
que est ivesse na Int ernet t eria que saber qual o endereo por onde ele poderia achar
o seu sit e. por isso que, para encontrar um sit e, t emos que digit ar
http://www.o_endereo_do_site.com.br por exemplo. Ou ent o podemos t ambm
usar um nmero chamado IP. Vamos aprender mais sobre ele.
Toda vez que ent ramos na Int ernet , nosso provedor de acesso nos fornece um n-
mero que nos ident ifica naquela hora e naquela conexo, que o que chamamos de
IP Int ernet Prot ocol. Se desligarmos nosso comput ador do provedor e volt armos
a ligar, possivelment e t eremos outro nmero IP. escolhido aleat oriament e, ao
acaso. O IP que est iver disponvel ser o que iremos usar. Soment e por esse mot ivo
no poderamos t er nosso sit e em nosso comput ador.
Porm exist em hoje em dia conexes via cabo (que so ext remament e mais rpidas
que as via modem). No fut uro prximo, soment e conexes assim sero viveis, j
que o limit e de velocidade dos modens convencionais chegou ao mximo. Quem
quiser uma conexo mais rpida ter que opt ar por Int ernet via cabo, ou via rdio
ou outros meios ainda em desenvolviment o. Acont ece que essas conexes via cabo
t m um diferencial sobre o modo como nos conect amos hoje em dia. Como elas
ficam 24 horas no ar, elas nos do um IP fixo.
Dessa forma seria at possvel que um amigo nosso, ao digit ar o nmero IP de nos-
so computador/conexo conseguisse ver um sit e que criamos e estamos hospedan-
do em nosso comput ador. No ent anto agora t eramos uma outra limit ao: os
soft wares que precisariam est ar inst alados para que isso fosse possvel. Teramos
que t er um servio Web como o IIS da Microsoft ou outro como o Apache.
Sem esses programas t ambm no h como ident ificar as pginas em nosso com-
put ador. E esses soft wares que eu cit ei, que so os melhores e os mais ut ilizados,
no rodam em Windows 98. Precisam de um NT no caso do IIS ou ent o de um
Unix para o Apache. Isso sem cont ar out ros soft wares como um firewall para im-
pedir que engraadinhos venham bisbilhot ar em seu comput ador e at mesmo
delet ar algum arquivo important e.
Pelo seu rost o estou vendo que a coisa complicou, cert o?
Pois bem, resumindo:
a) Out ras pessoas s conseguem ver nossos arquivos e pginas na Web se
souberem nosso nmero IP, que o nmero que nos ident ifica na Int ernet
quando est amos ligados nela.
b) Como normalment e nosso nmero IP muda a cada conexo, porque ainda
ut ilizamos conexo via modem, isso muit o difcil.
c) Mesmo ut ilizando um nmero IP fixo o que acontece com servios de
Int ernet rpida via cabo t eramos que t er um programa de Web em nosso
comput ador que nos t ransformaria em servidores Web.
d) Se desl igssemos o comput ador alguma hora do dia, nosso sit e est aria
fora do ar e ningum mais poderia v-lo at ligarmos novament e a m-
quina.
e) H sempre o perigo de quem for acessar nosso comput ador no ser um
amigo, e sim um hacker querendo apenas detonar nosso micro.
Talvez agora t enha ficado mais claro. Ou t alvez soment e com o t empo voc possa
ent ender plenament e isso que expliquei. como um filme que, ao ser vist o pela
segunda vez, nos permit e not ar alguns trechos no percebidos ant eriorment e.
APkENDENDO A lDENTlFlCAk OS kECUkSOS DlSPONIVElS 29
No ent ant o, deu para ent ender que no nem mais simples nem mais convenient e
mant ermos um servidor em casa, ou seja, um comput ador ligado 24 horas por dia
para mant er nosso sit e no ar. Para isso existem os servios de hospedagem na In-
t ernet , sejam eles grat uitos, como no caso de alguns provedores de acesso que nos
oferecem alguns megas de espao para criarmos nossas pginas ou ent o os servi-
os pagos, mais profissionais e cheios de recursos, mas ainda assim, pagos.
Respondida a quest o sobre o porqu de no colocarmos nosso sit e em nosso pr-
prio comput ador, rest am-nos as alt ernat ivas de sit es na Int ernet que nos deixem pr
nosso sit e grat uitament e ou aqueles pelos quais t emos que pagar para isso.
Tant o no caso de nosso provedores de acesso, que nos oferecem algum espao para
as pginas, quant o nos outros sit es que oferecem espao grat uito bast ando nos ca-
dast rarmos, t emos normalment e um pequeno inconvenient e: a maioria deles coloca
algum banner em nossas pginas, queiramos ou no. Salvo alguns lugares, logica-
ment e. No podemos generalizar.
Banners so a forma os provedores arranjaram para que aquele espao grat uit o
t enha algum ret orno financeiro para eles, o que at acho muit o just o no caso de si-
t es grat uitos. Primeirament e porque normalment e eles nos oferecem muit o mais
espao e muit o mais recursos at do que aqueles oferecidos pelos nossos provedo-
res de acesso. E em segundo lugar porque t ambm eles t m que sobreviver. Esta-
mos nos ut ilizando de um servio grat uit o e vamos aproveit ar para aprender e des-
envolver nosso sit e.
Quando virmos que vale a pena, sempre poderemos desembolsar uma grana e pa-
gar um servio de hospedagem, onde t eremos ainda mais espao, mais recursos e
no iremos precisar de banners (a no ser os nossos, lgico).
Out ro inconvenient e dos servios grat uit os o endereo ut ilizado para acessar as
nossas pginas. No podemos t er algo como www.nossonome.com.br sem pagar
por isso, ent o normalment e ser algo como
http://www.provedor_do_servio.com.br/nossonome ou at
http://nossonome.provedordoservio.com.br. Nada muito complicado, mas s ve-
zes difcil de guardar.
J que voc agora sabe o porqu de aparecer banners ou janelas pop-up (aquelas
pequenas janelas que abrem quando ent ramos em algum sit e), saiba que em alguns
lugares t eremos que colocar por nossa cont a mesmo o cdigo nas pginas (veja s
que j comeamos a t er que ent ender o HTML de que falei ant es). Na maioria dos
sit es de hospedagem, eles j possuem um sist ema automt ico que insere esses
anncios mesmo se no quisermos ou no t endo colocado nenhum cdigo em nos-
sas pginas. Esse o sist ema mais ut ilizado hoje em dia. Como muit a gent e se con-
fundia na hora de colocar o cdigo em suas pginas, optaram por invent ar um sis-
t ema onde os anncios so includos sem precisar que ns o faamos.
Para quem radicalment e contra banners, saiba que muitos sit es de hospedagem
permit em que paguemos para no t er mais a apario dos mesmos. Mas a voc
coloca t udo na pont a do lpis e const at a que muitas vezes no compensa. Depende
muit o do que voc deseja para seu sit e e de quant as pessoas o visit am diariamente.
Se o fluxo de visit ant es pequeno no se aflija. No ent anto, se for grande (mais de
200 visit as dirias), j seria int eressant e pensar em um sit e sem esses banners inde-
sejados ou essas janelas pop-up que ficam abrindo (na verdade as janelas so um
novo browser menor e sem os bot es, mas que diminuem a performance de seu
micro, j que a cada programa ou a cada janela de programa que voc ut iliza, o seu
sist ema operacional despende uma srie de recursos como memria, et c., para esse
fim, deixando seu comput ador mais devagar).
Cabe aqui salient ar novament e que no sou cont ra banners. Todo sit e t em que t er
seus banners para poder sobreviver. do dinheiro arrecadado com esses anncios
on-line que vrios servios sobrevivem. como proibir a TV de veicular anncios
ou de arrancarmos os out doors das ruas.
No ent ant o se os banners forem seus ou se voc est iver lucrando de certa forma
com isso, ent o a vale a pena.
Repito aqui que, no caso dos sit es que lhe oferecem um espao grat uit o na Int ernet ,
assim que eles sobrevivem: com os banners em seu sit e. E quando voc no de-
seja que esses banners sejam veiculados em suas pginas, t em que pagar uma
quant ia para que nenhum dos dois lados perca. Isso absolut ament e normal.
Acost ume-se com a idia dos banners. Quem sabe um dia voc t er um sit e t o vi-
sit ado que voc mesmo ir querer fazer publicidade nele ou mesmo nos out ros si-
t es? Muit a gent e comeou pequena na Int ernet e hoje em dia aparece fazendo
anncios em grandes port ais.
Ret omando:
exist em os espaos grat uit os que so os hospedados em nossos provedo-
res de acesso;
exist em os espaos grat uit os onde t emos mais recursos mas t emos que co-
locar banners ou pagar para no t -los;
e t ambm t emos uma terceira alt ernat iva, que so os sit es de hospedagem
pagos. Normalment e variando ent re 15 e 40 reais mensais nos oferecem
APkENDENDO A lDENTlFlCAk OS kECUkSOS DlSPONIVElS 3!
um endereo mais simples de ser lembrado, um espao maior e vrios ou-
t ros recursos.
Cabe a cada um decidir qual a melhor alt ernat iva para o momento. Podemos co-
mear com um site em nosso provedor de acesso ou ent o um grat uit o com exibi-
o de banners e depois migrar para um servio t ot alment e pago, que o que re-
comendo para sit es pessoais. Comece de baixo e v se acost umando, aprendendo,
e, aos poucos, progrida at um sit e onde voc tenha t udo o que precisa e a comodi-
dade de escolher se quer ou no t er anncios em suas pginas.
Lista de Recursos Disponveis em
Sites de Hospedagem
Vamos agora aprender a ident ificar os recursos que normalmente cada um desses
sit es de hospedagem grat uitos nos oferecem e o que so esses recursos.
Vejamos a list a dos recursos disponveis mais ofert ados:
1. Espao que vari a de 5 a 50 MB (megabyt es). Para se t er uma idia, com
5 MB possvel ter cerca de 200 pginas com 25 KB cada uma com o
equivalent e a umas 15 pginas de Word cada uma, por exemplo, o que
um mont e de t exto. Se fssemos comparar com o Word, 5 MB daria para
armazenar um documento de aproximadament e 3000 pginas.
Logicamente isso sem nenhuma imagem ou sem nenhuma t abela.
Mas mesmo assim, veja que 5 MB so o suficient e para muitos e muitos
sit es exist entes. Essa a vant agem da Int ernet : arquivos pequenos.
2. Pginas de regi stro de seus visit ant es. So formulrios onde os visit ant es
de seu sit e podem deixar informaes sobre eles e t ambm alguma crt ica
ou sugest o sobre o site.
3. Pginas de pesquisa. Caso seu site t enha muito cont edo, int eressant e
fornecer uma ferrament a onde seu visit ant e possa buscar a informao que
ele procura de uma maneira fcil e rpida.
4. Li stas de mensagens, onde seus visit ant es podem part icipar de uma dis-
cusso por exemplo. muito t il e divert ido t ambm em vrias modalida-
des de sit es, como por exemplo, um sobre jogos. Cada visitant e poder dar
sua opinio sobre um novo game que foi lanado.
5. Acesso vi a FTP. um dos it ens mais import ant es. O File Transfer Proto-
col nos ajuda a enviar os arquivos de dent ro de nosso comput ador para
nosso sit e na Int ernet de um modo rpido e eficient e. t o universal que
podemos at enviar arquivos ut ilizando a janela do DOS do Windows
(desde que est ejamos conect ados Int ernet).
6. Acesso vi a FrontPage 2000 ou outro software como o Treli x. t ambm
muit o t il para transferncia de arquivos.
7. Gerenci ador de Arqui vos on-line. Um sist ema onde, atravs de seu re-
gist ro com senha, poder acessar, at ravs do seu browser de qualquer local
do mundo, os seus arquivos e modific-los t ambm on-line. Como disse
ant es, superint eressante t er essa facilidade, mas convm lembrar que
normalment e um recurso com velocidade reduzida para grandes modifi-
caes ou grandes arquivos.
8. Sistema de Procura para que seus visit ant es achem o que procuram dent ro
de suas pginas ou na Int ernet .
9. Not ci as. At ravs de um cdigo, os visit ant es de seu sit e podero ler as l-
t imas not cias do dia, disponveis infelizment e apenas para alguns sit es
como o Yahoo! GeoCit ies. Pode-se escolher ent re vrios t ipos de not cias,
que veremos depois.
10. Contadores de pginas, para voc saber quantas vezes sua pgina foi vist a.
11. Relgios de hora e rel gi os de contagem regressi va para vrias finalida-
des, como por exemplo, dizendo quant os dias falt am para seu aniversrio,
para o nascimento do beb, para o final do ano, para uma fest a ou o lana-
mento de algum servio ou empresa.
12. Servi os de m dia streaming, ou seja, voc pode ut ilizar st reamings como
RealPlayer onde os seus visit ant es poderiam ouvir sua voz ou msica em
t empo real.
13. Comuni dades on-line, com o que poderamos chamar de bairros virt uais
onde as pessoas com determinados int eresses escolhem t er seus sit es ali.
Dessa forma acabam formando amizades com seus vizinhos virt uais e
desenvolvendo novas relaes, um podendo ajudar o outro em ambos os
sit es. Normalment e h uma espcie de prefeit o ou sndico que a pessoa
mais experient e e que acaba ajudando a todos os que moram nesse bair-
ro virt ual.
14. E-mail gratui to, t imo para voc ent rar em cont ato com seus visitant es e
seus amigos.
15. Possi bili dade de colocar mais banners e lucrar com isso. Servio onde,
at ravs de banners (anncios animados ou no) colocados em nosso site,
ganhamos pontos ou dinheiro de acordo com a proporo em que eles so
vistos ou clicados.
16. Di retrios com cli parts e imagens para voc escolher e poder usar em seu
sit e. Normalment e bem simples, mas ajuda bast ant e quem est comean-
do e no t em idia de onde encont rar suas primeiras imagens.
17. Jogos on-line para voc poder colocar em seu sit e, mas nada de apost as em
dinheiro, pois isso proibido. Apenas jogos bem simples para atrair visi-
t ant es ao seu sit e.
Como vimos, t emos mais do que uma dezena de recursos que ident ifiquei. E isso
s o comeo. Exist em muit os mais. Temos sit es que hospedam pginas que nos do
acesso a bancos de dados, ou seja, podemos ter uma base de dados em msql (mini
SQL) ou em Access, o mais comum, onde poderemos armazenar informaes e t er
um sit e mais dinmico; t emos out ros que est o surgindo onde poderemos colocar
pginas para celulares, ut ilizando a t ecnologia chamada WAP, espaos que aceit em
out ros t ipos de arquivos como MP3, SHTML, PERL, PHP, ASP, ou seja, infini-
t as possibilidades que s t endem a aument ar de acordo com a procura.
H pouco t empo, as mudanas ocorriam anualment e at na rede mundial, mas ago-
ra novos programas e novas funcionabilidades nos impulsionaram cada vez mais
rpido, e prat icament e a cada semana h algo novo, levando mais alguns meses
apenas para que sejam efet ivados. E a velocidade aument a cada vez mais. Mas no
se assust e. Com o bsico voc ir muito longe, e depois aprender pelo caminho. O
primeiro passo voc j deu, que a vont ade de progredir e colocar seu sit e na In-
t ernet . Vamos ent o cont inuar nossa jornada.
Vimos, portanto, que exist em diversos t ipos de recursos que o lugar onde vamos
hospedar nossa homepage e as out ras pginas pode nos oferecer. Temos que identi-
ficar os mais import ant es. Entre eles, com cert eza os mais relevantes so:
Espao quant o mais melhor, com cert eza. Apesar dos arquivos pequenos que
devemos usar na Int ernet , podemos, por exemplo, algum dia precisar disponibilizar
um arquivo com uma apresent ao para amigos ou deixar uma msica para que
out ros a peguem depois, ou mesmo ns possamos ter acesso a esses arquivos seja
no nosso trabalho, em casa ou em viagem.
Pginas com formul rios, seja para pesquisa ou para regist ro de seus visitant es.
Acesso vi a FTP por ser um dos mais rpidos mt odos de transmisso de arqui-
vos, de ext rema import ncia t er esse servio disponvel.
Acesso vi a FrontPage 2000 ou outro software como o Treli x t ambm com
cert eza muito t il, pois permit e no apenas enviar arquivos com t ambm edit -los
on-line. Na t ransferncia de arquivos mais lent o que o via FTP, mas porque nor-
malment e verifica links evit ando assim alguns erros bsicos t ambm.
Gerenci ador de Arqui vos on-line, para que, na impossibilidade de se t er por pert o
um comput ador com os programas que voc ut iliza para criao e envio de pginas,
como o FrontPage, o Dreamweaver ou o Cut eFTP, voc ainda possa enviar alguns
arquivos ou efet uar pequenas modificaes, ut ilizando apenas um browser (nave-
gador como o Int ernet Explorer ou o Net scape) com acesso Int ernet .
Contadores de pginas t ambm so muit o t eis, t alvez no no incio, mas com
cert eza para o fut uro (veremos isso mais frent e).
E-mail gratui to sempre bom podermos ut ilizar um e-mail para recebermos su-
gest es, et c, principalment e quando o nosso formulrio de cont ato falha por qual-
quer mot ivo que seja. Os melhores servios de hospedagem de sit e nos do o aces-
so ao e-mail grat uit o via Webmail, ou seja, voc pode ler, escrever e gerenciar seus
e-mails pela janela de seu navegador como o Int ernet Explorer ou o Net scape, des-
de que conect ado ao seu provedor de acesso, lgico. E t ambm muito import ant e
os que nos deixam ver nossos e-mails pelo acesso POP3, que um prot ocolo ut ili-
zado pelos melhores programas de leit ura de e-mail, como o Out look Express, o
Eudora, entre vrios outros. Isso nos permit e conect ar Int ernet , baixar os e-
mails do servidor onde eles est o guardados e podemos ent o nos desligar do pro-
vedor e ler sossegado as mensagens off-line, ou seja, sem que a linha de telefone
est eja sendo ut ilizada, j que t rouxemos t oda nossa correspondncia para nosso
micro. Realment e muit o prt ico.
Temos t ambm que saber como ident ificar os principais recursos de um sit e pago,
no ? Afinal de cont as, t alvez voc queira colocar sua empresa na Int ernet e no
quer cont ar apenas com o que um servio de hospedagem grat uito lhe oferece. E
realment e muito feio quando vemos empresas colocarem seus sit es nesse t ipo de
servio.
Veja agora o que normalment e oferecido em servios pagos.
Nome de domni o prprio nos sit es de hospedagem profissionais voc pode es-
colher entre t er um site de domnio prprio, que voc escolhe o nome exemplo:
www.seunome.com.br ou www.seudominio.com.br ou t er um endereo como
http://seunome.seuprovedor.com.br. Normalment e est e lt imo t em um custo me-
nor, alm de no ser necessrio o regist ro do nome do sit e na FAPESP ou na IN-
TERNIC.
Espao em di sco que varia de 50 MB a 300 ou 500 MB.
Taxa de Transferncia mensal de 2 GB ou ilimit ada (essa t axa calculada medi-
ant e cada solicit ao de arquivos de seu sit e). Se suas pginas forem muit o visita-
das, a t axa maior, se forem menos, a t axa menor. 2GB mais do que suficient e
para muitos sit es profissionais. Tambm pode ser chamada de Taxa de Hi ts.
Relatri o de visi tas WebTrends t ima ferrament a para visualizar e gerar relat-
rios de visit as de suas pginas. Esse recurso pode t er uma t axa ext ra ou no, depen-
dendo do provedor.
Contas POP3 de E-mai l cont as de e-mail com o nome de seu sit e.
Exemplo: jose@seusite.com.br, maria@seusite.com.br.
Normalmente a quant idade de cont as POP3 baixa, entre 10 a 20. A maior vanta-
gem das cont as POP3 a possibilidade de se ut ilizar soft wares como o Out look ou
o Eudora para receber essas mensagens, podendo l-las e respond-las off-line, ou
seja, desligado da Int ernet (depois de efet uar o download das mensagens, logica-
ment e).
Apeli dos de E-mail ilimi tados ou Aliases ili mitados para compensar a pouca
quant idade de cont as POP3 de verdade, voc t em a opo de ut ilizar apelidos em
seus e-mails. Exemplo: as pessoas podem escrever para o e-mail mariamo-
le@seusite.com.br, guarana@seusite.com.br, qualquer_nome@seusite.com.br e
esses endereos de e-mail (que logicament e no exist em dent ro daqueles nomes de
e-mails cont a POP3) so redirecionados para um dos e-mails verdadeiros com
cont a POP3. Isso bom quando algum escreve o nome errado do seu e-mail. A
chance de perda de mensagens menor, mas o e-mail no privat ivo.
Redi recionamentos de E-mail ilimi tados a mesma coisa dos apelidos, prat i-
cament e, mas voc pode configurar e criar apelidos que com cert eza iro para
det erminado e-mail real POP3.
Webmail possibilidade de ler, escrever e enviar e-mails ut ilizando seu browser
de qual quer lugar do mundo.
Si te seguro com SSL com o SSL voc pode ter pginas seguras, com criptogra-
fia em seu sit e, para poder passar informaes sigilosas.
Atualizao il imitada via FTP uma das maneiras mais rpidas de enviar seus
arquivos para seu sit e.
Chat voc pode t er um bat e-papo dent ro de seu sit e.
ASP linguagem da Microsoft para criar pginas Act ive Server Pages e poder ter
mais cont roles em sua pgina e acessar bancos de dados.
FrontPage 98/2000 ext enses para voc poder usar seu FrontPage para criar e
at ualizar seu sit e pela Int ernet , alm de permit ir vrios out ros recursos.
Access 97/2000 junt ament e com a linguagem ASP permit e que voc armazene
informaes em bancos de dados na Int ernet .
Col dFusion assim como o ASP, t ambm permit e o acesso a bancos de dados
pela Int ernet , alm de permit ir a criao de templat es em seu sit e pginas-modelo
que contenham um padro grfico mas podem ser ut ilizadas para mostrar cont e-
dos diversos, minimizando assim a criao de pginas e mais pginas diferent es
para seu sit e.
PERL / CGI linguagens de programao de script s que lhe permitem desde a
criao de contadores at o envio de formulrios para e-mails, et c. Prat icament e
sem fim a ut ilidade deles.
PHP4 tambm uma nova linguagem que permit e prat icamente o mesmo cont role
e acesso que o ASP ou o ColdFusion.
MySQL banco de dados grat uit o que ut iliza o SQL bsico/nat ivo para armazenar
informaes.
Admini stracao Web do MySQL possibilidade de modificar t abelas, campos e
at ualizao de seu banco de dados pela Internet.
Telnet padro de comunicao ut ilizado at ualment e principalment e para admi-
nist rar caixas post ais de e-mail pela Int ernet.
Processador de formul rios script s j prontos para voc t er seus formulrios
enviados para sua cont a de e-mail e muit o mais.
Contador de acessos cont ador que pode ser invisvel ou no, para que voc pos-
sa saber quant as pessoas visitaram seu sit e.
Backup diri o caso acont ea algo com suas pginas, por erro operacional do
provedor ou caso, por descuido, voc mesmo delet e suas pginas, t odo dia elas so
armazenadas em fita DAT em lugar seguro, para que possam ser rest auradas. Nor-
malment e h um custo (at mesmo meio elevado) para essa rest aurao. O backup
est embut ido no preo mensal.
Suporte a WML/WAP voc pode ut ilizar e armazenar pginas no formato
WML para acesso por celular.
Di retrios Protegi dos oferece a possibilidade de facilment e configurar uma se-
nha de acesso para os arquivos que ficarem dent ro de det erminado diretrio.
Pgina de Erro Configurvel quando, por algum acaso, um link em seu sit e
est iver errado, essa pgina mostrada no lugar da mensagem de erro de seu
browser. Muit o t il.
Real Audio, Real Vi deo, MacroMedia Shockwave, suporte a MIDI permit e a
ut ilizao de arquivos mult imdia em seu sit e. Normalment e os servios de hospe-
dagem j aceitam os formatos mais comuns como o Shockwave e Flash, mas nem
t odos permit em o RealAudio.
Agora que sabemos ident ificar os it ens que nos levariam a escolher ent re um local
de hospedagem e outro, t emos que fazer um levant ament o ent re t odos os concor-
rent es. Exist em dezenas, seno cent enas de provedores de acesso Int ernet em
nosso pas, alm de out ros tant os que oferecem servios de hospedagem paga, e
est e livro no conseguiria enumerar todos eles, j que muit os acabam sumindo ou
ent o sendo comprados por empresas maiores e a informao dada aqui seria de-
sat ualizada.
A int eno dest e livro no indicar nenhum servio como sendo melhor que out ro.
Ns mesmos t emos que experiment ar e verificar se o servio oferecido at ende a
nossas expect at ivas.
Est ou fornecendo aqui o conheciment o t cnico para voc saber discernir entre o
que de melhor lhe oferecerem. Tambm cabe a est e livro ensinar como colocar seu
sit e no ar, ut ilizando as ferrament as do seu servio de hospedagem ou ent o
soft wares como o Cut eFTP.
Tambm ent endo que a maior part e dos leitores dest e livro nunca colocou uma p-
gina na Int ernet ou ent o chegou at o ponto de fazer em sua casa ou escritrio al-
gumas pginas, mas no colocou-as no ar ainda por alguma dificuldade.
Por isso vou explicar aqui o bsico de como proceder.
Somente assim voc t er cert eza de que saber se virar bem em qualquer circuns-
t ncia, seja nos provedores que ut ilizo aqui como exemplo ou em qualquer out ro,
seja ele grat uit o ou pago.
Tent ei reunir aqui os maiores provedores de acesso do Brasil, que permit em que
seus client es t enham um espao grat uit o em seus servidores e possam ali armazenar
suas pginas.
Tambm reuni os sit es que oferecem espao grat uito, que eu mesmo recomendaria
e enumerei o que cada um deles oferece basicament e. Desculpem-me se seu prove-
dor no se encont ra nest a list a. O import ant e ent ender os recursos de cada um
para que possamos depois ent ender o que um outro provedor ou sit e de hospeda-
gem de sit es nos oferece caso a caso.
Aqui est o eles:
BOL
TERRA
UOL
YAHOO! GEOCITIES
Vejamos o que cada um deles t em de mais int eressant e at ualment e.
O que o BOL VilaBOL nos Oferece
BOL http://vila.bol.com.br/index.html
O BOL criou recent emente a Vila BOL, onde pret ende t ambm criar uma comuni-
dade, com bairros, et c. Vejamos o que t em a nos oferecer:
1. Um endereo mais simples de decorar. Por exemplo:
http://miguel.vila.bol.com.br, em que miguel o mesmo nome de usurio
da sua cont a no BOL. Alguns lugares realment e complicam o endereo do
seu sit e;
2. Possibilidade de convidar seus amigos para conhecer seu sit e, bast ando
para isso informar o e-mail deles;
3. Gerenciador de Arquivos, que um sist ema em que voc pode administ rar
t odos os seus arquivos. J explicado ant eriorment e. Por exemplo: se voc
quiser mandar fotos do nasciment o do seu filho ou de uma viagem para
seus amigos e parent es, bast a voc criar uma pgina na VilaBOL e enviar
as fot os do seu comput ador para a VilaBOL usando o Gerenciador de Ar-
quivos. Depois s divulgar, para quem voc quiser, o endereo de sua
pgina;
4. 10 MB de espao para suas pginas, fot os, arquivos de som, vdeo, et c.;
5. Ao fazer o cadastro de seu site na VilaBOL, um arquivo com o endereo
do seu sit e e seu e-mail (ent re outras coisas) ent ra automat icament e como a
pgina inicial de seu sit e. Assim, seu sit e no fica em branco enquant o
voc ainda est const ruindo as suas pginas;
6. Facilidade de navegao na VilaBOL, ou seja, voc pode procurar os sit es
hospedados no BOL de acordo com sua cat egoria ou subcat egoria. Com a
busca int erna da VilaBOL, voc ainda poder fazer uma busca simples,
procurando pelo nome de um amigo ou por um t ema de seu int eresse;
7. Se voc quiser que seus arquivos no fiquem visveis para os usurios da
Int ernet , bast a guard-los no diret rio past a_secret a do Gerenciador de
Arquivos da VilaBOL. Nesse diret rio, voc pode usar t odas as funes do
gerenciador normalment e: copiar, renomear, mover, apagar e criar novas
past as. Ao clicar sobre o nome de cada arquivo, voc poder t ransferi-lo
para o seu comput ador; uma t ela se abrir e nela voc escolher se quer
salvar o arquivo ou soment e abri-lo;
8. Voc pode consult ar o Manual de HTML da VilaBOL e aprender t udo so-
bre const ruo de sit es, e t irar suas dvidas na ajuda geral e no glossrio
sobre t ermos comuns na Internet ;
9. Se seu sit e for bast ant e popular, poder entrar no ranking dos dez sit es
mais acessados da VilaBOL e pode ser escolhido pela equipe da VilaBOL
para ser o Destaque do Dia;
10. Ao se t ornar usurio da VilaBOL, voc t ambm ganha:
uma cont a de e-mail grat uito (com acesso via POP3 e via
Webmail);
poder ut ilizar o Mult idiscador BOL para achar uma linha desocu-
pada nas Int ernet s grt is;
um Buscador Miner personalizado, para fazer pesquisas na Int ernet ;
clipping de not cias personalizado;
bolet ins por e-mail.
O Que o TERRA Planeta Terra nos
Oferece
TERRA http://www.terra.com.br/planeta
O Planet a Terra um servio grat uit o de hospedagem de pginas.
1. Seu sit e ficar com o endereo geralment e parecido com http://plane-
ta.terra.com.br/area/autor;
2. O Planet a oferece ainda uma ferrament a de busca e cat alogao das pgi-
nas que o compem;
3. O servio aceit a t ambm a criao de diret rios e subdiret rios para que
voc possa organizar melhor o cont edo do seu sit e. Por exemplo, voc
pode criar um diretrio para mant er t odas as imagens da sua pgina junt as;
4. O espao que voc ter para seu sit e depende de alguns fat ores:
usurios do provedor Terra recebem 50 MB de espao em disco,
usurios do Terra Livre recebem 10 MB, e usurios que no possuem cont a
na Terra recebem apenas 5 MB;
5. Caso se cadast re no Terra Livre, poder t er ainda um e-mail para se comu-
nicar com out ras pessoas pela Int ernet, e ainda aument ar seu espao para o
sit e como vimos no it em ant erior;
6. Caso queira, voc pode t er seu site hospedado na Terra com domnio pr-
prio (ex: www.meunome.com.br). Dent ro da empresa Terra Net works do
Brasil, h um depart ament o especializado em hospedagens comerciais;
7. Voc poder at ualizar seu sit e via FTP;
8. Tambm para at ualizao, voc poder contar com um gerenciador de p-
ginas bast ando para isso acessar a homepage do Planet a Terra, digit ar seu
login e senha e ent o enviar suas pginas para seu sit e. At a edio deste
livro ainda no era permit ido mexer diret ament e no cdigo das pginas on-
line. Voc t eria que t raz-las para seu comput ador, alt erar o que preciso e
depois enviar de volt a;
9. Cont ador de acessos;
10. Formulrio de E-mail.
O Que o UOL nos Oferece
UOL http://www.uol.com.br/sites
O UOL deve ser possivelment e o maior dos provedores de acesso de Int ernet do
Brasil, e por isso foi escolhido t ambm por mim para aparecer nest e livro. No en-
t ant o ele no oferece muit os recursos para seus assinant es que desejam t er um sit e
hospedado nele. Vejamos quais as principais vant agens:
1. 12 MB de espao em disco para seu sit e;
APkENDENDO A lDENTlFlCAk OS kECUkSOS DlSPONIVElS 4!
2. Seu sit e com endereo http://uol.com.br/sites/seulogin;
3. Cont ador de acessos;
4. lt imas not cias;
5. Busca pelo Radar UOL diret ament e pelo seu sit e.
O Que o Yahoo! GeoCities nos
Oferece
Yahoo! GeoCi ties http://www.yahoo.com.br/geocities
1. Ferrament as on-line para const ruo de suas pginas;
2. 15 MB de espao t ot al para seu sit e;
3. Templat es (modelos) de pginas para voc j ut ilizar, com cores, font es,
imagens;
4. Acessrios j prontos para voc inserir em suas pginas e ir ut ilizando.
Ent re eles:
busca na Web
manchet es das lt imas not cias
cont ador de acessos
formulrios
det ect or de presena do Yahoo! Messenger;
5. Acesso via FTP;
6. Gerenciador de arquivos on-line, onde voc poder criar, edit ar, enviar ar-
quivos, delet ar e gerenciar todos os seus arquivos no seu diretrio e nos
subdiret rios;
7. Comunidade Virt ual para voc t er seu sit e perto de out ros que t enham os
mesmos int eresses na Int ernet ;
8. E-mail mensal com t odas as novidades e implement aes que o Yahoo!
GeoCit ies vm realizando;
9. Ajuda on-line com t utoriais, cdigos, et c.;
10. At ravs do seu cadastro voc recebe tambm um e-mail no Yahoo! e pode-
r usar os mesmos nome de usurio e senha para entrar em chat s, ut ilizar o
programa de mensagens inst ant neas deles, chamado Messenger (como o
ICQ para quem conhece). Poder t ambm part icipar de jogos on-line, ter
seu calendrio para event os, dar lances em leiles do Yahoo!, etc, et c.;
11. Por lt imo poder part icipar de programas de fidelidade, por assim dizer,
onde voc poder colocar seu banner para rodar no sistema do Yahoo!, po-
dendo assim ganhar pontos ou dinheiro.
Bem, finalizamos esta lio com t odas as principais diferenas e vantagens (ou
desvantagens) que os principais fornecedores de espao grat uit o na Int ernet nos
oferecem.
Como vimos e voc pde perceber, t emos muit o o que saber para poder escolher o
ou os melhores servios, cert o? Cabe agora a voc decidir qual o mais adequado
ao seu sit e.
Vamos agora ver como podemos nos cadast rar em cada um deles, pois esse t am-
bm um capt ulo part e. So t ant as pergunt as que muit os se perdem pelo cami-
nho. Mas calma que so todas fceis de responder. Vamos a elas.
43
CAPTULO 3
RESERVE SEU ESPAO NA INTERNET
CRIANDO SEU SITE
Nest e capt ulo voc aprender a criar e a configurar seu sit e nos diversos lugares
que oferecem espao grat uito na Web. Vamos passo-a-passo ensinando como pro-
ceder em cada caso. Vou mant er a mesma ordem dos servios apresentados no ca-
pt ulo ant erior e vamos um a um.
VilaBOL
Passo 1 Conect e-se Int ernet e digit e o endereo
http://vila.bol.com.br/index.html ou ent o visit e o sit e do BOL
(http://www.bol.com.br) e clique no link do VilaBOL.
Logo voc ver uma t ela como a da Figura 3.1. Essa t ela a mesma que voc usar
quando j est iver cadast rado no sist ema. Caso voc j possua um e-mail no BOL,
seu cadast ro para o VilaBOL ser mais simples, mas aqui vamos explicar passo a
passo como se voc nunca t ivesse se cadast rado ant es, como se fosse a primeira
vez.
Como primeiro passo, clique onde a set a est indicando: Inscreva-se J.
Figura 3.1
Passo 2 A t ela que veremos agora ser a do cont rat o. Aqui t eremos t odas as clu-
sulas do que o BOL nos oferece e do que no podemos fazer, como hospedar sit es
de cont edo proibido, como pedofilia, sexo, ent re out ras coisas. Basicament e t odos
os servios onde formos efet uar o nosso cadast ro ir nos propor contrat os seme-
lhant es. Caso nunca t enha lido um, int eressant e faz-lo para voc t er conheci-
mento do cont edo do mesmo.
Lembre-se de que, ao clicar no bot o Aceito os termos de compromi sso est ar
concordando com t udo o que est iver ali escrit o. Se clicar no bot o No aceito...
nem t er a chance de seguir em frente.
kESEkVE SEU ESPAO NA lNTEkNET CklANDO SEU SlTE 45
Figura 3.2
Depois de ler o que est escrito l, clique no bot o Aceito os termos de com-
promisso e siga em frent e.
Passo 3 Somos apresent ados agora ao cadastro que iremos t er que preencher para
podermos ut ilizar os servios do BOL.
Precisamos fornecer nosso nome, sobrenome e escolher um nome de usurio.
O nome de usurio ser aquele pelo qual o BOL ir nos reconhecer. Como pode
ser um nome bem curt o, fica bem mais simples do que ter que escrever nosso nome
e sobrenome toda vez que nos conect armos no servio. Esse mesmo nome de usu-
rio ser o ut ilizado para criar o seu e-mail no BOL.
Na verdade se voc reparar, o cadast ro no VilaBOL no independent e do e-mail,
ou seja, voc precisa se filiar ao BOL como usurio de e-mail t ambm, no poden-
do ficar sem essa opo. O contrrio j possvel, ou seja, voc pode t er uma caixa
post al de e-mail sem ter configurado seu endereo no VilaBOL. Porm se voc ti-
ver um e-mail j no BOL, seu endereo no VilaBOL fica segurado. Ningum pode-
r usar um nome de usurio que j exist a no sist ema do BOL.
Digit e agora uma senha. Ela garant ir que ir garant ir que ningum venha ao seu
sit e e detone com ele, por exemplo. atravs de sua senha que se obtm a ga-
rant ia de que soment e voc pode edit ar seu sit e e tambm ver as mensagens do ser-
vio de correio eletrnico.
O nmero mnimo de caract eres (que podem ser let ras, nmeros ou alguns caracte-
res especiais, como t rao (-) e sublinhado (_) seis. Ou seja, t em que criar uma
senha com 6 letras, 6 nmeros ou uma combinao de let ras e nmeros, com no
mnimo 6 posies. Pode t er mais caract eres t ambm. Isso aument a sua segurana.
No t ente nada muito simples de outros adivinharem como sua dat a de nasciment o
ou algo assim. o que recomenda t odo servio elet rnico. Desde bancos at a In-
t ernet , senhas so algo muito valioso. No bobeie mesmo e t ent e sempre mudar sua
senha de 3 em 3 meses. No mnimo de 6 em 6 meses. Tambm no v invent ar
nada que depois se esquea facilment e, ok? Eu j t rabalhei com administ radores de
rede que esqueceram a senha de um projeto e t iveram que comear t udo de novo.
No BOL esse problema j mais difcil de acont ecer por causa da prxima per-
gunt a: Di ca de senha.
At ravs dela poderemos t er uma idia do que era nossa senha caso a esqueamos.
Digamos que voc colocou como senha a chapa do seu carro mais o nmero do seu
apart amento. Ent o voc poderia colocar como dica carro+apto.
Figura 3.3
Nota: Temos que digit ar duas vezes a senha, por segurana apenas.
Clique em Avanar.
Passo 4 Pode acont ecer de algum dado apresent ar algum erro na hora de enviar o
formulrio. Normalment e o erro mais comum a acont ecer ser a exist ncia de al-
gum com o mesmo nome de usurio que voc gostaria de ut ilizar. Nomes prpri-
os, sozinhos, como Marcio, Joao, Claudia e t ant os out ros com cert eza j est o sen-
do ut ilizados por outras pessoas que chegaram na nossa frent e. A Int ernet isso a
mesmo. Por isso t emos que j pensar em alt ernat ivas, como ut ilizar seu nome com
as let ras do seu sobrenome ou algo assim. No adianta chorar. Chegou primeiro,
pegou o nome.
Figura 3.4
Ent o, est eja sempre pronto e j pense em algum nome de usurio que seja simples
de voc se lembrar e t ambm que no seja um amontoado de let ras que nada te-
nham a ver com voc.
Assim que consert ar o dado que est ava dando algum problema o prprio sist ema
ir lhe avisar o que acont eceu clique em Avanar novament e.
Passo 5 Cont inuando com o cadastro, precisaremos fornecer mais alguns dados,
como sexo, CEP de onde moramos ou ent o de nosso t rabalho, est ado civil, escola-
ridade, ocupao (bast a clicar na set a ao lado do campo e ele ir nos most rar as
opes disponveis). Selecione uma das ocupaes.
Tambm nos pedem a renda familiar mensal (como isso um dado muito pessoal,
eu nunca colocaria ali o valor real). Escolha apenas o valor mais baixo.
Por lt imo, t emos a pergunta sobre se j fizemos algum compra via Int ernet .
muit o pouca a porcent agem de pessoas que j o fizeram.
Selecione a opo que melhor que convier e clique depois no boto Avanar.
Passo 6 Lembre-se de que informamos o CEP na t ela ant erior, cert o? Com essa
informao foi possvel para o BOL localizar a rua correspondent e ao CEP. Nest a
t ela pedido o nmero de nossa residncia ou escritrio e o complemento caso haja
algum (apart amento nmero t al, bloco, fundos, et c.).
Tambm precisamos informar um nmero telefnico para cont ato. No que eles
vo nos ligar para nada, mas de t oda forma o cadastro pede esses dados.
Figura 3.5
Caso voc j possua e-mail de outro local, informe aqui caso queira. Esse dado
opcional. Clique em Avanar para cont inuar novament e.
Figura 3.6
Passo 7 Com todos esses dados, o BOL ir apresent ar a pgina de confirmao
de que voc j est cadast rado nos servios de e-mail grat uit o e t ambm no Vila-
BOL, servio grat uito de hospedagem de sit es, que o que mais nos int eressa.
O e-mail deles t ambm um bom servio, com acesso a POP3 (voc pode enviar e
receber suas mensagens pelo Out look ou por outro soft ware de e-mails como o Eu-
dora ou mesmo o Net scape) e Webmail para acesso via Web de qualquer computa-
dor no mundo que t enha conexo com a Internet.
kESEkVE SEU ESPAO NA lNTEkNET CklANDO SEU SlTE 5!
Figura 3.7
Passo 8 Vamos agora configurar o nosso VilaBOL. Se voc pensava que j havia
acabado de preencher t odas as perguntas, calma. Ainda tem mais pela frent e, mas
so t odas simples.
Clique no link VilaBOL da pgina da Figura 3.7. Caso voc t enha sado da pgina
ou ent o queira responder s prximas pergunt as depois, no t em problema. Seu
cadast ro j foi efet uado e seu endereo no VilaBOL j foi assegurado t ambm.
No caso de querer preencher depois, basta volt ar ao BOL (www.bol.com.br) e cli-
car no link VilaBOL que exist e na pgina. Ou ent o ir direto para o
http://vila.bol.com.br/index.html.
Voc ver a seguint e t ela:
Figura 3.8
a mesma que j vimos no incio, lembra-se? Mas daquela vez, como no est va-
mos cadastrados, clicamos em Inscreva-se j!.
Agora que j temos nossos dados no sistema, bast a preenchermos os campos e-mail
e senha. No campo e-mail, preencha com o nome de seu usurio. Agora embaixo
digit e sua senha. Voc ver apenas ast eriscos * pois um campo secret o. Isso im-
pede que out ros vejam sua senha enquant o a digit a.
Clique no bot o Entrar.
Passo 10 Agora precisamos fornecer alguns dados para que o VilaBOL possa nos
criar um sit e. Ant es de dar est e passo, int eressant e que j t enhamos bem definido
(ou pelo menos parcialment e definido) do que vai se trat ar nosso sit e. Se ele ser
um sit e pessoal sobre msica, sobre nossa carreira, sobre nossos hobbies, um sit e
de fot ografias, sobre cult ura, TV, cinema, t eat ro, enfim, o que vamos querer mos-
t rar aos que chegarem a visit ar nosso espacinho na Int ernet . Lgico que podemos
comear com algo bem simples e ir desenvolvendo ou modificando com o t empo.
Podemos sempre volt ar e modificar os dados que vamos digit ar nest a et apa da cria-
o do sit e.
Vou dar alguns inst ant es para voc pensar sobre o que gost aria de t rat ar ou most rar
em seu sit e...
Pronto? Puxa, isso foi rpido. Parabns.
Vamos ent o prosseguir. Veja que nessa t ela t emos vrias pergunt as que t eremos
que responder.
Vamos verificar uma a uma:
1 Qual ser o ttulo do seu site?
Est a primeira pergunt a opcional, ou seja, voc pode ou no respond-la. Aqui
bast a colocar uma breve descrio do sit e. Se for um sit e pessoal pode ser algo
como Sit e do fulano de t al ou se for sobre um art ist a algo como Tributo ao ar-
t ist a t al ou Fanzine do art ist a t al. Tem que ser curto e claro.
2 Qual ser o tema do site?
Aqui sim obrigat rio responder, e aqui que voc poder dar mais det alhes sobre
o seu sit e. No muito ext ensa, lgico, mas uma melhor explicao. Veja que para
cada pergunt a o prprio VilaBOL lhe d um exemplo em seguida para facilit ar o
ent endiment o.
Figura 3.9
3 Digi te algumas palavras-chave.
Apesar de dizerem que o campo opcional, no deixe de preench-lo com palavras
que resumam o seu sit e. Voc j deve conhecer os sist emas de busca da Internet,
no? Bem, at ravs deles que os navegantes da web encont ram os sit es que procu-
ram. Eles digit am uma ou mais palavras sobre o que querem e esses sist emas t ra-
zem t odos os sites cadast rados que t m aquele t ipo de descrio. Sendo assim,
voc, ao definir algumas palavras-chave para seu sit e, tambm est ar ajudando aos
surfist as da Int ernet a encont rar o seu endereo, alm de at rair exat ament e o pbli-
co que voc queria. Por isso t o import ant e definir de 2 a 6 palavras que resumam
seu sit e e digit -las nesse campo, separadas por vrgula e espao, a menos que quei-
ra um sit e escondido, s para voc, no planejando que outras pessoas o encon-
t rem, a no ser que voc fornea o endereo para essas pessoas escolhidas.
4 Voc deseja que essas i nformaes apaream para usuri os do BOL?
Escolha se quer ou no que out ras pessoas vejam as informaes que voc est pas-
sando nest a pgina. Aqui uma pergunt a exclusiva para os usurios do BOL, por-
que quem cadast rado t em um sist ema de pesquisa prprio, fechado para os que
t m sit es no VilaBOL (campo obrigatrio).
5 Escolha apenas uma categori a na qual seu si te poderia ser classi fi cado.
Tambm um campo obrigatrio e que ir definir onde seu sit e ficar, dent ro da co-
munidade do VilaBOL. Com a informao aqui escolhida o sist ema ir deix-lo
mais prximo a out ros sit es com os mesmos int eresses. Escolha um dos t emas e
clique na caixa de seleo para t er mais opes a respeito daquele t ema. Apenas
uma das caixas de seleo pode ser selecionada, e conseqent ement e apenas um
t ema escolhido.
Do lado esquerdo da pgina voc v seis mot ivos para se filiar ao VilaBOL. Cada
um deles possui um link que ir redirecion-lo para mais det alhes sobre aquele de-
t erminado assunto. No preciso sair dessa pgina de cadast ro pois t odos esses
mot ivos eu j coloquei nest e livro e voc j t eve a chance de ler.
Bem, para finalizar bast a apenas clicar no bot o Cadastrar agora! no final da
pgina e esperar a t ela de confirmao. Nela t eremos o endereo de nosso sit e
anot e-o em algum lugar para no se esquecer e t ambm j podemos comear a
const ruir as pginas que vo fazer part e dele. Repare que o menu lat eral esquerdo
mudou t ambm.
Agora voc t em sua disposio ferrament as para poder criar, editar e enviar os
arquivos do seu sit e para seu novo endereo.
Figura 3.10
Pronto, agora j t emos nosso prprio endereo de e-mail e t ambm nosso espao
para o sit e.
Veremos na prxima lio como enviar nossos arquivos ut ilizando os recursos do
prprio site e como gerenciar, criar e edit ar os arquivos j exist ent es t udo on-line.
Podemos enviar arquivos zipados para o sit e e ent o voc pode dezip-los todos
de uma vez em seu diretrio. A vant agem disso que agora podemos comprimir
t odos os nossos arquivos (o que reduz o t empo de envio) e enviar apenas um arqui-
vo .ZIP cont endo todas as pginas e imagens que queremos enviar. No preciso
enviar cinco arquivos de cada vez, o que dificult ava e muito o t rabalho.
Tambm foram includos novos modelos de homepages, t odas para crianas. Caso
voc queira mont ar um sit e para seu filho, aqui est sua oport unidade.
Vejamos a seguir como o esquema bsico de criao de sit es infant is pelo sist ema
Passo-a-passo do VilaBOL.
Veja que t emos, ao clicarmos no menu Construa sua pgina, as opes de
const ruir uma pgina pelo Editor Passo-a-passo normal, ou pelo Edit or Passo-a-
passo para Crianas ou, para quem j t em mais experincia com HTML, pelo Edi-
t or bsico.
Figura 3.11
Os edit ores Passo-a-passo lhe permit em criar uma pgina de cada vez, e voc pode
escolher entre seis modelos diferentes de pginas. Quat ro modelos para o Edit or
Passo-a-passo normal e mais dois para o de crianas.
Nota: Na criao de um sit e de crianas aconselhvel o acompanhamento de
um adult o, pois so vrias as pergunt as e algumas podem ser difceis para uma
criana responder, alm de que o prprio VilaBOL avisa: nunca coloque seu en-
dereo ou alguma informao mais pessoal nas pginas.
Em ambos os casos de Passo-a-passo, t udo o que voc t em a fazer responder a al-
gumas pergunt as, que chegam a at 17, s vezes, e t ambm fornecer algumas fotos,
como no caso de um sit e pessoal ou sobre bebs ou mesmo sobre nosso cozinho.
Temos que t er uma foto j digitalizada de ns mesmos ou de quem iremos fazer o
sit e. Para isso, uma sugest o de que a foto no t enha mais do que 170x170 pixeis,
preferencialment e com 150x150. A rea que t emos no muito maior que isso.
Acho que o essencial aqui explicar o processo de cada um deles (o Passo-a-passo
normal e o para crianas) e com isso certament e voc ser capaz de concluir qual-
quer uma das out ras opes. realment e muito simples.
Vamos comear por criar uma pgina pelo Passo-a-passo bsico.
Clique no link Edit or Passo-a-passo como most ra a Figura 3.12:
Figura 3.12
Logo aps clicar no link, ver out ra tela.
Figura 3.13
Aqui apenas uma pgina explicat iva dizendo que t emos que responder a algumas
perguntas, et c, etc.
Clique logo em Comece a criar o seu si te
Veremos em seguida a prxima t ela j com a primeira pergunt a:
Aqui t eremos que dar um t t ulo para a pgina que ir aparecer na barrinha azul
(normalment e azul a menos que voc t enha modificado as configuraes origi-
nais de cores de seu comput ador) l em cima no navegador. Bast a digit ar e clicar
no bot o Prximo.
Figura 3.14
Em seguida t emos que escolher um visual para o site. Vamos encont rar em vrios dos
modelos de Passo-a-passo uma tela como essa, onde iremos escolher entre trs ou qua-
tro t ipos diferentes de combinao de cores para nossa pgina. Bast a escolher clicando
nos crculos de seleo ao lado de cada figura e depois clicando no boto Prximo.
Figura 3.15
Nota: Caso voc t enha alguma dvida sobre o que colocou nas pginas ant erio-
res, ut ilize o bot o Anteri or para volt ar.
Antes de prosseguirmos, um dado import ant e:
No fique muito t empo parado em uma pgina quando est iver ut ilizando o Passo-a-
passo. O sist ema do VilaBOL t em um t empo de alguns minut os para criao da
pgina. Se voc esquecer a pgina abert a para fazer alguma out ra coisa, no poder
mais ut ilizar o processo, t endo que voltar desde o incio e comear t udo de novo.
Isso feito para prot eger voc, j que voc entrou no sist ema com nome e senha.
como o sist ema de int ernet banking se voc j ut ilizou alguma vez.
Esse t empo que voc t em para efet uar uma operao em uma pgina ou ent o para
escrever ou ler o que est cont ido nela at o momento em que clicar o bot o cha-
mado de t imeout . o t empo que se julga necessrio normalment e para que seja
concret izado o que existe na pgina at a passagem para out ra. Por isso est e livro
ajudar voc, pois j t er a chance de saber os passos que ir seguir e se preparar,
j escrevendo em algum lugar o que ser necessrio e preparando as fotos que pre-
cisar.
Com isso em ment e, vamos retomar os procedimentos Passo-a-passo. Assim que
t erminar de escolher a opo de cores que mais lhe agradar, clique no boto para
cont inuarmos.
Passo 3 Repare que, agora, o grfico do lado esquerdo, embaixo do desenho do
VilaBOL, nos apresent a uma represent ao com nmeros. A pergunt a nmero 3
sobre o nosso nome. Esse nome ir aparecer exat ament e onde o grfico nos mostra,
na barra em cima.
Figura 3.16
O passo 4 agora nos possibilit a colocar uma foto nossa na pgina que est amos cri-
ando. Veja onde a imagem ir ficar pela represent ao que aparece esquerda.
Para localizar a sua fot o (que j foi digit alizada e est dent ro dos t amanhos que j
lhes passei antes), clique no bot o Browse.
Isso ir abrir uma janela onde voc ver seu comput ador. Procure a foto onde a
guardou e clique no bot o Abri r ou Open daquela janela.
Aut omat icament e o nome e a localizao do seu arquivo de foto (que deve ser
obrigat oriament e um .JPG ou um .GIF, os formatos de imagem mais aceit os na
Int ernet ) iro preencher o campo ao lado do boto Browse.
Caso a imagem que voc deseja est eja em um sit e da Int ernet , por exemplo, digit e
o endereo dela no campo logo abaixo ao invs de ut ilizar o bot o Browse.
Assim que t erminar clique no bot o Prximo.
Figura 3.17
O passo 5 j vem aut omat icament e preenchido com seu e-mail do BOL. Caso de-
seje, bast a modific-lo redigit ando-o no campo em que ele aparece. Clique no bo-
t o Prxi mo para irmos adiant e.
Figura 3.18
Nest e passo 6 temos dois it ens. O primeiro um t t ulo que iremos colocar referent e
a um t exto falando sobre voc ou sobre a pessoa que est fazendo est a pgina. Veja
na represent ao grfica onde ficaro esse t t ulo e t ext o. O t t ulo ficar em negrito
na pgina final e o t ext o ficar em letras normais logo abaixo.
Pense sobre um t t ulo que melhor se encaixe no que quer dizer e ent o escreva-o no
primeiro campo, e logo no prximo campo, um t ext o que fale sobre voc.
Figura 3.19
O prximo passo sobre seus int eresses, como hobbies, diverso, et c. Ou seja, t udo
o que voc gost a (e t alvez t ambm o que no gost a) de fazer e curt ir. Pense sobre
isso e ent o digit e no primeiro campo um t t ulo para esse t ext o, como Meus inte-
resses ou Meus hobbies ou ainda O que gost o de fazer e ent o abaixo escreva
sobre isso. Assim que t erminar clique em Prximo.
Acompanhe sempre pelo desenho ao lado para onde iro essas informaes.
Figura 3.20
O passo 8 nos permit e colocar os sit es de que mais gost amos.
Por definio, o sist ema j coloca o BOL como um dos sit es, mas voc pode apagar
o que t em l escrito e digit ar out ro endereo da Int ernet.
Figura 3.21
No passo 9 t emos que colocar um texto sobre nossa famlia e um t t ulo referent e a
esse t exto.
Cabe aqui um coment rio: na realidade, voc no precisa preencher t odos os passos
para criao de sua pgina. O que acont ece se voc no preencher ou no enviar as
fot os como pedido, que no lugar onde iriam ficar t ais elementos, aparecer um
espao vazio ou simplesmente o passo post erior ir ocupar o espao vazio deixado.
Est e passo sobre a famlia algo que pode ser simples para alguns e com cert eza
muit o pessoais para outros e t alvez voc no queira preencher esses campos. Tam-
bm nada impede que voc modifique complet ament e o assunt o.
O espao que est ocupando este passo sobre a sua famlia poderia ser revert ido
para algo como os filmes que voc mais gost a ou ent o sobre os lugares que j vi-
sit ou em alguma viagem. Nada impede que voc coloque o t t ulo que quiser e es-
creva o assunt o desejado.
Figura 3.22
Desde que no seja algo obsceno e que venha a lhe t razer problemas com a direo
do VilaBOL, nada lhe impede de t rocar o assunt o.
Assim que t iver t erminado, vamos para o prximo passo.
Nest e passo 10 iremos informar os links favoritos de sua famlia. Como disse an-
t es, voc pode modificar o assunto da pergunta ant erior. Nesse caso, se t iver esco-
lhido algo sobre os lugares que conheceu em viagens, poderia colocar ent o os sit es
de t urismo ou de pases que t enham algo a ver com o passo ant erior. Ou ent o tam-
bm pode deixar vazios os campos e nada ir aparecer no local indicado do grfico
esquerda.
Figura 3.23
Assim que t iver decidido e preenchido (ou no) os campos, clique no bot o Pr-
ximo.
Passo 11 Temos agora uma part e especial para seus amigos. Aqui poder escre-
ver algo para eles (ou sobre eles) e um t t ulo t ambm que represent e est e text o.
Figura 3.24
O passo 12 tambm para links. Talvez alguns deles t enham sit e no VilaBOL ou
em out ro lugar na Int ernet e voc poder colocar aqui o nome deles e em seguida o
endereo da Int ernet onde est o seus sit es (URLs).
Figura 3.25
O passo 13 nos permit e enviar uma fot o da famlia ou dos amigos. O processo de
procura e envio o mesmo j explicado ant eriorment e.
Figura 3.26
Talvez est a seja sua primeira pgina no VilaBOL, mas tambm pode ser que j te-
nha criado out ras. Sendo assim, o passo 14 nos oferece a possibilidade de colocar
links para essas out ras pginas.
Quando eu prossegui no preenchiment o dest as pginas para poder most r-las a
voc nest e livro, eu j possua uma homepage e out ras pginas t ambm. Ent o,
simplesmente digit ei o nome da pgina (homepage, fot os, amigos) e depois o nome
do arquivo (index.html, fotos.html, amigos.ht ml, et c.)
Figura 3.27
Existe uma diferena aqui entre o nome e a URL. O nome apenas um t t ulo, no o
nome e a localizao fsica do arquivo no sit e. A URL sim o nome do arquivo ou
sua localizao no sit e, caso ela est eja dentro de alguma out ra past a, por exemplo.
Port anto, cuidado com o que escreve aqui. Se errar pode, depois, abrir a pgina no
Edit or Bsico e modificar o endereo da pgina diret ament e no cdigo.
O passo 15 nos permit e inserir um cont ador de visit as soment e para est a pgina.
Eu j falei ant es que acho que o mais import ant e t er um cont ador apenas na pgi-
na de entrada, a homepage, mas nada impede de t er t ambm um cont ador indepen-
dent e em cada pgina. Escolha ent re no t er um contador ou ent o em t er um dos
exemplos que nos apresent am e ent o clique no bot o Prximo.
Figura 3.28
Passo 16 J est amos quase no fim do processo. Se voc quiser, pode inserir um
livro de visitas para est a pgina. Aqui t ambm eu recomendo (ainda mais veemen-
t e) que t enhamos esse link para o livro de visit as soment e na homepage. Se est a for
sua homepage ent o t udo bem.
Para t er sua lista de visit as, selecione Sim e para no t er, selecione a out ra opo.
Nest e livro explico em det alhes como configurar seu livro de visit as, ent o no vou
explicar novamente aqui. Vamos seguir para o prximo e lt imo passo.
Figura 3.29
O passo 17 de vit al import ncia. Aqui vamos dizer ao sist ema qual ser o nome
dest a pgina que est amos acabando de criar. Se quisermos que ela seja nossa ho-
mepage no VilaBOL, ela t er que se chamar index.ht ml. Seno, podemos dar o
nome que quisermos. Eles sugerem, como uma pgina pessoal, que poderia ser
pessoal.html. uma sugest o apenas. Escolha o nome que mais lhe agradar, mas
t ent e no ut ilizar acentos ou espaos no nome, como t ambm j expliquei ant eri-
orment e.
Figura 3.30
Ao clicar no bot o Finalizar, pode acontecer de j haver uma pgina com o
mesmo nome no nosso sit e. Ao criarmos o sit e no VilaBOL, por exemplo, acaba-
mos criando uma homepage, certo? No ent anto, se quisermos que ESTA pgina
que est amos criando seja a homepage, ela dever subst it uir a que j est em nosso
sit e. No podemos t er dois arquivos com o mesmo nome, index.html, que a nossa
homepage.
Para evit armos isso, o correto seria t er ido ant es ao gerenciador de arquivos e re-
nomeado a pgina que ser subst it uda com out ro nome. Assim no perdemos nem
uma nem out ra. Caso cont rrio, o sist ema ir nos apresent ar uma t ela muit o pareci-
da com a da Figura 3.31, onde t eremos os dois arquivos com suas respect ivas in-
formaes, como tamanho, lt ima alt erao, et c., para nos ajudar a decidir se que-
remos ou no a subst it uio.
Figura 3.31
Nota: Para evit ar confuso e t alvez perder t udo o que j digit ou nest es 17 passos,
saiba de ant emo qual ser o nome do arquivo e se j exist e out ro com o mesmo
nome. Assim voc poder renomear o ant igo e mud-lo para uma out ra past a.
E, finalment e, aps t ant o escrever e escolher, o VilaBOL nos d os parabns por
t ermos conseguido criar uma nova pgina. O endereo dela aparece logo em segui-
da. E podemos clicar nele para que vejamos o result ado.
Figura 3.32
Vejamos agora como o Passo-a-passo para crianas.
Resumidament e, sempre o mesmo processo. Voc t er que ir respondendo a uma
srie de pergunt as, escolher uma combinao de cores para sua pgina, enviar fot os
ou imagens, e seguir com calma cada passo. No final t eremos o result ado que a
criao das pginas.
Vejamos ent o como iniciar o processo. Primeiramente, temos que clicar no bot o
Construa no menu esquerdo. Logo ver as opes de editores. Escolha o Edi tor
Passo-a-passo Crianas, clicando no link Cli que aqui para utilizar este edi tor.
Figura 3.33
Agora ir visualizar a prxima t ela, onde t er que escolher entre fazer uma pgi-
na para meninas ou para meninos. Como gent ileza nunca demais, sejamos ca-
valheiros e deixemos as damas primeiro. Vamos most rar como o processo de
criao de uma pgina para meninas. O mesmo processo aplicado para uma p-
gina para meninos. A nica diferena so as cores e t ambm as imagens que po-
demos escolher.
Vejamos ent o.
Figura 3.34
Bast a clicar sobre uma das figuras para efet uar sua escolha.
O VilaBOL explica aqui nest a pgina que bast a responder algumas pergunt as e
coloca tambm uma idade de aproximadament e 7 anos para as crianas entenderem
como se cria uma pgina para elas. Clique ent o em um dos modelos para seguir
adiant e. Como demonst rao, como j falei, iremos percorrer o caminho de uma
pgina de meninas.
A prxima t ela apenas serve como um alert a.
Figura 3.35
Nunca coloque seu telefone, endereo ou algo muito pessoal, como o nome de sua
escola, e-mail, etc. Para adultos, j sabemos que, ao informar um e-mail podemos (e
normalment e recebemos) um monte de mensagens com sexo, piadas sujas, ofertas de
produt os e outras coisas que no so muito recomendveis para crianas. Fot os tam-
bm no so recomendveis. Por isso falei que bom que se tenha um adulto por
perto na hora da criao da pgina. Out ra razo que a criana pode demorar um
pouco mais para digit ar o que lhe pedido nas pginas e a podemos t er o problema
do t imeout , ou seja, o processo pode ser int errompido e a criana pode perder t udo
o que j escreveu. Depois de sabermos dos perigos, vamos continuar.
Clique no link Comece a criar o seu si te.
O primeiro passo dar um t t ulo para a pgina. O t t ulo ser o que ir aparecer l em
cima no seu navegador, na primeira barra. Normalmente l j est escrito algo como In-
ternet Explorer ou Net scape Navigator. O que voc escrever nesta pgina ir para l.
Figura 3.36
Assim que t erminar, clique no bot o Prximo.
Em t odo este processo, se no souber o que digit ar, t iver dvidas ou no quiser es-
crever sobre algo que lhe pergunt am, no precisa escrever nada. Basta ir clicando
no bot o Prximo t oda vez que isso ocorrer. Lgico que sua pgina ir ficar
mais vazia a cada vez que um it em pulado, mas no se preocupe. Voc pode re-
pet ir o processo vrias vezes depois, criando novas pginas melhores, mais bonit as
e diferent es.
O segundo passo escolher qual o visual da sua pgina. Apesar do VilaBOL falar
aqui para Escolher um visual para seu si te, lembre-se de que apenas uma pgi-
na ser criada de cada vez. Se quiser que ela seja sua homepage, no final t er que
dar o nome dela de index.ht ml.
Figura 3.37
Veja que voc pode escolher entre t rs cores diferent es. Repare que cada uma das
opes t em uma figura diferent e, um ursinho, uma boneca e um rosto. Isso voc vai
escolher depois.
Tudo ist o que est ou falando aqui vale t ambm para a pgina de meninos. O proces-
so, como j disse, sempre o mesmo.
Vejamos agora o terceiro passo. Aqui diz para escrever seu nome. No escreva ele
complet o. Coloque apenas seu primeiro nome, para sua segurana. Seu nome vai
aparecer em cima. Veja aonde pelo desenho da pgina que est do lado esquerdo da
pergunta. Veja onde est o nmero 3. Por esse desenho voc saber onde ir ficar
cada coisa que for pergunt ada, ok?
Figura 3.38
Clique em Prxi mo.
No quarto passo vamos escolher qual a figura que vai aparecer na nossa pgina.
Veja aonde vai ficar a figura escolhida pelo nmero 4 na imagem da pgina ao
lado. Escolha o que quiser. Veja que algumas so animadas. Elas vo se movi-
ment ar em sua pgina t ambm.
Figura 3.39
Bast a clicar com o mouse sobre o crculo ao lado do nome da figura para selecion-
lo. Depois clique no bot o para irmos para a prxima pgina.
Est amos agora no quinto passo. Escreva aqui o que mais gost a de fazer na escola.
Brincar, est udar, comer lanche, conversar com os amigos e as amigas, etc. Assim
que t erminar, vamos novament e clicar no bot o Prximo.
Figura 3.40
Passo 6 Agora o VilaBOL quer saber o que voc mais gost a de fazer quando no
est na escola. Pode ser prat icar esportes, ficar em casa, brincar de boneca no
quart o, assist ir t eleviso. Tudo, enfim.
Figura 3.41
Passo 7 Agora a vez da st ima pergunt a. Sempre acompanhe ao lado onde cada
it em ir ficar quando sua pgina est iver pront a.
Aqui a pergunt a para saber com o o bichinho de est imao dos seus sonhos.
No caso de uma pgina para meninos, aqui a pergunt a seria: Para que time de
futebol voc torce? S depois viria a pgina sobre seu bicho de est imao.
Figura 3.42
No passo 8 t emos out ra pergunt a: Para que lugares voc j viajou, e para onde
gost aria de viajar?
Figura 3.43
Responda e clique no bot o Prxi mo.
No passo 9 o VilaBOL quer saber o que queremos ser quando crescer. Escreva
t udo sobre o que voc quer ser, como mdica(o), professor(a), jogador de futebol,
ou jogadora de vlei, basquet e, etc.
Figura 3.44
Passo 10 Agora vamos escrever t udo o que mais gost amos de ver na TV: novela,
desenhos (quais?), sries de ao, ent revist as, et c. Todos os seus programas predi-
letos.
Figura 3.45
No passo 11 vamos escolher quais so os sites da Int ernet que mais gost amos de
visit ar. Primeiro escrevemos o nome dele e depois o endereo dele na Int ernet . Se
voc no souber, no precisa digit ar nada, bast a clicar novament e no boto Pr-
ximo.
Figura 3.46
Passo 12 Agora a vez de dizermos ao VilaBOL se j t emos alguma out ra pgi-
na em nosso site. Como eu disse ant es, podemos criar quant as pginas quisermos.
A homepage t em que se chamar index.ht ml, mas as out ras podem t er qualquer
nome, como fot os.ht ml, et c. Sempre um nome, seguido de ponto e ht ml depois.
Assim: nomedoarquivo.ht ml
Ent endeu?
Ent o, se t ivermos out ras pginas, vamos colocar um nome para elas do lado es-
querdo e, logo ao lado, a localizao delas, ou seja, onde elas est o em nosso site.
Normalmente s precisamos escrever o nome do arquivo mesmo.
Figura 3.47
Vamos usar como exemplo uma pgina com fot os. No campo nome vamos escre-
ver apenas minhas fotos e no campo URL, vamos escrever fotos.html.
Passo 13 Agora vamos escolher um cont ador para nossa pgina. As cores dos
cont adores da pgina dos meninos diferent e, com tons azuis e verdes. Escolha
qual quer em sua pgina (se no quiser nenhum, selecione No) e clique no bo-
t o Prxi mo.
Figura 3.48
Passo 14 Agora a vez de dizer ao VilaBOL se queremos ou no um livro de
visit as para est a pgina. Se quisermos, escolha Sim e, caso cont rrio, escolha
No.
Procure nest e livro como configurar seu livro de visitas, ok?
Figura 3.49
Passo 15 Agora o lt imo passo. Escolha um nome para sua pgina. Quer que
ela seja sua homepage? Escreva index.html. Quer colocar out ro nome? Basta es-
crev-lo, sempre t erminando com pont o html (.html) no final e t udo bem. Exem-
plo: minhapagina.html
Figura 3.50
Pode ser ponto htm t ambm, sem o l (ele) no final. Exemplo: pagina.htm. Cli-
que em Finalizar.
Figura 3.51
No final, o VilaBOL manda os parabns e nos diz que a pgina foi criada com su-
cesso. Tem um link para nossa pgina, para que possamos na hora ver como ficou.
Clique onde voc ler: http://seunome.vila.bol.com.br/suapagina.html e ela logo
aparecer.
Figura 3.52
Na Figura 3.52 podemos ver como ficou a pgina que foi criada enquanto eu escre-
via est e livro. Ficou bonit a, no meninas?
Planeta Terra
Passo 1 Conect e-se Int ernet e digit e o endereo
http://www.terra.com.br/planeta. Isso ir lev-lo pgina de cadast ro do Planet a
Terra.
Nest a primeira pgina t emos a ent rada para o sist ema de hospedagem de pginas
grat uito da Terra.
Figura 3.53
Como dit o ant es, h diferenciaes para quem assinant e da Terra, do Terra Livre
(servio de Internet grt is da Terra) e para os no assinant es de nenhum servio.
interessant e que voc se cadast re no Terra Livre, porque voc poder se conect ar
grat uit amente na Internet quando preciso e t ambm t er mais espao para suas p-
ginas. No que 5 MB seja pouco, pois a maior part e dos sit es que eu desenvolvi e
que conheo no chegam a ut ilizar 2 MB no incio. A menos, lgico, que voc
queira ficar guardando suas msicas em seu sit e (o que, j adianto, proibido em
muit os casos, por causa da pirat aria) ou ent o arquivos gigant escos.
Bem, nessa primeira t ela, mesmo se voc t iver ou no cadast ro no provedor Terra,
no Terra Livre ou ainda no sendo assinant e, t er que clicar no link cli que aqui e
faa o seu cadastro agora. J localizou?
Clicando l iremos para a pgina de cadast ro onde, a sim, poderemos nos ident ifi-
car como assinant es do servio pago ou grat uito da Terra.
Passo 2 Caso voc seja um assinant e Terra ou Terra Livre, digit e nos campos
username e senha os mesmos dados que voc j ut iliza para acessar o provedor.
No caso de no assinant e, preencha o campo username (primeiro e segundo cam-
pos) com um e-mail que voc j ut iliza, seja de onde for (exemplo: seuno-
me@seuprovedor.com.br) e crie uma senha cuidado para no esquec-la.
Figura 3.54
Passo 3 Rolando a pgina para baixo, veremos que temos mais campos a serem
preenchidos.
Figura 3.55
Temos ent o que preencher os prximos campos que so:
Nome do di retrio crie um nome int eressant e para seu site. Algo como si-
te_legal ou minha_vi da ou gamesquegosto, algo assim. Isso ser ut ilizado
como uma part e do endereo de seu sit e. Depois que voc escolher a rea onde
quer seu sit e, ficar com um endereo parecido com http://plane-
ta.terra.com.br/area/nomedodiretorio. No uma coisa muito int eressant e, eu
acho. Prefiro os out ros lugares onde o seu username ou nome de usurio ut ilizado
como part e do endereo. mais fcil de guardar e t ambm voc no t em que ficar
esquent ando a cabea pensando em um nome de diretrio. De toda forma est a a
razo dest e livro, explicar as diferenas entre cada um dos principais servios de
hospedagem na Int ernet .
Agora escolha a rea onde seu site mais se encaixa, podendo ser algo ligado a via-
gens e t urismo ou ent o informt ica e int ernet , et c. Bast a clicar na set inha ao lado
do campo e escolher com o mouse uma das opes disponveis.
O prximo campo para os que j eram ant igos usurios de um servio chamado
Personal Pages dos ant igos client es do Terra. Com isso, as pginas que est avam
armazenadas nesse lugar podem ser recuperadas para o novo sist ema do Planet a
Terra. Preencha ent o a URL, o endereo dessa ant igas pginas.
Seguindo adiant e, escolha um T tul o para seu sit e. Ele vai ser ut ilizado para o sis-
t ema de buscas do Terra. Para o t t ulo coloque algo parecido com o que voc colo-
cou como nome do diretrio, o primeiro campo que preenchemos. como uma
descrio, mas bem mais simples. O descrit ivo do sit e det alhado iremos colocar em
lt imo lugar.
Em Pal avras-chave, digit e algumas palavras que t enham a ver com seu sit e. Se for
um sit e sobre msica, pode ser algo como msica, MP3, canes, rit mos. Se for
algo como um sit e sobre informt ica e programao de Int ernet , pode ser algo
como html, javascript, cdigos, dicas, et c.
Voc pode colocar uma ou mais palavras que sero ut ilizadas para ident ificar e lo-
calizar seu sit e ent re t antos out ros. Assim, os visit ant es de seu sit e iro ach-lo
mais facilment e e t ambm voc saber que quem o visit ar veio exat ament e por
causa das descries e palavras-chave que voc indicou. Para colocar mais do que
uma palavra-chave, basta separ-las por vrgula, como nos exemplos cit ados.
Escolha abaixo o i di oma principal do seu sit e. Normalment e seria port ugus, mas
nada impede que, voc sendo descendent e de estrangeiros ou mesmo sendo est ran-
geiro, possa fazer um sit e dedicado sua lngua preferida.
Vamos agora fazer uma nova descri o do si te podendo ser mais detalhado.
Passo 4 Depois de t udo preenchido, vamos agora s prximas pergunt as que so-
ment e precisam ser respondidas por quem no usurio Terra ou Terra Livre.
Aqui t emos que preencher o nosso nome, sobrenome, dat a de nasciment o, sexo,
CEP, escolaridade, est ado civil, nmero de filhos e dizer se aceit a receber informa-
es sobre o servio Terra ou de seus parceiros via e-mail. Nesse lt imo caso eu
sempre escolho no, pois infelizment e se escolhermos o cont rrio veremos nossa
caixa post al na Int ernet cheia de anncios e mensagens publicit rias.
Logo abaixo t emos o cont rato dos servios prest ados pelo Terra e t ambm algumas
clusulas dizendo o que podemos e no podemos fazer enquant o usurios do siste-
ma deles.
Normalmente inclui det alhes como no poder colocar mat erial pornogrfico, de
pedofilia, de pirat aria, et c. o normal dentro de todos os sit es que nos proporcio-
nam espao grat uit o. Tambm por serem grat uit os eles normalmente nos explicam
que, caso ocorra algum defeito t cnico ou falt a de luz ou invaso do sist ema por
algum hacker, eles no podem se responsabilizar por mant er seu sit e inclume e 24
horas no ar sempre. Isso algo perfeit ament e compreensvel.
J em sist emas de hospedagem pagos, normalment e t emos garant ia de que h sem-
pre um backup de nossas pginas (cpia de segurana) e tambm que h um gera-
dor de energia para quando h falhas na eletricidade que aliment a os computadores
onde est o armazenados os sites. Mas isso j vimos na part e dos recursos ofereci-
dos pelos servios de hospedagem pagos (Capt ulo 2).
Depois de ler e concordar com o que o contrat o diz, bast a clicar no bot o Acei to
as condi es e quero me cadastrar para que o sist ema crie o seu endereo e o
espao para seu sit e.
Figura 3.56
Passo 5 Clicando no bot o iremos para o gerenciador on-line de nosso sit e, atra-
vs do qual podemos t ransferir os arquivos das pginas e imagens do sit e que est o
em nosso comput ador para os servidores da Terra.
Podemos criar diret rios e outras coisas mais, mas isso j assunt o para o prximo
capt ulo.
Criado o sit e, anot e o endereo do mesmo junt ament e com os dados do seu usurio
e senha ut ilizados para a sua criao.
Figura 3.57
Para sair dessa tela, a que iremos volt ar mais t arde, bast a clicar no boto Sai r
que se encont ra logo direit a acima do endereo do sit e.
UOL
Antes de iniciarmos os passos para inscrio no servio de hospedagem do UOL,
t enho que avisar que est e uma exceo dentro do livro, pois enquanto o VilaBol,
o Terra Planet a e o Yahoo! GeoCit ies so grat uit os, isso j no ocorre com o UOL.
Para poder criar suas pginas ut ilizando o servio deles, necessrio que voc seja
um assinant e, ou que um assinant e t enha lhe criado um endereo de e-mail at relado
ao dele. Podemos fazer uma analogia com um cart o de crdito adicional, onde
exist e um responsvel por voc.
Se seu marido ou esposa, irmo ou pai t iverem uma cont a no UOL, pea para eles
criarem um e-mail para voc.
Tenho que explicar aqui a razo por t er includo o servio de hospedagem do UOL
nest e livro, e muit o simples, pois embora no seja um sist ema grat uito para todos,
o nmero de assinant es dele t o grande que eu no poderia negar essa informao
a t ant a gent e.
Fique cient e ent o que, para ut ilizar os passos que explico a seguir, voc precisa ser
um assinant e do servio deles.
Out ro det alhe que nele t emos que ir um pouco mais adiant e do que com os ou-
t ros, para demonst rar o uso de modelos de criao.
Bem, primeiramente vamos ent rar no sit e. Podemos ir pela pgina principal e clicar
em Web Sit es Pessoais do lado esquerdo, no menu lat eral, l embaixo, ou ent o
simplesmente digit ar http://sites.uol.com.br.
Seremos levados pgina de ent rada. Por ela poderamos visit ar outros sit es hos-
pedados no UOL ou fazer uma busca por algum sit e de um amigo, por exemplo,
bast ando para isso digit ar nos campos o e-mail dele.
Do lado esquerdo voc ver as divises dos sites por t emas. Cada sit e ident ificado por
um t ema Cidades e Regies, Corpo e Sade, Crianas, Diverso e Art e, etc, et c.
Caso voc j t enha um site pela UOL, por esta pgina que poder at ualizar suas pgi-
nas e/ou recadastr-lo, mudando algumas caractersticas que digit ou quando o criou.
No ent ant o, est amos supondo que voc ir criar seu sit e do nada, certo?
Figura 3.58
Ent o vamos l. Clique no bot o Faa. A prxima tela que ir ver ser est a.
Figura 3.59
Iremos escolher a forma fcil de criar o sit e por agora. Depois volt aremos para o
modo avanado. Clique no link Monte seu site pel o mtodo Fcil .
Voc ver est a tela.
Figura 3.60
Como j havia dito, soment e os assinant es do UOL podem t er sit es hospedados l.
Digit e o seu nome de usurio e depois sua senha.
Nota: O UOL permit e que voc t enha quantos e-mails quiser, para seu irmo
usar, seu pai, sua me, et c. Sendo assim, todos podem t er um sit e t ambm.
Bem, digit e ento os dados pedidos e clique em Entrar.
A prxima t ela so as regras do servio.
Figura 3.61
Para cont inuarmos, t emos que aceit -las, ent o clique em Acei to as regras abai -
xo e assumo total responsabili dade pel o Web Site que criar.
J expliquei ant es o bsico do cont edo desses contrat os ou regras de ut ilizao.
A prxima t ela ser onde iremos ut ilizar o assist ent e de criao do UOL.
Figura 3.62
Vamos agora explorar os modelos que o UOL nos oferece. Tenho que ser bem
sincero com voc. So muit o simples e alguns so at poludos demais. De t oda
forma est amos aqui para aprender a criar os sit es e public-los, e no aprender
agora como t er pginas com um design bonit o. Isso se aprende com o t empo em
alguns casos, nem com o t empo, infelizment e, pois algumas pessoas no t em bom
gost o, no h como negar. Mas no porque no somos um Leonardo da Vinci
ou um Van Gogh ou um Rembrant que no podemos dar umas arriscadas na rea
art st ica.
Em meus out ros livros eu sempre digo que, para aprender a t er bom gost o, pri-
meirament e t emos que observar muit o, mas muit o bem t udo o que t emos ao nos-
so redor, e principalment e, no caso da web, t emos que ver sit es que t enham um
bom gost o para design. Um deles que sempre recorro quando est ou com pouca
inspirao o http://www.coolhomepages.com. Ele t em os sit es mais int eressan-
t es em mat ria de desi gn, at mesmo vanguardist a, mas int eressant e para ver e
relaxar.
No precisamos fazer exat ament e o que vemos ali, bast a apenas ent ender que ali
t emos as t endncias e precisamos vivenciar isso para podermos olhar para nosso
sit e e dizer sinceramente: puxa, ficou muito legal, ou ent o, puxa, est bom, mas
ainda vou melhor-lo.
Vamos ver ent o o que o UOL nos oferece para est a primeira ent rada no mundo da
Web. Depois, aos poucos, vamos aprendendo a melhorar e at ualizar as pginas com
novas verses.
Para t er uma amostra dos modelos, clique no link veja exempl os que h embai-
xo de cada it em (exceto currculos, quando deve-se clicar no prprio nome).
Figura 3.63
Se voc clicar em Pgina padro ou Personali dades ou Esportes, ver
out ros modelos diferent es.
Figura 3.64
H ainda modelos para currculos, os quais most ro a seguir.
Voc pode clicar nas imagens para t er uma melhor viso do modelo.
Para edit ar sua pgina, escolha um dos modelos que mais lhe agradar e depois cli-
que no link escrit o cli que aqui para fazer sua pgina.... No caso de currculos,
voc pode criar seu prprio modelo t ambm.
Caso t enha vist o um modelo que lhe agrada, clique no link dele e um formulrio
especfico para cada modelo ir surgir, com mais ou menos pergunt as e t ambm
mais ou menos imagens para voc escolher.
No ent ant o, vamos supor que voc t enha escolhido o mais simples, que seria at ra-
vs do link Pgina Padro. o que cont m a maior parte das pergunt as dos out ros
modelos, sendo o melhor t est e para criao. Depois de clicar no link como falei, o
sist ema do UOL pedir algumas informaes para criao de sua pgina.
Na primeira t ela voc t er que escolher uma cor ou uma imagem para ser o fundo
de sua pgina. Voc s poder escolher ou uma cor ou uma imagem.
Figura 3.65
Escolha algum it em (exceto por enquant o o desisto) e clique no bot o de visuali-
zao l embaixo para poder ver o result ado.
Figura 3.66
Se voc quer uma opinio pessoal, por enquant o, escolha branco mesmo, sem ima-
gens nem nada. Fica bem mais fcil de ver o cont edo de sua pgina e mais rpi-
do o carregament o da pgina no navegador. Depois, com o tempo, voc o modifica.
Vamos cont inuar a lio.
Ao clicar em visualizar, voc volt ar para a pgina inicial do formulrio e ela se
apresent ar j com a cor do fundo (ou background, como preferir) que voc escolheu.
Veja na figura a seguir.
Figura 3.67
A segunda quest o para voc digit ar um t t ulo para sua pgina. Clique no link
Cli que aqui e digit e o que deseja para ser o t t ulo da sua homepage.
O t erceiro it em para que voc escolha uma figura, ou de dentro da UOL mesmo
ou ent o de seu comput ador para que ela fique em sua pgina.
Figura 3.68
No quarto it em, digit e no campo em branco o t ext o que pret ende colocar em sua
homepage, como uma mensagem de boas-vindas, ou ent o est a a pgina de Fu-
lano de Tal, et c, et c... e escolha logo abaixo o t ipo de alinhamento que quer no
t ext o que vai aparecer na sua pgina, ou seja, se quer que o t exto que digit ou acima
fique no cant o esquerdo da pgina, ao centro ou direit a.
O quint o it em a escolha de uma barra horizont al para separar seu t ext o de ima-
gens e do t t ulo. Clique no link e escolha uma das imagens que aparecer, ou ent o
no escolha nenhuma, selecionando o it em No quero barra. Temos barras
muit o vibrant es ali.
O sext o it em do formulrio nos possibilit a colocar nossos links favorit os na pgina.
Caso no queiramos nenhum, basta apagar o que est j escrito nos campos. Temos
que escrever um t t ulo para nosso link, que ser o nome do site e logo em seguida o
endereo do site para qual aquele link est direcionado. Not e que o UOL colocou
endereos deles mesmos. Voc no obrigado a t er nenhum deles caso deseje ou-
t ros.
Figura 3.69
Se quiser que um cone pequena imagem fique associada com esse link, clique
ao lado e escolha na janela correspondent e uma das imagens que quiser, ou ne-
nhuma.
Figura 3.70
J para o st imo it em t emos a opo de t ermos uma caixa de not cias para que nos-
sos visit ant es possam ler ou as lt imas not cias gerais ou de esport es. Bast a esco-
lher.
A prxima escolha a de querermos ou no ferramentas de busca em nossas pgi-
nas. sempre bom.
Na opo de e-mail, digit e um t ext o qualquer chamando a at eno de seus visitan-
t es, pedindo para que eles cliquem ali para enviar uma mensagem para voc, por
exemplo, e digit e no campo abaixo o seu e-mail do UOL ou out ro qualquer. O sis-
t ema ir criar o link para voc.
Para o it em 10, voc poder escolher qual o t ext o que ir seguir seu contador (bast a
preencher os campos ant es e depois do cont ador que aparece ali) e t ambm esco-
lher qual ser o t ipo dele. Para escolher, clique no link Cli que aqui.
Figura 3.71
Tambm se voc no quiser um cont ador, dever entrar nesse link para desabilit -
lo, selecionando o primeiro it em. Assim que t iver escolhido, clique no bot o de
visualizar para volt armos.
Agora vamos ao penlt imo it em dessa nossa jornada para criar uma pgina no
UOL: vamos visualiz-la. Clique no link para ver como sua pgina ficou.
Eu criei uma com alguns elementos do formulrio e fundo branco para voc poder
ver como ficou. Est bem simples, ok? como disse: nest e capt ulo est amos
aprendendo apenas a criar nosso primeiro sit e.
Figura 3.72
No ent ant o, com a ajuda do formulrio que preenchemos, pudemos colocar alguns
recursos int eressant es como as not cias, um campo de busca pela Int ernet e um
cont ador de pginas. Reparem que h uma janela acima e direit a onde t emos o
logot ipo do UOL e t ambm Denncia. Essa janela de cont role para que voc pos-
sa denunciar um sit e, caso veja que ele cont enha mat erial ilcito ou proibido pelas
normas do UOL, como pornografia ou pirat aria. apenas uma medida de seguran-
a do sist ema.
Bem, veja agora se t em algo que gost aria de acrescentar ou ret irar de sua pgina e
clique no bot o Voltar para que possa modific-la.
Caso est eja t udo cert o com sua pgina, tambm clique no bot o Vol tar dessa
pgina de visualizao e vamos seguir para o passo 12, concret izando a criao da
homepage de nosso sit e.
Para concluir a criao e publicao do nosso sit e, precisaremos dizer em qual ca-
t egoria ele se enquadra. Quando clicamos no it em Finalizao, a prxima t ela que
nos apresent ada muit o ext ensa. Precisamos primeirament e definir qual o clu-
be ao qual nosso sit e pert ence. O que o UOL chama de clube seria a cat egoria.
Veja na prxima t ela:
Figura 3.73
Escolha um dos itens que t m mais a ver com seu sit e. Depois disso, ut ilize a barra
de rolagem para localizar o item que voc selecionou acima, ou seja, caso t enha
escolhido que seu sit e t em mais a ver com a cat egoria Mundo Digit al, selecione.
Depois desa at ravs da barra de rolagem lat eral direit a at encont rar o mesmo
Mundo Digit al, como na Figura 3.74.
Figura 3.74
Pode ser qualquer out ro it em, mas o import ant e que primeirament e escolha o clu-
be ao qual quer se ident ificar e depois encontre o mesmo it em na list a que se seguiu
abaixo. Voc deve localizar esse it em para escolher at 5 subit ens que t m a ver
mais ainda com seu site.
Digamos que voc queira criar um sit e sobre informt ica, porque gost a disso. A
voc escolheu ant es o clube Mundo Digit al. Depois rolou pela pgina at encont rar
o quadro da Figura 3.74, e percebeu que no seu sit e apenas os it ens Int ernet e
Soft wares t m a ver com ele. Voc no vai dar cursos, nem quer apresent ar nada
sobre hardware e nem oferecer seus servios pelo seu sit e. Ent o, selecione apenas
os dois subit ens que mais se aproximaram do que pret ende passar como cont edo
do seu sit e.
Feit o isso, descemos mais ainda at o final da tela, onde t eremos que colocar o nos-
so nmero do ComVC, que um programa de comunicao do UOL, muito pare-
cido com o ICQ ou o Yahoo! Messenger. Se voc j t iver o programa e souber o
nmero, pode inform-lo (se quiser que out ros saibam seu nmero t ambm, lgi-
co, e queira que se comuniquem com voc).
Figura 3.75
Logo depois, t emos que descrever nosso sit e, dizer do que ele se t rata. Uma breve
frase o suficient e, como j explicamos ant es no livro.
Depois a vez das palavras-chave, ut ilizadas para que out ras pessoas possam loca-
lizar sua homepage por meio delas. Tambm j expliquei aqui o porqu das pala-
vras-chave e sua import ncia. Se qui ser colocar mais do que uma, bast a digit ar uma
a uma e separ-las por meio de vrgulas ou espaos.
Aps t udo isso, est amos pront os para a publicao de sua homepage. Clique em
Cadastrar para a t ela de confirmao.
Figura 3.76
Aqui voc saber qual o endereo de seu sit e e poder ainda acrescent ar outra
caract erst ica, que coloc-lo na roda. Isso significa incluir uma janel a de
controle nas suas pginas onde poder ver out ros sit es que t enham algum cont e-
do similar ao seu. Bast a selecionar se quer ou no e depois clicar em Enviar para
concluir o processo t odo.
Agora recebemos uma mensagem de congrat ulaes e sabemos que o sit e est
pront o.
Figura 3.77
No decorrer do livro veremos como proceder para at ualizar esse sit e.
Agora, lembram-se de que havia duas maneiras de se efet uar a criao do sit e? A
mais simples e fcil, que foi a que mostramos, e a avanada, para os que j sabiam
HTML.
Figura 3.78
Pois eu falei que iria explicar t ambm como criar seu sit e por esse outro mtodo.
Na realidade, ele mais simples mesmo, desde que voc j possua um sit e feito.
Bast a clicar no link para mont ar seu sit e pelo mt odo avanado.
Agora voc ver o contrat o dizendo o que eles permit em ou no nos sit es. Clique
em acei to as regras... para ir ao prximo passo.
L voc ir ver o endereo de seu sit e, que sempre ser
http://sites.uol.com.br/nome_de_seu_usurio_no_uol e poder enviar os arquivos do
seu sit e bast ando clicar no bot o Browse e procurando-os no local onde os guar-
dou. Apenas um de cada vez pode ser enviado. Aps localiz-lo na janela que apare-
ce, confirme clicando no bot o Open ou Abri r e ver o nome dele no campo
ant es vazio. Basta agora clicar no bot o Enviar e seu arquivo ir para o site UOL.
Lembre-se de que a sua homepage dever se chamar index.htm ou index.html ,
seno seu site no poder ser vist o.
At ravs dos bot es ao lado, que iremos explicar mais frent e em out ro capt ulo,
voc poder criar diret rios, compact ar os j exist ent es (quando voc os compact a,
eles no iro mais funcionar, est aro apenas guardados para uso fut uro) e t ambm
poder criar novas pginas, onde uma nova t ela poder ser ut ilizada para criar seu
prprio cdigo.
Figura 3.79
kESEkVE SEU ESPAO NA lNTEkNET CklANDO SEU SlTE !0!
Assim que voc j t iver algum arquivo dent ro de seu sit e, poder ver os nomes de-
les e t ambm poder edit -los on-line. As outras opes so para visualizar o mapa
de seu sit e e cadastr-lo no servio de busca do UOL.
mais simples, mas necessrio logicament e conhecer um pouco mais o sistema e
t ambm um pouco de vivncia em criao de sit es. Veja na Figura 3.80 como a t ela
ficaria com um arquivo j dent ro do sit e.
Figura 3.80
Conclumos aqui como criar um sit e no UOL. Veremos agora o lt imo exemplo,
dest a vez com o sist ema do Yahoo! GeoCit ies.
Yahoo! GeoCities
Conect e-se Int ernet e acesse o sit e http://www.yahoo.com.br.
Voc ver a homepage do Yahoo! Brasil.
Clique no link Yahoo! GeoCi ties, sua home page grtis.
Figura 3.81
A prxima t ela que ver ser est a:
Figura 3.82
O sist ema do Yahoo! bem similar ao do BOL, que j est udamos aqui. Como am-
bos possuem mais servios alm da hospedagem de pginas, como o servio de e-
mail grat uit o, por exemplo, eles resumem o acesso a t odos eles at ravs de um nico
login e senha, ou seja, um nico nome de usurio e senha. Caso j possua um e-
mail no Yahoo!, est ar aut omat icament e com a entrada garant ida para o servio de
hospedagem de sit es deles. Bast a digit ar nos campos ID Yahoo! e Senha, o seu
nome de usurio e sua senha respect ivament e.
Como imagino que t alvez os leitores ainda no possuam nem uma coisa nem outra,
ent o vamos part ir do incio, que ser a criao de nosso ID, que vem do ingls
Ident ificat ion ident ificao. Ser at ravs dela que seremos conhecidos no sist ema
do Yahoo!.
Clique no link Cadastre-me!.
Logo ver a t ela dos t ermos do servio Yahoo!. Coloquei apenas o incio e o fim
dessa pgina, j que ela t em 25 it ens.
kESEkVE SEU ESPAO NA lNTEkNET CklANDO SEU SlTE !03
Figura 3.83
Verifique se concorda com os t ermos e ent o clique no bot o Eu aceito para
cont inuarmos.
A prxima t ela ser a de cadast ramento, onde ir escolher um nome de usurio (ou
um ID, como chamado no Yahoo!) e out ras informaes import ant es para o sis-
t ema.
Figura 3.84
Digit e o nome de usurio (ID) que preferir. Cabe aqui um aviso: o nmero de pes-
soas que se cadast ram no Yahoo! muito, mas muito grande mesmo, ent o possi-
velment e voc t er que tent ar vrias vezes at encont rar um nome que no exist a
ainda no sist ema. Prat icament e com cert eza isso ir acontecer, mas no desanime,
pois vale a pena. Tent e variaes com underline/sublinhado e suas letras dos nomes
do meio ou do sobrenome, como joao_rib_neto. O important e que seja t ambm
fcil para voc se lembrar.
Digit e logo abaixo sua senha. Ateno: o Yahoo! difere let ras maisculas de mi-
nsculas no campo senha, ent o se sua senha for algo como nuvem, se voc escre-
kESEkVE SEU ESPAO NA lNTEkNET CklANDO SEU SlTE !05
ver Nuvem ou NUVEM, o sist ema no ir reconhecer sua senha, pois voc usou
let ras diferent es em maisculo e minsculo.
Agora o prximo passo para lhe garant ir um sist ema que, caso se esquea de sua
senha, possa t er um jeito de faz-lo lembrar-se novament e. Para isso h o sist ema
de pergunt as e respost as.
Escolha uma pergunt a qualquer e escreva no campo abaixo uma respost a no a
sua senha mas uma que o faa lembrar-se de sua senha. Caso voc se esquea,
pert o do campo do login h um link que diz que, se voc est t endo dificuldades
em lembrar seu ID ou sua senha, pode clicar ali. O sist ema ir lhe pergunt ar alguns
dados, como sua dat a de nascimento e talvez tambm se ut ilizar de sua pergunt a e
respost a para enviar-lhe sua senha, seu ID ou fornecer-lhe uma nova senha t empo-
rria. Eu disse t alvez ele se ut ilize da pergunt a e respost a porque j acont eceu co-
migo de esquecer-me e o sist ema no me perguntou nada, apenas minha dat a de
nascimento e outra vez se ut ilizou da pergunt a. Na realidade, o sistema de checa-
gem de segurana pode ser modificado ou pode ser aleat rio e ns temos que ficar
at ent os a isso t udo.
Logo abaixo t emos que informar nossa data de nascimento. Como j falei, ela t am-
bm pode ser ut ilizada para nossos esquecimentos moment neos. E para que a in-
formao nos seja enviada corret ament e, devemos digit ar no out ro campo nosso
endereo de e-mail. Assim, aps responder uma pergunt a ou ent o nosso anivers-
rio, o sist ema poder nos dizer quem somos ou o que esquecemos.
Bem, ent o vocs j sabem que esses it ens do formulrio servem para serem ut ili-
zados quando esquecermos nosso ID e/ou senha.
Vamos para o prximo passo, onde o que nos pedem simplesment e nosso pas,
bast ando para isso selecion-lo das opes disponveis e tambm o CEP de nossa
residncia ou servio, como preferir.
Ocupao e ramo de at ividade t ambm so campos de seleo.
Caso queira receber e-mails do Yahoo! ou de seus parceiros, selecione o quadro
abaixo ou deixe-o em branco. s clicar com o mouse nele.
s vezes pode aparecer no final do formulrio para voc escolher uma ou mais re-
as de int eresse, mas apenas informat ivo.
Depois de t udo preenchido, vem a hora da verdade.
Clique no bot o Enviar este formulrio e aguarde para saber se o ID que voc
escolheu j exist e, ou no, no sist ema.
Se t iver sort e, iremos para a prxima t ela, seno voc dever ret ornar e digit ar ou-
t ro nome de usurio / ID e seguir em frent e. Caso t udo d certo, voc ver uma t ela
onde receber os parabns, j aparecendo seu nome de usurio / ID. O sist ema j
lhe t er enviado um e-mail de confirmao, bem explicat ivo sobre como mont ar
seu sit e no Yahoo! GeoCit ies.
Logo abaixo t eremos mais algumas informaes como sua ID, o seu endereo de e-
mail fornecido e para onde foi a mensagem explicat iva e o endereo de seu novo sit e.
Nota: Sua senha nunca aparece. Soment e voc ir saber qual a senha digit ada
no formulrio.
Caso voc j queira const ruir sua pgina nesse moment o, clique no link Construa
sua pgina agora. No ent ant o, vamos deixar isso para o prximo capt ulo.
Figura 3.85
Clique apenas em no link Sai r l em cima e veremos depois os det alhes de como
criar pginas no Yahoo! GeoCities ou como enviar suas pginas que j est o prontas.
Finalizamos aqui ent o est a lio.
No foi t o complicado assim, no mesmo?
Vamos agora para a parte onde iremos criar pginas, ut ilizando os modelos exis-
t ent es e t ambm enviar nossas prprias pginas.
!07
CAPTULO 4
COMO CRIAR E ENVIAR PGINAS
UTILIZANDO OS RECURSOS EXISTENTES
NO SITE DE HOSPEDAGEM
Vamos seguir o mesmo caminho que trilhamos no capt ulo ant erior. Comearemos
pelos servios do BOL (VilaBOL), em seguida iremos para o TERRA, depois o
UOL e por fim o YAHOO! GEOCITIES.
VilaBOL
Novament e conect e-se Int ernet e digit e o endereo http://vila.bol.com.br/index.
Como agora est amos cadast rados no servio, fica bem mais simples ent rarmos no
sist ema.
A mesma t ela onde iniciamos nosso cadast ro servir para nossa ent rada.
Figura 4.1
Lembre-se de que no BOL seu nome de usurio permit e t anto o uso do VilaBOL
quant o o uso vitalcio de um e-mail. Ento, l em cima, digit e seu nome de usurio
e logo abaixo digit e sua senha. Depois clique no bot o Entrar.
A prxima pgina que iremos ver ser a da Figura 4.2. Vamos analisar o que cada
uma das opes significa.
Figura 4.2
Logo abaixo do logot ipo do VilaBOL, a imagem da casinha, vemos um campo de
busca dent ro do prprio sist ema. Isso para que possamos procurar, ent re os assi-
nant es do BOL, alguma coisa de nosso int eresse, como, por exemplo, sit es que te-
nham em suas pginas algo sobre fut ebol. Ent o bast a digit ar fut ebol naquele cam-
po e clicar no bot o Buscar.
Caso queira procurar sit es de uma determinada cat egoria, como a do seu sit e, por
exemplo, bast a clicar em um dos it ens que exist em abaixo do campo de busca.
Tambm uma out ra forma de busca, sem dvida.
Ao lado iremos ver os it ens:
1 Construa sua pgina
2 Gerenciador de Arqui vos
3 Complementos
4 Ajuda
5 Atualize seu Cadastro
COHO CklAk E ENVlAk PAGlNAS... !09
Debaixo de cada um deles t emos:
Construa sua pgina
Editor Bsico: O que ele?
Vamos explic-lo aqui em det alhes, mas ant es seria int eressant e podermos visuali-
z-lo, certo? Ent o clique sobre o link Edi tor Bsi co e pularemos para a prxi-
ma t ela.
Figura 4.3
Aqui vemos uma introduo do que o edit or bsico e t emos dois links de ajuda,
um falando sobre o editor bsico mesmo, que ser o que veremos nas prximas
pginas e out ro para o manual de HTML, para voc t irar dvidas sobre o cdigo
HTML. Clique em Abri r o Edi tor Bsi co para ver como ele na verdade e po-
der visualizar melhor a explicao a seguir.
!!0 COHO PULlCAk SEU SlTE NA lNTEkNET
Figura 4.4
O edit or bsico do BOL um edit or para quem j conhece HTML. H uma caixa
de t exto onde voc precisa colocar todo o cdigo HTML necessrio para criar cada
pgina. Sendo assim, se voc j um expert em HTML e gost a de mexer no cdi-
go, est e o melhor lugar para se comear. Qualquer dvida sobre a linguagem
HTML, bast a ut ilizar o Manual de HTML da VilaBOL. L voc encont ra todo o
cdigo bsico para const ruir uma pgina na Int ernet . Alguns element os mais avan-
ados, como insero de arquivos de animao em flash, precisam de um aprofun-
dament o e conheciment o maior de sua part e, mas t udo isso t ambm facilment e
encont rado em out ros livros mais especficos ou na Int ernet grat uitament e.
A descrio det alhada de como ut ilizar o menu de botes exist ent es no edit or bsi-
co, veremos mais frent e, mas vamos verificar aqui algumas funes.
Como voc poder criar uma pgina no Editor
Bsico da VilaBOL?
Voc pode escrever o cdigo diretament e na caixa de t exto ou simplesment e copiar
e colar o que t iver preparado em out ro editor de t ext o ou HTML.
COHO CklAk E ENVlAk PAGlNAS... !!!
O que fazer para publi car essa pgina em seu si te?
Bast a clicar no bot o Sal var ou em Sal var Como veja adiant e as diferenas
para salvar a pgina diret ament e no seu diretrio da VilaBOL. Se voc quiser que
a pgina seja a abert ura do sit e, ou seja, sua homepage, salve como index.htm ou
index.html .
E para criar uma nova pgina no editor bsi co?
Clique no bot o Nova Pgi na, na barra superior do editor. Comece a criar sua
nova pgina copiando e colando um cdigo que voc j t inha pronto ou ent o digi-
t ando-o na hora. Quando for salvar, no se esquea de dar um nome a essa pgina.
Veja as regras a seguir.
Como posso abri r uma pgina que eu j criei?
Clique no bot o Abrir na barra superior do edit or. Escolha o diretrio onde se
encont ra a pgina que voc procura, selecione o arquivo que voc deseja abrir e
confirme.
Como fao para sal var uma pgina?
Se a pgina que voc criou nova, clique em Sal var como. Digit e o nome do
arquivo, o diretrio onde voc deseja salv-lo e confirme. Se voc est iver fazendo
modificaes em uma pgina j exist ent e ant eriorment e, para salvar essas mudan-
as, clique em Sal var.
Como fao para vi sualizar a minha pgina?
Bast a ir ao Gerenciador de Arquivos da VilaBOL (que veremos mais adiant e) e
clicar sobre o nome do arquivo que voc deseja visualizar.
E na hora de sal var, posso col ocar qual quer nome ou tenho al guma limitao?
Seus arquivos podem t er, no mximo, 32 caract eres. No possvel nomear arqui-
vos com um nmero superior a 32 caract eres. Alm disso, evit e escrever nomes
mist urando maisculas e minsculas e nunca deixe espao ent re nome. Ut ilize o
sublinhado para separ-los, como no exemplo: minha_pagina_de_natal.htm. Tam-
bm no coloque acent os ou cedilhas nos nomes.
Essas regras servem para todos os servi os de hospedagem de si tes e para toda
a Internet.
Gerenciador de Arquivos
Administre seu Site
Clique nesse link. Veremos inicialment e uma tela introdutria sobre o gerenciador.
At ravs dele voc poder criar e enviar arquivos para seu sit e, e verificar t odos os
pormenores dele, como espao ut ilizado, et c.
Figura 4.5
Repare que, para cada it em que det alhamos, os out ros ficam a um simples clique do
mouse, no menu lat eral esquerdo. Com isso podemos ir de um para out ro it em sem
muit a dificuldade.
Clique no link Abri r o gerenci ador de arqui vos.
COHO CklAk E ENVlAk PAGlNAS... !!3
Figura 4.6
Nessa t ela, voc t em um menu de bot es, que se repet e em cima e abaixo. Depen-
dendo da quant idade de arquivos e diret rios que voc t iver em seu sit e, muit o
t il t er o menu duplicado assim.
Voc ver que logo abaixo do menu de cima, seu nome de usurio est escrit o, que
o mesmo de seu e-mail e t ambm uma part e do nome de seu sit e.
Ao lado ver tambm a quant idade de espao que est ut ilizando no servidor e a
quant idade de arquivos. Na verdade, o sist ema cont a como arquivos t ambm os
diret rios. Na Figura 4.6 h um diret rio e um arquivo, mas o VilaBOL int erpret a
como dois arquivos.
Para cada arquivo ou past a, h um quadrado do lado esquerdo do nome dele. uma
caixa de seleo. Clicando sobre ele, ir selecionar o arquivo ou desselecion-lo.
Isso muit o import ant e para ut ilizarmos os bot es dos menus exist entes em cima e
embaixo. Voc pode edit ar um arquivo simplesment e clicando sobre o cone (pe-
queno desenho) ao lado dele, ou abrir um diretrio (ou pasta, como preferir) para
ver o que h l dent ro, do mesmo modo. No caso especfico de um diretrio, cli-
cando no nome dele, o result ado o mesmo de clicar no cone da past a. No ent an-
t o, se clicarmos no link que exist e no prprio nome do arquivo, iremos visualizar
aquele arquivo em out ra janela, que ir se abrir.
Sendo assim, para edit ar uma pgina h duas maneiras: selecione-a pela caixinha
de seleo e clique no bot o Edi tar pgina no menu superior ou inferior ou en-
t o clique diret ament e no cone ao lado do nome dela. Se clicar no nome do arqui-
vo, uma nova janela do seu navegador ir se abrir e poder v-lo exat ament e como
seus visit ant es o fariam.
Voc no pode edit ar mais do que uma pgina de cada vez. No entant o poder co-
piar, mover, apagar ou renomear quantos arquivos quiser de uma s vez. Bast a que
ant es os selecione como expliquei e clique no bot o correspondent e.
Perceba tambm que, acima de cada coluna, h um nome descrevendo o cont edo
delas. aquela barra roxa que vemos. L t emos as seguintes colunas: nome, ti po,
tamanho e data.
Cada um desses t t ulos de colunas t ambm um link que ir se prestar a reorgani-
zar o cont edo abaixo. O sist ema sempre ir apresent ar ant es os diretrios e depois
os nomes de arquivos em separado. No ent anto se clicarmos no link nome da
coluna, veja que os diret rios so rearranjados para serem mostrados em ordem
alfabt ica, o mesmo acont ecendo com o nome dos arquivos, que vm logo a seguir,
mas tambm na ordem alfabt ica. Arquivos que comeam com a let ra A vm antes
dos que comeam com a let ra B, C e assim por diant e.
No ent ant o se clicarmos de novo no link nome, veremos que agora a ordem foi
invert ida de t al forma que arquivos com a let ra C vm ant es dos que comeam com
a letra B e por fim os com let ra A no incio do nome. O mesmo acontece com os
out ros t t ulos das out ras colunas. Ao clicar sobre eles, reorient am o cont edo abai-
xo para se apresent ar como det erminamos.
Ao clicarmos no link da coluna ti po, os arquivos se reorganizaro por t ipos de
arquivos, no caso do tamanho, arquivos menores viro ant es dos maiores (em KB)
e para a data, arquivos criados ant es aparecero no topo da list a. E, como no link
do nome, ao clic-los novament e iro refazer a ordem ao contrrio. Isso facilit a na
hora de localizar um arquivo que saibamos que seja muit o grande ou muit o peque-
no, procurarmos um t ipo especfico de arquivo, como imagens .GIF ou .JPEG, ou
um arquivo que criamos ont em e queremos modific-lo hoje.
Vejamos o que nos aparece ao clicar no bot o nova pasta.
Figura 4.7
Podemos criar quant as past as ou diretrios quisermos. Eles servem para organizar
o cont edo de nosso sit e. Normalment e, quem t em vivncia em criao de sit es
cost uma criar diret rios para que os arquivos no se mist urem muito. No VilaBOL
podemos fazer subdiret rios, ou seja, diretrios dent ro de diretrios. L podemos
criar quant os diret rios quisermos t ambm, mas no um dentro de outro, escon-
dendo-os assim.
Vejamos agora como funciona a out ra funo do menu: copi ar.
Primeirament e preciso selecionar um ou mais arquivos que sero copiados. Logo
aps, clique no bot o.
Voc ver a t ela onde t eremos o nome do(s) arquivo(s) a ser(em) copiado(s) e logo
aps o dest ino para onde iro essas cpias. S podemos selecionar um dest ino de
cada vez. Repare que os dest inos so sempre as past as. Ou a past a principal de nos-
so sit e ou as de dent ro.
Figura 4.8
Caso est ejamos copiando arquivos para um local onde j exist am out ros arquivos
com o mesmo nome, o sist ema ir nos alert ar para isso. Se quisermos, ele ir copiar
o novo arquivo por cima do ant erior, apagando-o.
Nesse caso a t ela de subst it uio aparecer most rando o nome dos arquivos que
t m homnimos naquele diretrio de dest ino.
Figura 4.9
Ele ir lhe fornecer dados como a localizao, tamanho e a lt ima alt erao que
para mim o mais import ant e, pois voc poder saber se o arquivo mais novo do
que aquele que pret ende subst it uir ou no. De toda forma, bast a selecionar e con-
firmar. Ou ento cancelar t oda a operao.
Lembre-se de que um arquivo soment e ir subst it uir o out ro se voc ant es o seleci-
onar.
Vejamos agora out ra funo, a de renomear.
Antes de selecionar qual ou quais arquivos quer renomear, lembre-se de que, se
houver um link para a pgina a ser renomeada voc dever at ualizar manualment e
esse link. Ou seja, digamos que da sua homepage voc criou um link, um t ext o ou
bot o que, ao serem clicados, chamam a pgina sobre seus filmes preferidos. A
homepage voc j sabe, t em que se chamar index.htm ou index.html e digamos
que a pgina de filmes chame-se filmes.htm. No ent ant o se voc decidiu renomear
essa pgina para meus_fi lmes.htm, voc dever depois editar a pgina index.ht m
(ou index.ht ml) para que o link seja redirecionado corret ament e.
No cdigo seria algo assim:
<a href = filmes.htm target = _self> Meus filmes preferidos </a>
Depois de renomear o arquivo filmes.htm para meus_filmes.htm o cdigo ficaria
assim:
<a href = meus_filmes.htm target = _self> Meus filmes preferidos </a>
O sist ema no ir fazer a at ualizao para voc.
No caso de se est ar preparando essas pginas em casa, ou no t rabalho, com o aux-
lio de programas como Front Page da Microsoft ou o Dreamweaver da Macrome-
dia entre out ros, o prprio programa ir fazer isso para voc.
No ent ant o, ao enviar os arquivos para seu sit e no VilaBOL veremos como fazer
isso em breve voc t er que enviar t odos os arquivos que t inham link com o
filmes.htm. Como no exemplo que dei, voc t eria que enviar para o VilaBOL t anto
o novo arquivo meus_filmes.htm quant o o index.htm.
E de quebra ainda t er que apagar o ant igo filmes.htm, pois no h razo para ele
ficar l.
Est e um detalhe que no podemos nos permit ir esquecer com o perigo de t ermos
pginas com links quebrados em nosso site e t ambm de ficarmos mant endo pgi-
nas solt as, que seriam algo como uma espcie de lixo sem uso, apenas ocupando
espao. Ent o muit o cuidado se est iver renomeando pelo VilaBOL, ent o edit e os
arquivos que t m ligao com aquele out ro manualmente. Se est iver modificando
os nomes por algum soft ware, no se esquea de mandar para o VilaBOL os out ros
arquivos que t ambm tm ligao com o modificado.
Figura 4.10
Veja que voc t em o nome original do(s) arquivo(s) que pret ende renomear e ao
lado um campo para cada um, onde ir escrever o novo nome. No se esquea de
colocar a ext enso do arquivo. Ou seja, se for uma pgina de Int ernet , ser .htm ou
.html e se for um arquivo do Word t em que ser um .doc ou ent o um arquivo de
animao flash que seria um .swf. Todo t ipo de arquivo t em uma t erminao dife-
rent e, que devemos sempre colocar depois do nome para ident ific-lo.
Se no quiser renomear um dos arquivos nessa t ela, bast a deixar em branco o cam-
po ao lado do nome e nada acont ecer com ele. Bast a clicar no boto Confirmar
agora para que o sist ema modifique os nomes dos arquivos ali descrit os.
Veremos agora como ut ilizar outra funo do menu do gerenciador de arquivos:
como edi tar sua pgina.
Primeirament e selecione uma de suas pginas apenas uma permit ida por vez e
clique no bot o editar pgi na.
O arquivo ser carregado numa t ela assim:
Figura 4.11
Veja que o menu superior mudou para at ender agora s necessidades de edio de
pgina. Temos agora os bot es nova pgina, abri r, sal var, sal var como, gerenci-
ador de arqui vos, sai r do edi tor e ajuda HTML.
Logo abaixo veremos uma caixa de edio onde o cdigo de nossa pgina est todo
aberto para que modifiquemos o que precisemos. Nessa hora, devemos t er conhe-
cimento de HMTL para edio do cdigo. Para que tenhamos alguma ajuda, bast a
clicar no bot o ajuda HTML para ver um pequeno t ut orial sobre essa linguagem.
Assim que voc t iver t erminado a edio do cont edo da pgina, deve clicar no
bot o sal var para salv-lo com o mesmo nome. Ao salvar o arquivo, a tela per-
manecer a mesma. A nica diferena que voc salvou seu arquivo at aquela
hora e todas as modificaes feit as j est o armazenadas.
Figura 4.12
Se voc quiser, pode cont inuar a edit ar o arquivo com novas modificaes, mas
lembre-se de salv-lo para no perder o que j fez. Como est amos na Int ernet, on-
line, pode acont ecer de t udo, desde uma falha no comput ador, at a ligao com o
provedor cair, ou o prprio sist ema do VilaBOL dar algum problema. A Int ernet,
querendo ou no, inst vel. Quem t rabalha com ela sabe que assim mesmo.
como nossos servios bsicos, como luz ou t elefone. s vezes acont ecem proble-
mas, podendo ser culpa ou no das empresas fornecedoras, mas de t oda forma o
problema ocorreu.
Ent o previna-se e salve periodicament e seu t rabalho de edio. Depois de t udo
pront o e salvo, para ret ornar bast a clicar no bot o Gerenciador de arqui vos e
pront o.
Pode ser, no ent anto, que voc queira colocar out ro nome para sua pgina ao invs
do nome original.
Ent o clique no bot o sal var como e escolha um novo nome para o arquivo.
Tambm voc pode escolher um novo dest ino ou seja, se o arquivo vai para a past a
principal (que eu cost umo chamar de raiz ou root , que so os nomes mais ut ilizados
em nosso meio) ou se o arquivo ir para outra past a. Depois bast a clicar em
Confi rmar.
Os out ros bot es do menu que vm depois do sal var como so bem simples.
O bot o gerenci ador de arqui vos ir lev-lo (adivinhem!) de volt a para o Geren-
ciador de arquivos.
O bot o sai r do editor ir lev-lo de volt a para a t ela da Figura 4.13, fora inclusive
do Gerenciador de arquivos.
Figura 4.13
E o bot o ajuda HTML exat ament e para o que ele diz ser, um t ut orial sobre a
linguagem.
Vejamos agora os primeiros botes.
O nova pgina ir lhe criar uma... pgina nova, exat ament e.
Ele ir criar um nome t emporrio e lhe exibir a tela de edio complet ament e em
branco para voc colocar seu cdigo.
Veja na t ela que most ramos aqui que o nome t emporrio sem_nome.html.
Figura 4.14
COHO CklAk E ENVlAk PAGlNAS... !2!
Quando voc t iver colocado seu cdigo, clique no bot o sal var como para escolher
um out ro nome para sua nova pgina. Se voc clicar em sal var apenas, o arquivo
ir para seu sit e com esse nome t emporrio.
O bot o abri r t em como funo possibilit -lo a abrir um arquivo j exist ente em
seu sit e sem t er que volt ar ao gerenciador de arquivos, etc.
Da mesmo, da t ela de edio de cdigo, voc clica e aparece est a outra pgina
onde poder selecionar o arquivo que deseja edit ar agora.
Figura 4.15
Bast a escolher o arquivo desejado (se ele est iver dentro de alguma past a, clique
primeiro nela para abri-la e localizar sua pgina) e selecionar at ravs do crculo ao
lado de cada nome.
Note que no Gerenciador de arquivos t emos quadradinhos de seleo. Esses qua-
drados nos permit em selecionar mais do que um arquivo de cada vez. Vrios. No
caso do gerenciador, onde podemos copiar, mover ou apagar mais do que um ar-
quivo, isso necessrio. A nica exceo com relao a edit ar a pgina, que j
lhes falei que s pode ser feit a uma de cada vez, e se voc selecionar duas pginas,
o sist ema ir lhe alert ar sobre isso.
No ent ant o, aqui est amos querendo edit ar uma pgina, e soment e uma, j que o
sist ema no permit e de out ra maneira. Ent o se ut iliza o crculo de seleo. Ele s
permit e uma seleo apenas. Se voc clicar em out ro arquivo, o ant erior se apaga,
cert o? Nest a t ela no precisamos apagar, nem copiar nem ut ilizar out ra funo que
possa ser necessria seleo de mais do que um arquivo. Ent o t ambm no
necessria a ut ilizao do quadradinho de seleo mlt ipla.
Bem, selecione o arquivo que quer edit ar e clique no bot o Confi rmar. Isso ir
t razer a pgina para o editor.
Nota: Se voc est iver j com uma pgina abert a e no a salvou ant es de apert ar o
bot o abri r, o sist ema ir lhe avisar se quer ou no salvar a pgina que estava
abert a ou se quer cancelar a operao de abrir uma out ra, cont inuando com
aquela abert a.
Bem, acho que j hora de volt armos ao Gerenciador de arquivos.
Ao edit ar uma pgina j vimos t odos os comandos e sit uaes que podem aconte-
cer, ent o clique no bot o gerenci ador de arqui vos e vejamos os out ros it ens.
J vimos ent o como criar uma nova past a, como copiar arquivos, renomear e t am-
bm edit ar pginas. Est o falt ando agora os bot es apagar, mover, envi ar arqui -
vo(s) e o nosso sempre amigo ajuda.
Figura 4.16
Para apagar um ou mais arquivos, ou mesmo diretrios, bast a selecion-los pela
caixinha de seleo e ent o clicar no bot o correspondent e.
Figura 4.17
O sist ema ir lhe apresent ar uma t ela pergunt ando se quer mesmo concret izar essa
ao e ent o voc poder escolher ent re cont inuar ou cancel-la. Realment e sim-
ples assim.
Vejamos agora o prximo it em, que mover arquivos.
Novament e aviso aqui que, caso voc mova, renomeie ou mesmo apague arquivos,
como vimos, deve t omar cuidado para que no ocorra quebra de links. Saiba qual
pgina chama a out ra, e no deixe furos na sua navegao. A coisa mais chat a seu
visit ant e clicar em um link e o sistema avisar que no t em nenhuma pgina ali com
aquele nome. Ou porque voc escreveu errado o nome da pgina no cdigo ou por-
que voc apagou a pgina ou ento mudou o nome da pgina e no consertou o
link.
Ao mover arquivos, podemos escolher qual o dest ino deles, ou a past a principal ou
alguns dos diferent es diretrios que criamos em nosso sit e para organizar nossos
arquivos. E veja s que eu ainda no lhes havia explicado um det alhe muit o inte-
ressante no sit e do VilaBOL. Voc t em uma past a secret a em seu sit e, que s pode
ser vist a por voc quando est iver edit ando seu sit e no gerenciados de arquivos.
Esse diret rio feito para voc guardar pginas ou imagens que no quer que ou-
t ras pessoas vejam, a no ser voc. Isso muito interessant e. Ent o, quando quiser
esconder algum arquivo, mova-o para a pasta secret a. Quando quiser que out ras
pessoas o vejam, t ire-o de l.
Volt ando funo mover, o sistema do VilaBOL ir lhe dizer quais arquivos est
prest es a mover e logo abaixo most rar os diretrios para onde pode envi-los. Se-
lecione uma das past as/diretrios e clique em um dos botes para confirmar ou
cancelar a operao.
Figura 4.18
Temos agora a funo de envi ar arquivos, com certeza a que vocs mais ut iliza-
ro, pois mais da met ade das pessoas cria seu site sossegado em casa ou no escrit-
rio, com soft wares mais apropriados, como j cit ei ant es. Depois t est a-os para ver
se t m algum problema de navegao e soment e depois envia os arquivos para o
servidor Web onde eles ficaro disponveis para os visitant es de seu sit e.
Infelizment e o VilaBOL no permite que enviemos os arquivos via FTP, o que iria
apressar sobremaneira todo o processo. Isso porque via FTP voc pode enviar
quant os arquivos quiser de uma vez, deixando-os em fila para serem processados e
colocados em seu sit e. O VilaBOL nos oferece a possibilidade de envio de 5 arqui-
vos de cada vez, no ent ant o agora podemos mandar arquivos zipados e abri-los
dent ro do sit e.
Veja na Figura 4.19 a t ela de envio de arquivos.
Figura 4.19
Primeirament e temos que localizar cada arquivo em nosso comput ador (ou que es-
t eja na rede ou em disquet e). Para isso, clique no boto Procurar ou Browse.
Dependendo de cada comput ador vai aparecer um dos dois nomes, dependendo da
verso em port ugus ou em ingls. Clique no bot o e ver uma janela aparecer
most rando os arquivos em seu comput ador.
Figura 4.20
Procure seu primeiro arquivo a ser enviado para o sit e e selecione-o com o mouse,
depois clique no bot o Abrir ou Open. Voc ver que o nome e a localizao
dele ser agora dentro do campo edit vel do lado do bot o Browse em que t -
nhamos clicado. Agora o mesmo processo se repet e para o segundo arquivo, tercei-
ro, quart o e o quint o.
Clique no prximo bot o Browse, encontre seu arquivo na janela que aparece,
clique em Abri r/Open e veja o nome dele aparecer no campo edit vel ant es va-
zio.
Depois de t er escolhido os seus arquivos voc no precisa enviar sempre 5 arqui-
vos de cada vez, pode mandar 1, 2, at o mximo de 5, escolha a seguir o dest ino
para onde quer enviar esse(s) arquivo(s) selecionando o diretrio na lista que apa-
rece abaixo e clique no bot o Confi rmar. Ou Cancelar caso tenha desist ido.
Nota: Caso sem querer voc t enha escolhido o arquivo errado para envio ou en-
t o escolheu duas vezes o mesmo, s clicar no bot o Browse/Procurar ao
lado do arquivo errado e fazer o mesmo esquema, escolhendo out ro. Se no qui-
ser enviar um deles e no t iver out ro para mandar, bast a apagar o que est escrit o
naquele campo editvel. Simples, no?
Agora, lembra-se de que falei sobre enviar arquivos zipados? Pois bem, est a uma
nova caract erst ica de envio do VilaBOL. Prat icament e quando eu est ava comple-
t ando est e livro que surgiu est a boa novidade. Por isso sempre lhes falo que nada
na Int ernet et erno. As modificaes sempre acont ecem, sempre t ent ando facilit ar
e melhorar a sua vida. Vejamos ent o qual a facilidade que t emos em enviar um
arquivo zipado.
Primeirament e vamos explicar o que um ZIP.
ZIP um format o de arquivo onde podemos comprimir vrios out ros arquivos
dent ro dele. Imagine o zip como uma bolsa onde podemos colocar vrias e vrias
coisas. S que essa bolsa t em uma mgica, que tornar t udo o que colocamos den-
t ro dela menor. E quando t iramos, t udo retorna ao t amanho normal.
O arquivo ZIP isso. Dent ro dele podemos colocar vrios e vrios arquivos, e, gra-
as a uma mgica, ele deixa os arquivos menores, bem comprimidos, sem perder
nada. Quando t iramos os arquivos que esto comprimidos dent ro do zip, eles vol-
t am ao t amanho normal.
Existem vrios programas compact adores que criam arquivos zip. O mais famoso
deles o WinZip. Ele pago, mas voc pode t est -lo por 30 dias grat uit ament e.
Para peg-lo na Int ernet , t em que ir ao sit e dele, que o http://www.winzip.com.
Existem out ros programas, que, como falei, t ambm criam arquivos ZIP, e alguns
deles so grat uit os. Para procurar um que seja grat uit o, indico o sit e Superdownlo-
ads, um sit e nacional. Ut ilize o endereo: http://www.superdownloads.com.
br/programas/index.cfm
Clique em Ut ilit rios e logo a seguir na prxima pgina, clique em Compresso de
arquivos. Do lado esquerdo ver os nomes de programas e do lado esquerdo se ele
grt is (freeware) ou se t em algum tempo de uso ant es de t er que efet ivament e
compr-lo (shareware). Tambm ver informaes sobre para quais t ipos de com-
put ador ele serve (Win95, Win98 e WinNT) e o t amanho dele para efet uar o
download, ou seja, baix-lo da Int ernet para seu comput ador. Um dos que vi que
achei interessant e o Freezip. Mas escolha o que mais lhe agradar. Voc pode
t ent ar vrios, at encont rar aquele com que voc mais se d bem.
De toda forma, agora voc j sabe o que um arquivo zip. No vou poder explicar
aqui como funciona cada um dos programas que zipam arquivos. Isso voc t er
que aprender ut ilizando o programa que voc escolheu. Voc poder zipar t odo o
seu sit e em um nico arquivo zip e depois mand-lo para o VilaBOL pelo sistema
de envio de arquivos que j vimos agora h pouco.
A grande vant agem poder enviar t udo de uma vez s. Se voc t iver arquivos em
vrios diretrios/pastas, t udo bem t ambm. Normalment e ut ilizamos as pastas para
organizar melhor o cont edo do sit e. Em uma past a colocamos as imagens, em ou-
t ra as pginas sobre amigos, ou sobre um projet o nosso, et c.
Quando formos gerar o arquivo zip, t emos que dizer a ele que queremos que o
cont edo das past as t ambm esteja dent ro desse arquivo. Depois, t udo o que temos
que fazer enviar o arquivo para o VilaBOL.
Assim que est iver l, eis o que t emos que fazer para abrir o arquivo do nosso sit e e
liberar todos os outros arquivos e past as que t emos l dent ro:
Figura 4.21
Primeiramente t emos que localizar o arquivo zip. No exemplo que estou mostrando o
nome do arquivo imagens.zip. Eu seleciono o nome do arquivo clicando no quadrado
de seleo ao lado do nome dele. Depois eu clico no boto descompactar l em cima.
A prxima t ela a aparecer seria parecida com est a:
Figura 4.22
O VilaBOL j abriu o meu arquivo ZIP e est me mostrando o que eu t enho den-
t ro dele. Ele t ambm me diz quant o eu vou precisar de espao livre para descom-
pact ar todos est es arquivos. Se voc no quiser algum dos arquivos, ent o bast a
t irar a seleo do quadrado ao lado do nome dele. Se quiser t odos os arquivos, en-
t o deixe-os selecionados como aparecem.
Um segundo it em escolher se queremos que o VilaBOL apague o arquivo ZIP
depois de descompactar t udo o que t em dent ro dele. Est a uma sbia deciso, j
que voc no vai mais precisar desse arquivo zip depois de concluda a operao de
ret irada dos arquivos compact ados. Ele s iria ficar no seu sit e ocupando espao,
cert o? No ent anto se ainda quiser ficar com ele, t udo bem. Bast a t irar a seleo ao
lado. Depois pode ut ilizar o gerenciador de arquivos para apagar o arquivo ZIP se
assim o desejar.
A t erceira opo se voc quer mant er a est rut ura original de diret rios/past as.
Est a opo eu recomendo sempre deix-la selecionada. Seno vai ser a maior con-
fuso. Imagine que voc t em dois arquivos com o mesmo nome, mas que est o em
diret rios separados. Isso no t em problema, certo? Mas, se na hora que voc for
descompact ar o seu arquivo ZIP est a opo no est iver selecionada, os dois arqui-
vos de mesmo nome no vo mais est ar separados em diretrios, ento um deles
vai apagar o outro e soment e um vai ficar. Isso ruim, no?
Out ro problema com relao a links. Talvez voc acabe perdendo os links de uma
pgina para outra se no deixar essa opo selecionada, porque uma pgina vai
procurar a outra dent ro de past as que no exist em mais. Isso t ambm ruim.
Bem, depois de t udo certo, bast a clicar no bot o Confi rmar para que o sist ema
do VilaBOL descomprima seus arquivos corret ament e em seu sit e.
Voc t ambm pode comprimir os arquivos que no ut iliza mais em seu sit e. pra-
t icament e o mesmo processo. Primeirament e selecione os arquivos pelo gerencia-
dor de arquivos, selecionando-os. Depois clique no bot o Compactar.
A prxima t ela muito parecida com a da Fig. 4.23.
Figura 4.23
Aqui o sist ema nos most ra quais arquivos escolhemos. Depois nos pergunt a qual
vai ser o nome do arquivo ZIP para onde esses arquivos escolhidos sero compac-
t ados. Escreva algo como imagens.zi p, ou arqui vos.zi p ou o nome que quiser,
desde que no exist a j um out ro arquivo zip com o mesmo nome.
Depois h a opo de apagar os arquivos originais aps a compact ao e criao do
arquivo ZIP. Se voc est iver compact ando arquivos que no usa mais, est a uma
boa deciso, porque de toda forma voc pode descompact ar qualquer um dos ar-
quivos depois, simplesment e selecionando o arquivo ZIP criado e clicando no bo-
t o Descompactar como j ensinei.
Simples, no ?
Se t iver alguma dvida, e est e livro no conseguiu esclarecer, t ent e ver no bot o
Ajuda, que lhe mostrar os det alhes sobre cada funo do VilaBOL.
Figura 4.24
Se ainda assim no conseguiu entender algo, h um e-mail para orient ao do pr-
prio suport e do VilaBOL.
Conclumos aqui o sistema de gerenciamento de seu sit e, tant o com o editor bsico
quant o com o modo mais avanado. No ent ant o o BOL ainda nos permit e incluir
alguns complementos s nossas pginas que iro deix-las mais int eressantes.
Vamos ver agora quais so eles.
Como todo bom hospedeiro de pginas, h sempre algo a mais que nos oferecido.
Em alguns so os cont adores de pginas, em out ros so t ipos de formulrios e em
out ros ainda t emos previso de t empo, et c. No VilaBOL t emos, por enquant o, um
livro de visitas e um cont ador de pginas.
Veja na Figura 4.25 a t ela que aparece ao clicarmos em complementos no menu
lat eral esquerdo.
Alis, o menu esquerdo um t ipo de companheiro que sempre ir lhe ajudar a se
orient ar no VilaBOL. atravs dele que podemos aut omat icament e ir para o Edit or
Bsico (clicando em construa), ou ent o para o Gerenciador de Arquivos (clicando
em gerencie) e no caso do livro de visit as e dos cont adores, s clicar em com-
plement os.
Figura 4.25
Volt ando t ela de complement os, para inst alar um livro de visit as em seu sit e, cli-
que no link Crie seu li vro de vi sitas!. Veremos nova t ela com um formulrio.
Primeirament e devemos responder qual ser o t t ulo de nosso Livro de Visit as.
Escreva algo, como Livro de Visit as do Fulano de Tal (seu nome no caso). Seja
bem simples.
A prxima pergunt a para escolhermos as cores dos component es de nosso livro
de visit as. est ranho escolher as cores sem vermos como elas iro ficar, no
mesmo? J que est amos iniciando, seria legal vermos pelo menos o esquema bsico
da pgina do livro de visitas.
Figura 4.26
Por isso coloquei na prxima figura a pgina concluda; para ent o voc ver se as
cores est o ou no de acordo. E assim voc poder mudar ao seu gost o.
Figura 4.27
Depois vem a cor do t t ulo. Deixei na cor vermelho escuro (vinho), exat ament e
como veio no formulrio. O t ext o em preto e os links, t anto os no clicados quant o
os visit ados, em azul escuro.
Os links, para quem no sabe, podem mudar de cor depois que os clicarmos. Esse
um recurso que era muito usado para podermos saber onde j clicamos apenas re-
conhecendo a cor. Normalment e os links eram azul claro ou escuro e, depois de
clicados, mudavam sua cor para cinza, ou vermelho, et c. Isso era muit o usado ant es
porque a Int ernet , no seu comeo, no t inha botes, nem recursos como os de hoje,
onde vemos menus e botes int eligent es. A navegao era s com t ext o. Quase sem
figuras. Por isso era necessria uma maneira de visualizar por onde j t nhamos
passado. Ento, se quiser, pode mudar as cores dos links de t al maneira que eles,
ant es de serem clicados com o mouse t enham uma cor e aps t erem sido usados
(clicados) mudem a cor.
Finalmente t emos agora a cor da linha que ir separar os t ext os ent re si dentro da
pgina.
Escreva agora no terceiro it em do formulrio uma int roduo. Uma pequena frase
que ser colocada abaixo do t t ulo e que incent ive o visit ant e a se cadast rar. Pode
ser qualquer coisa, como Bem-vindos ao meu livro de visit as. Por favor deixem
seus nomes e coment rios abaixo.
Em quarto lugar iremos decidir o que queremos que o visit ant e preencha. Podemos
pedir apenas o nome, ou ent o agregarmos o e-mail do visit ant e e t alvez o sit e dele,
se o t iver. Se quisermos saber mais ainda, podemos colocar nos espaos que apare-
cem abaixo, quais out ros campos gost aramos que aparecessem para serem preen-
chidos pelo visit ante. Pode ser int eresse, t ime de fut ebol, dat a de nasciment o, et c,
et c. Podemos escolher at 4 campos ext ras para incluir em nosso livro de visit as.
Depois iremos dizer ao VilaBOL se queremos que as mensagens, ant es de serem
publicadas, sejam aprovadas por ns. Se deixarmos o quadradinho de seleo va-
zio, isso significa que no queremos aprovar as mensagens publicadas. A vant agem
que realment e chat o voc t er que entrar em uma pgina especial
(http://vila.bol.com.br/adm_li vro_de_vi sitas.html) para escolher quais so as
mensagens que devem ou no ser publicadas. A desvantagem que algum visitant e
engraadinho pode escrever palavres, xingamentos, et c. Agora voc decide o que
prefere: ou perder algum t empo escolhendo as mensagens a serem publicadas ou
arriscar algum coment rio engraadinho.
Por lt imo iremos clicar no bot o Visualizar para t ermos uma leve idia do que
ser nosso livro de visit as. Clique e... voil ! Est e o result ado que t emos na visua-
lizao com o exemplo que apresent ei.
Figura 4.28
No l grandes coisas, cert o?
Mas o import ant e que funcione.
Eu gost aria que pudssemos modificar o design da pgina ou as let ras, mas no pode-
mos. Soment e podemos mudar as cores depois de publicado. Para isso, bast a visit ar-
mos outra pgina especial (http://vila.bol.com.br/cad_ livro_de_visitas.html) e l
encont raremos est e mesmo formulrio que estamos preenchendo para a criao,
mas dest a vez servir para modificao. Se t ent armos modificar as cores e o t exto
da nossa list a de visit as por est e mesmo processo que agora est amos fazendo, cor-
remos o risco de apagarmos todas as mensagens que porvent ura j exist am grava-
das. Isso acont ece porque a est aremos criando uma nova lista de visit as.
Repet indo: para criar pela primeira vez uma list a de visitas, devemos seguir como
est amos agora. No ent ant o, depois de criada, querendo modific-la, soment e pode-
remos ut ilizar o link ant es cit ado.
Volt emos nossa t ela de visualizao. (Figura 4.28).
Repare que embaixo t emos dois bot es: um para volt ar pgina de edio t alvez
no t enhamos gost ado das cores ou dos t ext o, e ent o ainda poderemos modific-
los ant es de salvar a list a, que exat ament e a funo do outro bot o.
Digamos que est eja t udo ok e que j queiramos publicar essa pgina da list a. Cli-
que em Sal var e ent o o sist ema ir cri-la.
Logo aps ver a t ela da Figura 4.29, onde ir receber os parabns por ter criado
com sucesso sua list a de visit as.
Figura 4.29
L voc encont rar as instrues de como deve proceder para seus visit ant es aces-
sarem sua pgina.
necessrio agora fazermos t udo na mo, ou seja, devemos abrir a pgina onde
iremos colocar um link, um at alho, para essa out ra pgina contendo a list a de visi-
t as.
Sendo assim, devemos abrir o gerenciador de arquivos clicando no bot o amarelo
gerencie que exist e no meu lat eral esquerdo nessa mesma tela.
Isso nos leva a out ra tela.
Figura 4.30
Clique em Abri r o gerenciador de arqui vos.
Figura 4.31
Agora sim est amos no gerenciador.
Vamos dizer que queira colocar o link para a sua list a de visit as na sua homepage.
Selecione o quadrado ao lado do arquivo de nome index.htm (ou index.html).
Clique agora no bot o edi tar pgina.
Aquela pgina agora ir se abrir no editor ht ml. L veremos o cdigo da pgina
para que possamos inserir a chamadinha de nossa list a recm-criada. Agora, a part e
mais difcil saber onde voc deve inserir esse cdigo de t al maneira que fique
legal quando aparecer no navegador do seu visit ant e.
Eu o coloquei bem simples: criei a primeira pgina seguindo exat ament e as inst ru-
es que t emos aqui no livro. Sendo assim, imagino que vocs t ero uma pgina
mais ou menos parecida.
Procure no final do cdigo algo como:
href=http://vil a.bol .com.br/fmli st.html><li >Gerencie sua pgina<br></a>
e escreva logo abaixo:
<a href=http://vila.bol.com.br/li vro_de_vi sitas.html><li >Ler meu li vro de
vi si tas<br></a>
<a href=http://vila.bol.com.br/assine.html><li >Assinar meu li vro de visi -
tas<br></a>
clique em Sal var e espere um pouco para o sist ema salvar sua pgina e ret orne ao
gerenciador clicando no bot o referent e. No cdigo, vai ficar algo mais ou menos
assim a part ir daquela part e que pedi para procurarem:
<a
href=http://vil a.bol .com.br/fmli st.html><li >Gerencie sua pgina<br></a>
<a href=http://vila.bol.com.br/li vro_de_vi sitas.html><li >Ler meu li vro de
vi si tas<br></a>
<a href=http://vila.bol.com.br/assine.html><li >Assinar meu li vro de visi -
tas<br></a>
</menu></span>
visualizar o cdigo pelo editor do VilaBOL realment e no uma t arefa fcil.
Programas de edio acabam fazendo o que chamamos de indentao, que seria
deixar o cdigo mais visvel, mais ou menos assim:
<a href=http://vila.bol.com.br/fmlist .ht ml>
<li >Gerencie sua pgina
<br>
</a>
<a href=http://vila.bol.com.br/livro_de_visitas.ht ml>
<li >Ler meu livro de visit as
<br>
</a>
<a href=http://vila.bol.com.br/assine.html>
<li >Assinar meu livro de visit as
<br>
</a>
</menu>
</span>
Isso facilit a nossa vida na hora de bot armos a mo na massa, digo, no cdigo.
A separao por linhas, o uso de espaos ou t abulao para melhorar a viso dos
elementos principais do cdigo e, em muitos editores, o uso de cores para separar
elementos de ht ml do rest o da pgina, como t extos, et c., realment e algo priorit-
rio para um bom desenvolvedor de pginas na Int ernet .
Bem, de t odo modo, vimos ent o como criar nosso livro de visit as.
Vimos que t emos que, primeirament e, cri-la e depois inserir o cdigo dent ro de
uma de nossas out ras pginas (ou dentro de todas) para criarmos o link, o at alho
para esse nosso livro de visit as. Aps inserirmos o cdigo, t emos apenas que salvar
a pgina e volt ar ao gerenciador de arquivos.
No livro poderemos ver os coment rios de todos os visit ant es que o assinaram pre-
enchendo o formulrio que criamos. O visitant e pode t ambm t er um at alho direto
para assinar o livro de visit as. Assim ele poder preencher o formulrio rapida-
ment e e colocar seu coment rio sobre o sit e.
Vimos t ambm que, para liberarmos os coment rios deixados se foi assim que
decidimos fazer naquela pgina de criao do livro de visit as devemos regular-
ment e visitar a pgina
http://vila.bol .com.br/adm_ li vro_de_visi tas.html
e se quisermos modificar algum it em do nosso livro, bast a irmos at a pgina
http://vila.bol .com.br/cad_ li vro_de_vi sitas.html.
Pode acontecer do sist ema lhe pedir seu nome de usurio e senha, caso t ent e aces-
sar essas pginas de out ro comput ador por exemplo, mas isso no mais empeci-
lho, cert o?
Ainda no vimos como ficaria a pgina com os links que acabamos de colocar para o
livro de visitas. Vejamos ento como ela era antes: repare que havia apenas os links
Edi te sua pgina e Gerencie sua pgina logo acima da casinha smbolo do VilaBOL.
Figura 4.32
Agora veja como ficou depois da insero daquele cdigo.
Figuras 4.33
Contador de Pginas
Vamos nos aprofundar agora em como inserir um cont ador de pginas em seu sit e.
Normalmente o cont ador sempre colocado na primeira pgina do sit e, ou seja, na
homepage. Com raras excees seria interessant e colocarmos int ernamente.
Como o processo o mesmo, vamos part ir do princpio bsico de que o marcador
apenas ser mostrado quando o visit ante entrar na homepage de nosso sit e.
Volt ando quela pgina dos complementos (ver Figura 4.34), iremos encont rar um
link para uma out ra t ela nos explicando como se inst ala o cont ador.
Figura 4.34
muito simples na realidade, e voc nem precisa visit ar essa pgina, mas de toda
forma vou mostr-la aqui.
Tudo o que voc precisa fazer, na realidade, incluir um outro cdigo em sua p-
gina, exat ament e como o fizemos com o livro de visit as. O cdigo a ser colocado
dest a vez assim:
<img src=http://vi la.bol .com.br/contador.gi f>
Figura 4.35
Repare que escrevemos aqui vila PONTO bol. Apesar do sit e de hospedagem se
chamar vilabol, t udo junto, nos dois casos de complementos o endereo deve ser
vila PONTO bol PONTO com PONTO br, ok?
Essa uma dica para os desat entos, porque quando vemos que no funciona o
cont ador ou o livro de visit as logo ficamos achando que defeit o do sist ema deles
e muit as vezes ns que escrevemos errado. E vocs j sabe: cdigo errado em
HTML acaba gerando algum t ipo de erro.
O esquema exat ament e o mesmo do livro de visitas. Abra o gerenciador de arqui-
vos, procure o arquivo index.html e clique no quadrado ao lado do nome dele, se-
lecionando-o.
Depois clique no bot o edi tar pgina para vermos o cdigo.
Agora ser mais simples de acharmos onde devemos inseri-lo.
V at o final do cdigo ut ilizando a barra de rolagem do quadro onde se encontra
o html.
Voc ir ver algo assim:
</table>
</body>
</html >
Agora edit e o ht ml de t al maneira que fique assim:
</t able>
<p align=center><img src=http://vila.bol.com.br/contador.gi f></p>
</body>
</html>
Veja que eu acrescent ei alguns element os ao cdigo original do cont ador.
Eu acrescent ei o <p align=center> e no final um </p>
Isso ir fazer com que o cont ador fique espaado da t abela de cima, ent o separa-
mos melhor os element os e tambm ele ficar alinhado ao cent ro. Dessa forma ele
vai ficar mais legal na pgina.
Salve a pgina e clique no bot o do gerenciador. Vamos ver como a pgina ficou.
Assim que a t ela com o gerenciador de arquivos aparecer, clique diret amente sobre
o nome do arquivo. Isso ir abrir uma nova janela do seu navegador e most rar o
arquivo nela, ou seja, most rar a homepage. Repare embaixo que o cont ador j co-
mea a funcionar, mostrando a quant idade de vezes que se ent rou naquela pgina
desde o moment o em que inserimos o cdigo e a salvamos.
Existem out ros t ipos de cont adores no VilaBOL t ambm, mas voc t er que, ant es,
passar por todo esse processo de colocar o cont ador bsico, salvar a pgina e visu-
aliz-la. Soment e depois de ver sua pgina no navegador e ele comear a marcar do
00001 em diant e que poder mudar o t ipo do cont ador. E para isso muito sim-
ples, bast a ent rar novament e na pgina onde se explica como colocar o cont ador.
Veja a figura a seguir:
Figura 4.36
Ao entrar no VilaBOL, voc pode clicar diret ament e no link Servi os para o seu
si te, em complementos.
Figura 4.37
Ou ent o, j logado no sist ema, pode clicar no menu lat eral esquerdo, t ambm em
complementos e em seguida clicar no link Coloque um contador em seu si te.
A part ir da, ver a tela de apresent ao dos cont adores.
Figura 4.38
Repare que temos um segundo it em chamado Outros contadores do BOL. Se-
guindo o text o, h um link cli que aqui para escolher out ros t ipos. Clique com o
mouse sobre ele.
Caso voc t enha feit o t udo certo ant eriorment e, ou seja, j includo um cont ador
como expliquei, e depois visualizado sua pgina funcionando e marcando cada en-
t rada no seu sit e, dever ver est a t ela a seguir. Caso contrrio, o sist ema ir lhe tra-
zer para a mesma pgina onde est ava.
Supondo que t udo t enha seguido corret ament e, ver a t ela da Figura 4.40 onde po-
der incluir um novo cont ador em out ra pgina (na verdade o link ir apenas redi-
recion-lo para a pgina ant erior e t er que fazer t udo na mo como ant es).
Poder t ambm modificar o cont ador que t em cadastrado e j funcionando e t am-
bm apag-lo caso deseje.
O t ipo de cont ador escolhido aparece abaixo e a localizao do mesmo t ambm
aparece embaixo.
Digamos que queira modificar o desenho do seu cont ador porque no gostou muit o
dele, ou simplesment e pela curiosidade de ver o que o VilaBOL t em a lhe oferecer
em mat ria de out ros cont adores.
Clique no bot o modi fi car.
Figura 4.39
Veja a quant idade de cont adores que voc vai t er disponvel.
Bast a selecionar um deles clicando no crculo de seleo ao lado do modelo esco-
lhido.
Logo abaixo voc tem t ambm como cont rolar a part ir de qual nmero seu conta-
dor ir iniciar. Ao invs de comear do nmero 1, voc poderia colocar o cont ador
para iniciar a cont agem a part ir do nmero 1500. Ent o quem entrasse em sua p-
gina iria achar que ela j foi visit ada mais de 1500 vezes. Convenhamos, isso
uma grande ment ira. A nica razo para usar est e recurso para o caso de voc
acident alment e t er perdido o cont edo de sua pgina ou apagado o seu cont ador, e
agora querer o seu novo cont ador most rando a part ir de quando ele foi apagado. A
t udo bem.
Voc t em t ambm uma t erceira opo que a quant idade de dgit os. Se voc es-
colher 3 dgit os, por exemplo, quando chegar a 999 visit as, o prximo visit ant e ir
ver 000, que seria o 1000, mas como no h espao para o nmero 1000, ent o ele
zera o cont ador. Sempre deixe no mnimo 5. Se voc perceber que t er mais vi-
sit as do que 99.999, ent o coloque mais dgit os depois.
A seguir bast a clicar no bot o Al terar para salvar suas modificaes.
Figura 4.40
O VilaBOL ent o nos apresent a uma pgina dizendo qual foi a pgina cujo conta-
dor foi modificado.
Figura 4.41
Lembrem-se de que t emos a opo de alt erar um cont ador, mas t ambm t emos a
opo de apag-lo. Se clicarmos no boto Apagar, veremos est a tela aparecer
por cima.
Figura 4.42
Se quisermos realment e apagar o cont ador da pgina em quest o, clique Sim,
caso cont rrio, clique No e a janela se fechar sem efet uar nenhuma operao.
Se, no ent ant o, voc decidiu apagar, o VilaBOL ir apresentar a seguint e mensa-
gem de que o cont ador da pgina t al foi removido.
Figura 4.43
Aqui encerramos t odas as funcionalidades at uais do VilaBOL que eu poderia ex-
plicar. Com cert eza novas facilidades iro surgir. Essa a evoluo nat ural da In-
t ernet e da vida. Vamos ao prximo servio de hospedagem.
Planeta Terra
Conect e-se Int ernet e ent re no sit e do Planeta Terra:
http://www.terra.com.br/planeta
Figura 4.44
J vimos ant es como se regist rar no site, ent o voc provavelment e j seguiu t odas
as instrues e t em sua cont a no Planet a Terra. Sendo assim, preencha seu user-
name e senha nos campos solicit ados e clique no foguetinho do OK.
Est a a t ela que veremos para gerenciar nosso sit e. A cont a do Planet a Terra foi
apenas abert a. Na primeira vez que entramos no sit e, no h qualquer arquivo.
Figura 4.45
No Planet a Terra no temos como edit ar um arquivo. Temos que faz-lo em casa
ou no escrit rio, enfim, em um comput ador e s depois envi-lo para o sit e na In-
t ernet .
Os comandos que t emos no gerenciador de arquivos do Planet a Terra (ou Admi-
nist rao do Sit e, como chamado aqui), so:
Envi ar Clique aqui para enviar algum arquivo (seja de pgina ht m
ou de imagem ou out ro qualquer) para o seu sit e. Atravs dest e co-
mando voc ir colocar o cont edo no seu site.
Baixar Selecione um arquivo que aparece no gerenciador de ar-
quivo. Clique em baixar e voc poder salv-lo em seu comput ador.
Nova Pasta Clique aqui para criar uma nova past a/diretrio em
seu sit e.
Renomear Selecione um arquivo ou diret rio e clique aqui para
t rocar o nome dele por out ro.
Apagar Selecione um arquivo ou diret rio e clique aqui para apa-
g-lo de seu sit e.
Procurar Se voc quiser saber onde est algum arquivo seu e no
consegue encont r-lo, ut ilize est e bot o para que o Terra possa lo-
caliz-lo mais facilment e.
Recortar Selecione um arquivo ou diretrio. Clique nest e bot o
para fazer o arquivo ou diretrio sumir de onde est ava e ir para a
memria do sist ema. Ut ilize depois o boto Col ar.
Copiar Selecione um arquivo ou diretrio e clique em Copi ar
para copi-lo para a memria do sist ema. Escolha um diret rio para
col-lo e clique no bot o Colar.
Colar Ut ilize-o depois de usar o Recortar ou Copiar. Ele vai pe-
gar o arquivo ou o diretrio que est iver na memria do sist ema e
col-lo no local que voc escolheu. Se j houver arquivo ou diret-
rio com o mesmo nome, o sist ema cria outro para voc.
Ajuda Esse it em nem precisa de explicao, no ? a ajuda do
sist ema.
Vejamos como que ut ilizamos o bot o Envi ar.
Ao clic-lo veremos a seguint e t ela, onde iremos clicar no bot o Browse para lo-
calizar em nosso comput ador o arquivo que queremos enviar para o sit e.
Figura 4.46
O sist ema o mesmo do VilaBOL, e ser o mesmo para vrios out ros sit es de hos-
pedagem, por isso no acho que precisemos novament e da explicao.
A maior diferenciao que j podemos escolher daqui qual o diret rio onde que-
remos que esses arquivos sejam copiados.
Se seu sit e j t iver vrios diretrios, eles est aro list ados no combo ao lado de
Destino. Clique na set a e selecione qual o diret rio/past a desejado e pront o.
Se quiser que eles fiquem logo no comeo do sit e, que chamamos de raiz ou root,
deixe selecionado na barra / . Bast a clicar agora no bot o Envia.
Lembre-se de que, ao selecionar o diret rio, TODOS os arquivos acima sero envi-
ados para l. No d para dizer que quer apenas um ou dois arquivos para o diret-
rio escolhido. Assim que os arquivos t iverem sido enviados, receberemos uma
mensagem de confirmao. Bast a clicar em OK para voltarmos ao gerenciador.
Figura 4.47
Agora veremos o segundo comando, que Baixar.
Est e bem simples. Bast a selecionar o arquivo que quer trazer para seu comput ador e
clicar no boto. O sistema ir most rar uma t ela parecida com a da Figura 4.48.
Figura 4.48
Voc no pode baixar mais do que um arquivo de vez ou um diretrio int eiro, es-
t eja ele vazio ou no. Apenas um arquivo por vez, ok?
Verifique se a seleo est em Save this file to disk ou Sal var este arqui vo
para o disco e clique no bot o Ok. Logo aparecer out ra janela.
Nessa t ela escolha onde quer guardar o arquivo escolhido que est sendo trazido de
seu sit e na Int ernet .
Figura 4.49
Voc pode escolher outro nome para ele t ambm, mas t enha cuidado para sempre
deixar o arquivo com a t erminao corret a. Se for um arquivo htm, ent o no es-
quea do ponto ht m, se for um arquivo zip, no se esquea do pont o zip, se for
uma imagem gif, no se esquea do ponto gif, ok? A part ir da, clique em Save
ou Sal var e o arquivo ser baixado para seu computador.
Qual o prximo comando agora? Sim, o Nova Pasta.
muit o simples o que ele faz. Apenas cria uma nova past a (ou diret rio, como
preferir) onde qui ser. Ao clicar nesse bot o, o sist ema ir most rar a seguint e
t ela:
Figura 4.50
Voc s deve escrever o nome da nova past a e o dest ino dela, ou seja, se vai ficar
na raiz de seu sit e (ent o escolha a barra /) ou dent ro de algum out ro diret rio
(escolha o dest ino clicando na set inha e selecionando o diretrio dent ro do qual
essa nova past a vai ser criada). A part ir da, clique em Cri a e pront o. Simples
mesmo.
O comando Renomear serve exat amente para o que ele se prope: renomear algum
arquivo ou diret rio/past a com out ro nome. Simplesment e selecione o arquivo ou
past a cujo nome deseja trocar no gerenciador de arquivos e clique no bot o. Uma
t ela ir surgir onde voc poder escrever o novo nome do arquivo selecionado. De-
pois bast a clicar em Renomei a e pront o.
Figura 4.51
Para ut ilizar o comando Apagar, selecione o(s) arquivo(s) e/ou diretrio(s) e clique
no bot o. O sist ema ir most rar uma tela com o nome dos arquivos e diretrios se-
lecionados. D uma checada para ver se so esses mesmos que voc quer apagar de
seu sit e e clique no boto Exclui .
Figura 4.52
O comando Procurar para aquelas sit uaes em que voc sabe o nome de um
det erminado arquivo, mas no sabe onde ele est . Isso muit as vezes acont ece quan-
do t emos um sit e muito grande, e o organizamos em vrias past as, at mesmo sub-
past as, ficando s vezes difcil achar um arquivo, principalment e uma imagem.
Clique no comando Procurar e ent o preencha a t ela seguint e com o nome do
arquivo procurado.
Figura 4.53
Clique no boto Procurar e espere o result ado. Se o arquivo est iver l no seu sit e
e voc escreveu direit o o nome dele, o sistema o encont rar e trar um resultado.
O Planet a Terra ent o nos most ra quais foram os arquivos encont rados com aquele
nome e qual a past a onde ele se encont ra.
Sempre que voc est iver em outra t ela que no a de administrao de seu sit e, o
gerenciador de arquivos, ver que no final h um cone onde ver escrit o vol ta
para a lista. Clicando ali voc sempre volt a para o gerenciador. Nessa t ela veja
t ambm que voc j pode baixar o arquivo encont rado, renome-lo, apag-lo, re-
cort -lo, copi-lo, col-lo ou envi-lo por e-mail para algum endereo eletrnico,
UFA!!! Quant a coisa d pra fazer, hein?
Figura 4.54
O comando Recortar faz exat ament e o que ele faria em um Word, por exemplo.
Primeirament e voc seleciona o que quer recortar. Pode ser um diretrio ou um
arquivo. Depois clica em Recort ar. O sist ema ir primeirament e remover o que
voc selecionou para a memria do sist ema. Isso quer dizer que voc no vai ver
no gerenciador de arquivos o que removeu. Mas quando apert ar o comando Colar,
t udo o que voc removeu e acabou copiando para a memria do sist ema, ser cola-
do no seu sit e.
Por exemplo: digamos que voc selecione um arquivo chamado fotos.htm. A voc
usa o comando Recortar. O arquivo vai sumir. Mas quando voc apert a Colar, ele
reaparece. E se clicar Colar de novo, o sist ema vai colocar uma cpia desse arqui-
vo (que o sist ema no most ra, mas que est na memria dele) dentro do seu sit e,
mas com out ro nome, como fotos.hmt_1. Mas cuidado. Se voc selecionar outro
arquivo e ut ilizar t ambm o comando Recortar, o primeiro arquivo vai sumir de
vez, t ant o do seu sit e quant o da memria do sist ema do Planet a Terra. E quando
voc sair ou desligar o seu navegador, o sist ema t ambm se esquece daquele ar-
quivo e a voc vai perd-lo para sempre.
O comando Copi ar ir copiar t udo o que voc selecionou na memria do sist ema
para depois voc colar em seu sit e ut ilizando o comando Colar. realment e muit o
simples. Selecione o arquivo ou past a desejada e clique no comando Copiar. De-
pois use o comando Col ar para colocar t udo o que copiou onde voc desejar no seu
sit e.
Acho que o comando Col ar j foi bem explicado aqui com o uso do Recort ar e do
Copiar, corret o?
E o comando Ajuda nos leva para outra pgina onde t eremos disponveis todas as
informaes sobre como funciona o sist ema do Planet a Terra.
Figura 4.55
Com j disse ant es, em vrias pginas int ernas, voc ver o cone para volt ar para a
list a, que o gerenciador de arquivos. Caso voc acabe clicando em algum link que
o leve para fora da rea de segurana do sit e, t er que volt ar ao
www.t erra.com.br/planet a e se logar no sist ema novament e. Isso com cert eza vai
acont ecer se voc clicar naquele link l embaixo da pgina de administrao do
sit e, onde est escrito:
Para saber mai s sobre HTML e criao de si tes, consul te o nosso si te de in-
formti ca
Na ajuda voc ver t ambm como incluir cont adores de visit ant es em suas pginas
e como escolher entre alguns deles, como criar formulrios para envio de e-mail e
t ambm aprender como enviar seus arquivos via FTP, o que veremos no prximo
capt ulo.
Vamos ver agora sobre cont adores e formulrios.
Infelizment e, t udo o que voc t er que fazer daqui em diant e ser t rabalhar direta-
ment e no cdigo HTML de suas pginas. No h qualquer out ro sist ema que o aju-
de a criar, sem esse sofriment o, a sua pgina.
Para colocar um cont ador em sua pgina, primeirament e deve conhecer HTML.
Depois localize onde, em sua pgina, deseja que o cont ador seja inst alado. Abra o
cdigo HTML e localize esse local dent ro dele e insira o cdigo do seu cont ador no
local que escolheu. O cdigo do cont ador algo como:
<img src=/tool s/Count.cgi ?df=page1&ft=0>
Se voc clicar em Ajuda e escolher o it em Contadores de visi tantes, ver vrios
t ipos de cont adores l, e os cdigos que t m que ser ut ilizados para que esses con-
t adores apaream.
Para os mais experient es, h uma seo int it ulada Tcnicas Avanadas dos Con-
tadores / Exempl os que traz mais det alhes ainda sobre cada cont ador. Eu sincera-
ment e aconselho apenas a primeira part e. A part e de t cnicas avanadas real-
ment e muito avanada e complicada e no t raz grandes benefcios a mais. Ent re os
t ipos de cont adores oferecidos h at mesmo alguns que most ram a hora e o dia
at uais.
Vejam aqui alguns exemplos deles.
Como o cdigo pode ser alt erado pelo Planet a Terra, eu prefiro que vocs consul-
t em os t ipos de cont adores e seus respect ivos cdigos diret ament e no sit e, j que eu
poderia correr o risco de lhes informar um cdigo errado, ou mesmo de no mos-
t rar t odas as possibilidades. Pode ser que novos modelos sejam criados. Como j
disse, a Int ernet est sempre em evoluo.
E o formulrio de e-mail? Como eu configuro uma pgina para que os visit ant es de
meu sit e possam me enviar uma mensagem?
O formulrio de e-mail uma ferramenta que permite aos visitant es do seu sit e
mandar mensagens diret ament e para o e-mail que voc escolher. Bast a acrescentar
uma linha de t ext o de HTML na pgina em que desejar, preenchendo corretament e
os parmet ros. Voc deve preencher o parmet ro emailt o e acrescent ar o t ext o
que quiser como referncia:
<a href=/tools/emailto.cgi?email to=seu_email> texto de refernci a </a>
realment e muito simples.
Voc coloca esse link com o cdigo (no se esquea de colocar seu e-mail no cdi-
go) em qualquer pgina.
Exemplo:
<a href=/tools/emailto.cgi?email to=ful ano_de_tal @terra.com.br> Me man-
de um e-mail </a>
Quando clicarem no link, o sist ema ir t razer outra pgina com o formulrio pront o
para ser preenchido pelo seu visit ant e.
O visit ant e preenche os espaos com o e-mail dele, o assunt o e a mensagem que
quer lhe enviar. Depois clica em Envi a e a mensagem vai para o e-mail que est na
frent e do Destinatrio. Est e bem simples.
Figura 4.56
Infelizment e a pgina de formulrio no configurvel e pode ficar com uma cara
muit o simples.
Com isto encerramos t odos os recursos do Terra. Veremos o prximo agora.
UOL
Conect e-se Int ernet e ent re no sit e do UOL: http://www.uol.com.br
Podemos ir pela pgina principal e clicar em Web Si tes Pessoai s do lado esquerdo,
no menu lat eral, l embaixo, ou ent o simplesment e digit ar http://sites.uol.com.br.
Tambm funciona. Veremos a t ela de login.
Figura 4.57
Temos duas maneiras de criar pginas no UOL e mant -las. Veja que t emos dois
bot es principais, o Faa e o Atualize.
O Faa para quando voc deseja ut ilizar os modelos j exist entes para ajud-lo na
criao de uma pgina. J vimos como funciona esse processo.
Agora vamos verificar como poderemos mant er nosso sit e, edit -lo on-line e enviar
possveis arquivos de imagem ou ht m para o sit e, sem ut ilizar os modelos de cria-
o. Clique ent o em Atualize. Basicamente sempre iremos para as mesmas t elas.
Figura 4.58
Clique em Avanado. O outro mtodo, o Fcil , o que ut iliza assistent es de cria-
o e modelos j prontos. Veremos agora outra t ela, a de login, que a mais im-
port ant e destas iniciais.
Figura 4.59
Digit e seu nome de usurio e sua senha. Lembre-se de que voc t em que ser assi-
nant e do UOL para t er acesso e possuir um site hospedado nele.
Depois de preencher seu nome e senha, clique no bot o Entrar. J veremos a t ela
de onde poderemos gerenciar nossos arquivos.
Figura 4.60
Os recursos do UOL so muit o simples. Repare que t emos na mesma t ela a condi-
o de:
a) criar um diretrio
b) criar uma nova pgina
c) visualizar um mapa do nosso sit e para nos localizar
d) cadast rar nosso sit e no sist ema de busca da UOL, o RadarUOL
e) enviar arquivos (um de cada vez) para seu site.
Vejamos primeirament e como enviar um arquivo para seu sit e no UOL.
Perceba que o princpio o mesmo de todos os outros provedores que j vimos.
Bast a clicar no bot o Browse ou Procurar e, atravs da janela que se abre
most rando o seu comput ador, localizar o arquivo que pret ende enviar.
Assim que localizar o seu arquivo, voc pode dar dois cliques nele ou ento apenas
selecion-lo e apertar o bot o Open ou Abri r.
Figura 4.61
O nome e a localizao do arquivo ir aparecer no campo que est ava ao lado do
bot o Browse. Clique agora em Enviar ! para que o sist ema do UOL carregue
o arquivo escolhido para seu sit e.
Figura 4.62
Infelizment e voc s consegue enviar um arquivo de cada vez e t ambm no pode
escolher se quer que seu arquivo v para um outro diretrio, por exemplo.
Ele ir para a raiz de seu sit e e depois voc ter que mov-lo para onde quiser. As-
sim que seu arquivo est iver em seu sit e, voc o ver nessa mesma pgina. No
exemplo que mostrei eu enviei um arquivo chamado index.ht m. O nome do arquivo
e seu t amanho e dat a da lt ima alt erao aparecem logo abaixo do campo que usa-
mos para enviar esse arquivo. Repare que, ao lado do nome, vemos dois links: Edi -
tar e Opes.
Se clicarmos em Edi tar, o sist ema ir abrir uma pgina onde iremos ver o cdigo
dessa pgina. Assim poderemos edit ar on-line o cont edo de nossa pgina. Lgico
que iremos precisar conhecer HTML para isso.
Figura 4.63
Nessa t ela, onde nosso arquivo est pronto para ser edit ado, t emos as seguint es
funes:
a) Gravar arquivo
b) Visualizar
c) Sair sem alt erar
d) Sem quebra de linha
Ao pressionarmos Gravar arqui vo iremos salvar o que modificamos e ret ornamos
t ela inicial.
Visualizar nos permit e ver como est ficando nossa pgina. Uma nova janela ir se
abrir e poderemos v-la.
Sai r sem al terar apenas nos leva t ela inicial sem salvar nada do que t enhamos
porvent ura mexido no cdigo.
O bot o Sem quebra de linha nos permit e ver o cdigo sem as quebras de linha
normais. Isso muit o t il normalment e para pessoas com mais experincia em c-
digo e que ut ilizam linhas sem quebra, com indent ao.
Em qualquer cdigo t emos linhas que dizem ao programa o que fazer.
Veja est a linha de cdigo:
<img src=minhafoto.jpg>
Aqui est ou dizendo ao navegador, que, nessa linha, quero que aparea uma imagem
e que ela se chama minhafoto.jpg. S que eu posso colocar mais det alhes ainda.
Veja s:
<img src=minhafoto.jpg widht =550 height =250 alt =Oi. Para quem no
sabe, est e aqui na foto sou eu.>
Vi u como a linha ficou quebrada em duas simplesment e porque t em mais det alhes
no cdigo? Quando escrevemos o cdigo em HTML de uma pgina, s vezes
melhor vermos isso em uma linha s. Para nos localizar. para isso que serve esse
bot o Sem quebra de linha.
Voc, ao invs de ver apenas uma barra de rolagem, ir ver duas, s que uma verti-
cal, para ver o cdigo para baixo ou para cima, e outra horizontal, para visualizar o
resto do cdigo para os lados.
Normalmente no iremos precisar desse recurso, mas bom vocs saberem.
Bem, j vimos a opo Edi tar. Vamos ver agora para o que serve o Opes.
Ao clicarmos em Opes, ao lado do nome do arquivo ou do diret rio, iremos ver
out ra t ela.
Figura 4.64
Nest a t ela, poderemos efet uar algumas aes com relao ao arquivo ou diretrio
escolhido. Temos como Renomear seu arquivo ou diretrio, bastando trocar o
nome dele por outro. Se for um arquivo, no esquea de colocar a mesma t ermina-
o. Voc pode mudar o nome de um arquivo chamado fot os.ht m para recordaco-
es.htm, memorias.htm, imagens.htm, et c., mas nunca para fot os.doc, por exemplo.
Isso porque voc estaria mudando as caracterst icas do arquivo. Isso t ambm serve
para imagens. No podemos mudar um arquivo .GIF para um .JPG apenas mu-
dando o final do nome. Isso no possvel.
No caso de renomear diret rios, no coloque nomes com espaos. Um diret rio
chamado imagens pode ser renomeado para fotos ou fotos_minhas, por exemplo,
mas nunca para fotos minhas. Se quiser dois nomes, una-os com o sublinhado ou
underline (_).
Tambm t emos a opo de Transferi r. Podemos atravs desse bot o, Mover um
arquivo ou diret rio para out ra part e de nosso sit e, como para dent ro de out ro di-
retrio, por exemplo. Se movermos um diretrio para dentro de outro, t odos os ar-
quivos que est avam dent ro daquela past a iro acompanh-lo.
Tambm podemos Copiar um arquivo ou diret rio, no precisando assim mov-lo
de lugar. Para cada uma dessas alt ernat ivas, t emos apenas que escolher, logo abai-
xo do boto Transferi r, se queremos mover ou copiar o arquivo/diretrio selecio-
nado e escolher para onde queremos que essa ao seja efet uada. s escolher,
na lista que aparece abaixo, o nome do diret rio-dest ino.
Por lt imo temos a opo de Apagar o arquivo ou o diret rio selecionados.
Primeiro t emos que selecionar o quadrado ao lado da palavra Confirma e ent o
apert amos o bot o Apagar. Nesse caso uma segunda t ela de confi rmao ir ser
most rada, j que um passo sem volt a. Ao apagarmos o arquivo nunca mais pode-
remos t -lo de volt a, a no ser que voc t enha uma cpia de segurana em seu
comput ador pessoal (e sempre bom t er). No caso de apagar um diretrio, t udo o
que est iver dentro dele ser apagado tambm.
Figura 4.65
Clicando em Sai r sem alterar, volt aremos t ela inicial.
Veremos agora a opo de Cri ar um di retrio. Clique nele para visualizarmos a
prxima t ela. Est a operao t ambm bast ant e fcil. Bast a digit ar o nome do dire-
t rio no campo em branco e clicar no bot o Cri ar di retrio. Automat icament e
seu diret rio ser criado.
Se voc quiser escolher onde o seu novo diretrio aparecer, bast a que primeira-
ment e, voc est eja no local cert o. Digamos que, por exemplo, voc t enha um sit e
cujo endereo (ou URL) seja assim: http://sites.uol.com.br/seunome
Voc quer criar um diret rio l dent ro onde ir guardar imagens. Ao entrar no ge-
renciador de arquivos do UOL, voc sempre vai est ar na raiz de seu sit e, ou seja, na
part e mais aparent e dele. Sendo assim, quando voc clicar no boto Cri ar Di re-
tri o e escrever imagens, o UOL criar essa nova past a nessa part e mais superfi-
cial de seu sit e e o diret rio ficar nest e endereo:
http://sites.uol .com.br/seunome/imagens
Agora digamos que voc t enha vrias fot os de casamento e outras de format ura
dent ro desse novo diret rio que criou, e essas fotos est o todas ali, mist uradas.
Num acesso de nimo, voc se prope a separar essas fotos, ou seja, esses arquivos
e coloc-los em past as separadas. Assim fica mais organizado, no mesmo? En-
t o, naquela sua t ela inicial do gerenciador de arquivos do UOL, clique no diretrio
imagens. Isso ir lev-lo para dent ro dessa past a, corret o? Agora sim, poderemos
clicar no bot o para criarmos um novo diretrio, DENTRO do diretrio imagens.
Veja as t elas que fiz para esclarecer melhor o processo.
Aqui est ou no incio de meu sit e. Na raiz dele, onde t enho minha homepage cha-
mada index.htm e t enho tambm um diretrio chamado imagens.
Figura 4.66
Clicando no link do nome do diretrio i magens, fui para dent ro do diretrio. Como
eu quero criar uma nova past a (diretrio) dent ro do diretrio imagens, eu t ive que
ent rar nele primeirament e.
Figura 4.67
Clique agora no bot o Criar di retri o. Veremos a t ela de criao de diretrios
que j est udamos ant es. Bast a agora escrevermos o nome do diret rio que quere-
mos ali dentro. No exemplo que dei eu queria um diret rio formatura (e post eri-
orment e um outro chamado casamento) dent ro de imagens.
Figura 4.68
Aps escrever o nome e clicar no bot o para criao, vemos na prxima tela que o
diret rio j se encontra em nosso sit e, na posio que queramos.
Figura 4.69
Agora bast a organizar as fot os movendo-as para esses novos diret rios (e no se
esquecendo de at ualizar as pginas HTM onde elas eram most radas, lgico, pois o
sist ema de sit es do UOL no at ualiza os links automat icament e). Para volt armos
raiz do sit e, t emos que clicar no link di retri o anterior.
Vamos ver agora como compactar um di retrio.
Esse processo de compactao s necessrio quando no est amos mais ut ilizando
o cont edo dessa pasta, mas tambm no queremos apag-lo. Ent o, para no ocu-
par muito espao, o UOL nos oferece a possibilidade de compact ao do diret rio e
de t odo o seu cont edo em alguns format os. Primeirament e t emos que escolher um
ponto de part ida para a compact ao. Se ela for feit a a part ir da raiz do seu sit e, o
arquivo compactado ir conter todos os arquivos ali encontrados (como sua home-
page) e t ambm t odos os diret rios abaixo dele.
Se voc quiser compact ar apenas o cont edo de seu diret rio imagens, por exem-
plo, ou de out ro qualquer, deve primeirament e ent rar nele para depois acionar o
bot o de compactao.
Figura 4.70
Veja que h no t exto uma referncia a em qual diretrio voc est .
...Para comprimir todos os arquivos e diret rios a part ir dest e diretrio
(/ra/seunome/di retori o_escolhi do)...
Escolha o arquivo .ZIP se voc ut ilizar comput adores com o sist ema operacional
Windows. Se voc est iver ut ilizando Maci ntosh, pode escolher os padres TAR
ou o TAR GZ. Para cada computador, um t ipo de arquivo de compresso indica-
do.
Depois do arquivo compact ado t er sido criado, voc escolhe se quer apagar o dire-
t rio e os arquivos que j est o salvos dent ro dele.
S t enha o cuidado de no delet ar os dois, o seu novo arquivo compactado e t am-
bm os arquivos e diretrios escolhidos.
Vejamos agora como cri ar uma nova pgina. Primeirament e escolhemos onde
queremos cri-la. Se for na raiz de seu sit e ou dent ro de algum diret rio. Se assim o
for, primeiramente se localize em seu sit e clicando e entrando em seus diretrios e
s depois clique no bot o Cri ar nova pgina.
Nessa t ela voc ver o nome do diret rio onde est e onde a pgina ser criada.
Logo abaixo h um campo onde dever escrever o nome do novo arquivo.
Escreva o nome seguido do ponto ht m ou ponto ht ml (ex.: fot os.ht m).
Figura 4.71
H trs bot es nessa t ela:
a) gravar arqui vo
b) vi sualizar
c) sai r sem al terar
O primeiro bot o cria o arquivo e salva as alt eraes cont idas no campo de edio
abaixo deles.
O segundo bot o abre uma nova janela para vermos o result ado de nosso cdigo.
O t erceiro retorna primeira t ela do gerenciador de arquivos do UOL sem nada
salvar, nem criar arquivo algum.
No campo de edio (logo abaixo do t ext o Entre com o contedo da pgina:),
voc pode digit ar o seu cdigo ou colar algum de out ra pgina que j t enha pront a.
Bast a abrir a pgina j pront a em um edit or de texto como o not epad, clicar com o
mouse em qualquer part e dele e ut ilizar o comando de copiar t eclas Ct rl+C e
depois clicar com o mouse sobre o campo de edio da pgina da UOL e usar o
comando Ct rl+V para colar o seu cdigo pronto. Ant es, lembre-se de apagar o
cont edo desse campo de edio para no haver confuso. Aps colocar o cdigo
no campo de edio, bast a gravar o arquivo e pronto, a nova pgina foi criada com
o nome que voc est ipulou.
Todas as pginas dos Web Sit es Pessoais devem t er a barra de navegao do Uni-
verso on-line. Para inclu-la, voc deve incluir o t recho de HTML a seguir logo
aps o comando <body>.
<a href=htt p://www.uol.com.br/images/univt ool.map><img src=
htt p://www.uol.com.br/images/pbtool.gif border=0 widt h=598 height =14
alt =Universo on-line ismap></a><br><a href= htt p://sit es.uol.com.br><img
src=ht tp://sites.uol.com.br/inedit /wizard/imagens/linkbar.gif widt h=100
height =11 border=0 alt =Web Sit es Pessoais></a><br>
Ficaria mais ou menos assim em seu cdigo:
<html >
<head>
<ti tle>Aqui vai o ttul o da pgina</ti tle>
</head>
<body>
e aqui vai o trecho da barra do UOL
Termine sempre a pgina com os comandos:
</body>
</html >
Volt ando para a t ela inicial, t emos ainda o recurso de visualizar o Mapa do Si te
para t er uma viso geral dos seus diret rios e arquivos.
Figura 4.72
Veja que primeirament e t emos a URL, ou seja, o endereo de nosso site. Possivel-
ment e t er o format o http://sites.uol.com.br/seunome.
Logo abaixo t eremos o nmero t ot al de Kbyt es que ele ocupa. Esse t amanho re-
lat ivo a t odos os arquivos e diretrios que exist am dent ro de seu sit e. A seguir, te-
mos t odos os diret rios que existem em nosso sit e. Para vermos o cont edo de um
deles, bast a clicar no link do nome.
Para comprimir o cont edo desse diretrio escolhido, h um link cli que aqui
para isso. Comprimir diret rios algo que j vimos antes e bem simples.
s isso o que essa t ela faz: most rar a voc e no aos seus visit ant es como est
a navegao e o contedo dist ribudo dent ro do sit e.
Por lt imo, t emos a opo de Cadastrar o seu sit e. exat ament e como quando
est vamos criando o sit e (uma pgina inicial, na verdade) pelo Mtodo Fcil da
UOL, com a ut ilizao de assist ent es de criao.
Temos que escolher ent re as categori as (ou clubes) que mais t enham a ver com o
cont edo de nosso sit e.
Figura 4.73
Com isso fechamos est a part e sobre como ut ilizar o UOL para mant er nosso sit e.
Ele realment e tem poucos recursos, mas como bem simples de ser ut ilizado e h
milhares de assinant es, nada melhor do que saber como ele funciona, certo?
Yahoo! GeoCities
Conect e-se Int ernet e ent re no sit e nacional do Yahoo!:
http://www.yahoo.com.br
Localize ent re os diversos servios do menu, o it em GeoCi ties e clique nele.
Figura 4.74
Logo voc ver a t ela de reconheciment o, t ambm chamada de tela de login.
por l que iremos ent rar em nosso sit e. Se voc ainda no criou seu ID Yahoo! e
senha, veja no capt ulo ant erior como proceder para isso.
Figura 4.75
Digit e seu ID e senha e clique no boto Entrar. Soment e selecione o quadrado
escrito Lembrar minha ID e Senha se ningum mais usar seu comput ador. Se-
lecionando-o, ir gravar seus dados em seu comput ador e no ir precisar digit ar o
ID e senha nunca mais. Apesar da comodidade, acho desnecessrio e perigoso.
Assim que t erminar de clicar no bot o, o sist ema ir ident ific-lo e voc poder
t rabalhar com seu sit e. Repare que ele j diz Ol, ful ano de tal (Figura 4.76).
Logo ao lado t emos um link Mudar. Se por acaso voc quiser ut ilizar out ro ID
(pode ser que voc tenha mais do que um, nada impede), clique ali para ent rar com
seu out ro ID e senha.
Figura 4.76
Tambm pode ser que out ra pessoa t enha deixado aquele quadradinho selecionado
e agora toda vez o Yahoo! pense que voc aquela pessoa. Ent o, para no dar
uma de engraadinho e xeret a, clique ali e digit e seu verdadeiro ID e senha para
edit ar seu site.
Na mesma linha de onde exist e esse link, voc ver o endereo de seu sit e.
Em cima de t udo, do lado do logot ipo do Yahoo! GeoCit ies, acima do banner com
anncios publicit rios, voc ver quat ro discretos links:
Yahoo!, para voltar homepage deles;
Inf.Conta, para voc edit ar as suas informaes pessoais;
Ajuda e Sai r nem preciso explicar, no ?
Embaixo temos outras opes que veremos seguindo o livro.
Vamos clicar no link Gerenciador de Arqui vos. Depois iremos retornar para o
Assistente, que nada mais do que um conjunt o de modelos de pginas j pront as
e que, respondidas as quest es, lhe cria aut omat icament e a pgina escolhida.
como vimos no UOL e no BOL, apenas com pergunt as diferent es. Por isso no
quero comear por ele agora. Depois volt aremos e darei uma passada de leve para
voc ver que no t em nada de novo. E isso bom, porque quanto mais simples
melhor, cert o?
Est a a t ela que veremos em seguida ao link em que clicamos.
Figura 4.77
Aqui t emos uma leve int roduo do que o gerenciador de arquivos do Yahoo!
GeoCit ies e t ambm podemos configurar algumas part icularidades de elementos
que queremos ver ao entrar realment e no gerenciador.
Podemos escolher exibir:
1. html soment e arquivos em html, ent o no iremos ver imagens, et c.
2. gif soment e arquivos gif, jpg e ht ml ficam de fora.
3. jpg idem ao gif, mas soment e veremos imagens jpg.
4. outro permit e a visualizao de todos os out ros t ipos de arquivo, fora
html, gif e jpg.
Eu sempre deixo assim como est , ou seja, t udo selecionado. Eu quero ver todos os
arquivos em meu gerenciador. No entanto, se for um iniciant e, t alvez voc prefira
s ver det erminado t ipo de arquivo para no se confundir, por enquant o, mas com
cert eza logo mais voc nem se import ar com isso.
O mesmo acont ece com o out ro selecionador: Listar arqui vos que comeam
com a letra:, onde pode escolher os arquivos que comeam com det erminada le-
t ra.
A outra opo, de Entrar manualmente os nomes dos arqui vos, ir fazer apa-
recer um campo na t ela do gerenciador de arquivos onde voc poder digit ar qual
arquivo deseja edit ar. Todos os out ros no sero most rados. Logo mais abaixo, h o
link Abri r o Gerenciador de Arqui vos. Clique nele.
Vamos analisar essa pgina.
Temos, primeirament e, l em cima direit a, os links para o sit e do Yahoo!, para
edio de suas informaes cadastrais, para ajuda e para sai r.
Logo abaixo, uma saudao do sist ema com seu ID, e um link In cio, que t em a
mesma funo daquele localizado embaixo de Gerenci ador de arqui vos
In ci o > Gerenciador de Arqui vos.
No caso dest a t ela que eu capt urei, vemos uma chamada do lado direito para as es-
t at st icas do seu sit e, um novo servio que ent rou e que lhe permit e saber det alhes
sobre os seus visit ant es.
Figura 4.78
Temos, ent o, o endereo do seu sit e e, seguindo a mesma linha, um campo de se-
leo como em seguida:
At ravs dele voc escolhe qual ser o t ipo de edit or de HTML. O avanado o que
eu recomendo, pois apesar do nome, bem simples de ser usado, e o Editor bsico
s funciona com pginas que foram criadas ut ilizando-o primeiro. Voc no pode
pegar uma pgina qualquer e edit -la no modo bsico. Em breve veremos como
criar uma pgina nesse padro.
Figura 4.79
Cont inuando com nossa anlise da pgina do Gerenciador de arquivos, vemos uma
srie de botes:
Figura 4.80
a) Novo Use-o para criar um novo arquivo htm, ou seja, uma nova pgina.
b) Edi tar Use-o para edit ar uma pgina j exist ent e. Selecione-a primeiro.
c) Copiar Use-o para fazer uma cpia de arquivos. Selecione-os primeiro.
d) Renomear Use-o para renomear arquivos. Selecione-os primeiro.
e) Mover Use-o para mover arquivos para out ro subdiret rio. Selecione-os
primeiro.
f) Apagar Use-o para apagar complet amente arquivos de seu sit e. Selecio-
ne-os primeiro.
Abaixo da primeira fileira desses bot es (h duas que t m a mesma funo uma da
out ra porque a quant idade de arquivos em seu sit e pode ser t o grande que voc
precisaria ficar rolando a t ela muit as vezes para usar os botes), vemos a descri o
dos arqui vos e di retri os que exist em em seu sit e.
Temos um nome, a l tima modi fi cao e o tamanho em bytes.
Os subdiret rios, ou diretrios ou past as, como desejar cham-los, so facilment e
ident ificveis porque t m a imagem caracterst ica de pasta que o prprio Windows
ut iliza em seu sist ema. Para ver o que cada um possui dentro dele, bast a clicar so-
bre o mesmo.
Os arquivos ht ml possuem, na mesma linha, t ambm um link para exi bi r, ou seja,
para visualiz-los em out ra janela, como qualquer visit ant e de seu sit e o veria, e
t ambm um link para que voc possa criar um contador especfico para aquela
pgina, ou, j t endo-o criado, para editar suas caract erst icas.
Embaixo dessa list a, vemos dois out ros links:
a) Selecionar todos ao clicar nele, voc deixar selecionadas todas as cai-
xinhas de seleo de todos os arquivos de seu site, (acho difcil precisar
dessa opo, mas de toda forma, ela exist e)
b) Li mpar todos essa opo desseleciona as caixinhas que est iverem mar-
cadas. Faz o contrrio do link ant erior.
Em seguida, t emos uma part e onde s iremos mexer com os diretrios (ou subdi-
retrios, como chamado no Yahoo! GeoCit ies).
Figura 4.81
At ravs desses botes nos ser possvel criar, renomear e apagar subdiret rios.
Tambm podemos copiar vrios arquivos de uma vez s para out ra pas-
t a/subdiret rio. Bast a que primeiro selecionemos os arquivos e ent o cliquemos no
bot o Copiar arqui vos.
Nota: Esse bot o de copiar diferent e do que vimos agora h pouco que faz
part e do outro menu. Aquele faz uma cpia de um ou mais arquivos e voc di-
git a o novo nome de cada arquivo. Por aquele primeiro bot o eu posso copiar um
arquivo chamado fot o.htm criando uma rplica chamada fot o_copia_segu-
ranca.ht m. Os dois arquivos sero idnt icos, mas com nomes diferent es.
Nest e caso do bot o Copiar arqui vos, eu no posso mudar os nomes dos arqui-
vos que sero copiados, apenas dizer para qual past a eles devero ser copiados.
Veremos todos os passos com mais det alhes logo em seguida.
frent e desse menu especfico para subdiret rios, t emos o Carregamento fcil ,
que aquele sist ema de envio de arquivos pela pgina, onde ut ilizaremos o bot o
Browse para localizar e enviar nossas pginas e imagens ao sit e. Como voc v,
t odos usam esse t ipo de soluo e bem simples. Pelo Yahoo! podemos enviar at
20 arquivos de uma nica vez, bast ando selecionar a quant idade.
Lembre-se que no Yahoo! GeoCit ies, voc pode opt ar por enviar seus arquivos via
FTP, que ser o t ema do nosso prximo capt ulo.
Terminando, encontramos agora o quant o t emos de Espao li vre em disco.
Primeirament e temos o quanto estamos util izando, em seguida o total li vre e
abaixo o quanto t emos no total , que so at ualment e 15 MB para cada sit e. A t en-
dncia sempre aument ar com o t empo e voc t er ainda mais espao. Meu primei-
ro sit e no GeoCit ies, que ainda no t inha sido vendido pro Yahoo!, t inha apenas 1
MB. Logo foi aument ando, aument ando e agora j so 15 MB.
Ao lado voc ver uma cpia daquela primeira t ela introdutria ant es de entrarmos
no Gerenciador de Arquivos. Por aqui t ambm poderemos escolher que t ipos de
arquivos queremos visualizar no nosso gerenciador. Bast a escolher os t ipos e clicar
no bot o Atualizar di retri o.
Por lt imo temos uma seo de Links rpi dos, onde podemos ver os procedimen-
t os para inst alao de acessri os, verificar e configurar as estatsti cas do seu si te,
confi gurar sua homepage e obter ajuda para t udo isso que vimos no gerenciador
de arquivos. Temos t ambm as inst rues de como proceder para enviar e trabalhar
com seus arquivos via FTP.
Ufa! Finalmente t erminamos de verificar cada it em dessa pgina, embora superfi-
cialment e, pois soment e ao experiment armos mesmo cada comando que iremos
nos familiarizar com todos.
Vamos ver passo a passo para o que serve cada it em que est udamos?
Bem, primeiramente selecione no campo de seleo Edi tar usando: a opo
Edi tor Bsi co de HTML
Figura 4.82
Depois iremos ver como o avanado.
Agora clique no bot o Novo, da barra pert encent e aos arquivos.
Figura 4.83
Iremos ver uma nova t ela, onde t eremos vrias opes, bem simples de serem con-
figuradas, e que iro definir como ser essa nossa nova pgina que estamos come-
ando a criar.
Nota: No possvel criar arquivos de imagem, apenas pginas htm.
Figura 4.84
O primeiro it em que veremos um campo para digit armos o nome do novo arquivo.
Temos que escolher um nome para ele. Como no sei sobre o que ser sua pgina,
vamos supor que estejamos apenas aprendendo a lidar com t udo isso e vamos fazer
um t est e. Chame sua pgina nova de test e.ht ml. No Yahoo! GeoCit ies, t ant o faz suas
pginas serem chamadas de ht m ou ht ml no final, embora eu recomende o .html.
Veja que t emos t ambm uma srie de botes logo abaixo desse campo.
Figura 4.85
Escolha Novo para abrir um novo arquivo mas ant es salve o arquivo at ual.
Clique em Visualizar para ver como est seu arquivo. Para volt ar a edit -lo uti-
lize o bot o Back/Volt ar de seu navegador.
Escolha Sal var para gravar as alt eraes e ret ornar ao gerenciador de arquivos.
Escolha Sal var e continuar edi tando para gravar as alt eraes e cont inuar edi-
t ando est e arquivo.
Selecione Reiniciar para apagar as alteraes que voc fez desde que carregou a t ela.
Nota: se voc est iver reedit ando um arquivo que j foi criado ant es no edit or b-
sico, est e bot o no vai apagar t udo do seu arquivo inicial, ele vai ret orn-lo ao
cdigo inicial j pronto antes de qualquer alt erao que voc t enha feito. como
se voc apert asse cancelar para no salvar nada do que fez com aquele arqui-
vo e, volt ando ao gerenciador, resolvesse edit ar novament e a mesma pgina.
Complicado? Depois que criarmos nossa pgina test e.html, vamos fazer esse
t est e, carregando-a novament e no edit or bsico e inserindo um t ext o qualquer ou
modificando uma cor. Ao apert ar o bot o reini ci ar o arquivo volt a ao est ado
inicial. Tent e depois para ver.
Selecione Cancel ar para sair sem salvar as alt eraes e retornar para a t ela prin-
cipal do gerenciador de arquivos.
Temos agora que escolher (Figura. 4.86):
1. a cor do fundo de nossa pgina (escolha branco);
2. a cor do texto que ir aparecer (escolha pret o);
3. a cor do link que no foi vi sitado, ou seja, que no foi clicado pelo mouse
(escolha azul);
4. a cor do link visi tado, ou seja, depois de clicado com o mouse, para qual
cor voc quer ele mude (escolha vermelho).
Figura 4.86
Temos, em seguida, um campo para digit armos o cdigo do cone. O cone uma
pequena imagem que ir aparecer na part e de cima da pgina. Se quiser escolher
algum, clique no link Escolha uma dessas imagens e ent o digit e o nmero de-
sejado. Eu, part icularment e no encont rei nenhuma que me int eressasse ent o dei-
xei o campo em branco mesmo.
Figura 8.47
T tul o da pgina: Digit e algo como Esta a minha pgina de t est e. Esse t t ulo
vai aparecer l em cima no seu navegador, na barra superior dele.
Li nha do t tulo: Ser a primeira frase que aparecer em cima na sua pgina. Tam-
bm pode escrever Est a a minha pgina de t este.
Ao lado t emos um campo de seleo para escolhermos o t amanho da let ra que ser
ut ilizada para esse t t ulo. Escolha a que quiser. Pode ser a normal ou grande. Com
o t empo voc saber quais so os melhores t amanhos para det erminados t ipos de
t ext o.
Segundo ttulo: a linha que vem logo abaixo do t t ulo. Algo como um subt t ulo.
Digit e algo como Gost aram da minha pgina? Eu t ambm., e escolha, no campo
de seleo de t amanho de font e ao lado, um t amanho menor do que o que escolheu
para o t t ulo.
Separador: uma imagem represent ando uma linha de separao ent re os it ens
em sua pgina. Clique no link Escolha um dest es Separadores e escolha o seu.
Corpo do texto: Aqui voc pode escrever o que quiser na pgina. Se voc quiser,
pode usar t ambm cdigo em HTML que ele aceit a.
Exemplo: voc pode escrever algo como
Esta minha pgina de teste, bl, bl, bl , bl , bl , bl, bl, bl, bl , bl , bl ,
bl , bl , bl, bl, bl, bl , bl , bl , bl, bl, bl, bl , bl , bl , bl, bl.
ou pode colocar cdigo t ambm:
<p>
<font face=Arial size=2 col or=#FF0000>Esta minha <b> pgina de
teste</b>, bl, bl, bl , bl , bl , bl, bl, bl, bl , bl , bl , bl, bl, bl , bl ,
bl , bl , bl, bl, bl, bl , bl , bl , bl, bl, bl, bl , bl .</font></p>
No exemplo de cdigo, as let ras vo ser font e Arial, com corpo 2 e cor vermelha,
sendo que na part e pgina de t est e vai ficar em negrito (bold).
Depois vem o separador novament e. Escolha o que preferir.
Agora podemos incluir at 6 links para out ras pginas ou out ros sit es.
Figura 4.88
Se for para uma pgina sua mesmo, que est em seu sit e, digit e o endereo com-
plet o dela. Exemplo: br.geocities.com/seu_i d/sua_pagi na.htm . No precisa es-
crever o http:// porque ele j est l.
Na frent e de cada link coloque uma pequena descrio sobre ele, que ser o que vai
aparecer na sua pgina. Exemplo: um link para sua homepage escreva apenas ho-
me ou homepage. Um link para um arquivo chamado fotos.ht ml apenas coloque
fot os ou fot os de minha viagem. Escolha agora um separador, e em seguida
escreva um text o para ficar no final da pgina. Aqui t ambm se aceit a cdigo em
HTML.
Se voc quiser que seu endereo de e-mail (fornecido pelo Yahoo!) aparea em sua
pgina, selecione essa opo.
Por lt imo, voc pode (ou no) escolher um out ro separador para sua pgina.
Fechando a pgina, t emos t odos os bot es que j vimos e que j foram todos expli-
cados, mas vale a pena relembrar se voc est seguindo o passo a passo:
Escolha Novo para abrir um novo arquivo mas ant es salve o arquivo at ual.
Clique em Visualizar para ver como est seu arquivo. Para volt ar a edit -lo, uti-
lize o bot o Back/Volt ar de seu navegador.
Escolha Sal var para gravar as alt eraes e ret ornar ao gerenciador de arquivos.
Escolha Sal var e continuar edi tando para gravar as alt eraes e cont inuar edi-
t ando est e arquivo.
Selecione Reini ci ar para apagar as alt eraes que voc fez desde que carregou a
t ela.
Se voc j t erminou com certeza sua pgina, clique no bot o Sal var para gravar
o arquivo e retornar ao Gerenciador de arquivos.
Nota: Para que voc no perca todo o seu t rabalho por uma pane qualquer (seu
navegador pode dar algum defeito, sua conexo com a Internet pode cair, etc.) v
salvando sua pgina de vez em quando, usando o bot o Sal var e continuar edi -
tando. Depois de t udo finalizado, bast a clicar em Sal var para fechar o arquivo.
Ao retornar para o Gerenciador de arquivos, voc j sabe que o seu arquivo recm-
criado t este.html foi editado com o Edit or Bsico de HTML, corret o?
Se voc fizer a seleo do t ipo de edit or e colocar novament e em bsi co (o padro
dele o avanado) e clicar em Edi tar, o sist ema ir permit ir essa ao. O arquivo
ir abrir normalment e no modo bsico, most rando t odas as opes que voc j ha-
via det erminado. Se voc alt erar algo, como a cor do l ink para preto, por exem-
plo, e clicar no bot o Reini ci ar, o arquivo vai volt ar ao est ado que est ava quando
voc o abriu para edio, ou seja, o link vai voltar para a cor azul . Se voc, den-
t ro do gerenciador, t ent ar abrir um out ro arquivo ht m pelo editor bsico e que no
tenha sido criado com ele, o sist ema ir avis-lo de que essa ao no ser poss-
vel.
Vamos ver agora como seria edit ar um novo arquivo no modo avanado?
Verifique se a caixa de seleo est no modo editor avanado e clique no bot o
Novo.
Vejam como ele bem mais simples e difcil ao mesmo t empo, pois aqui t emos
em comum com o edit or bsico apenas a ent rada do nome do novo arquivo e os
mesmos botes para salvar, visualizar, et c.
Figura 4.89
S possumos uma caixa de texto onde t emos um esqueleto bsi co de uma pgina
HTML. Coloque o t t ulo de sua pgina onde est escrit o Sem nome e ent o co-
loque o cont edo de sua pgina entre as TAGs BODY. Aqui no t em jeito. Tem
mesmo que conhecer a linguagem HTML.
Nessa pgina t emos um aviso sobre o que j falei para vocs, para ir salvando sua
pgina at ravs do bot o Sal var e continuar edi tando para manter seu t rabalho
at o final, quando voc clicar em Sal var.
Volt emos ao gerenciador de arquivos. Veremos o que se segue t ela a t ela quando
clicamos nos out ros bot es. Selecione um dos seus arquivos e clique em Copiar.
Como disse ant es, est e comando no para voc copiar arquivos mant endo o mes-
mo nome, de um diretrio para out ro. Nesse caso voc tem que ut ilizar o bot o cor-
respondent e na barra de subdiret rios. O bot o Copiar ir soment e lhe permit ir
gerar uma cpia do(s) arquivo(s) selecionado(s), no mesmo diret rio onde est o
original, mas com out ro nome, que voc dever digit ar no campo ao lado do nome
at ual.
Figura 4.90
Para concluir, clique no bot o Copiar arqui vos. O sist ema ir gerar suas cpias
e ret ornar ao gerenciador, most rando-lhe uma mensagem da operao sucedida.
Vamos ver agora o bot o Renomear. Primeirament e selecione um ou mais ar-
quivos. Clique no bot o e veremos a prxima tela na qual voc ir t rocar o nome de
seu(s) arquivo(s) por out ro nome.
Figura 4.91
Se quiser pode at colocar o mesmo nome, embora no haja razo para isso. Escre-
va o novo nome no campo ao lado do nome at ual e clique no bot o Renomear
arqui vos e pront o. O sist ema modifica os nomes dos arquivos selecionados e
volt a ao gerenciador, mostrando uma mensagem se a operao foi ou no bem su-
cedida.
Lembre-se de que, ao modificar os nomes de seus arquivos, voc pode est ar crian-
do erros nos links, quebrando-os. Se sua homepage t iver um link, ou seja, uma
chamada para a pgina fot os.htm e voc muda o nome da pgina para fo-
t os_da_viagem.htm, o sist ema no ir mudar aut omat icament e esse link para voc.
Ent o voc ir precisar edit ar o arquivo de sua homepage para corrigir esse erro.
Muit o cuidado ent o com as mudanas de nomes e de diretrios t ambm.
Vejamos agora o que acont ece quando clicamos no bot o Mover.
Novament e o procedimento o mesmo. Primeiro selecione o(s) arquivo(s) que
pret ende mover para out ra parte de seu sit e e clique no bot o. A prxima t ela ilus-
t ra o que ir ver. (Figura 4.92).
Figura 4.92
Ter o nome de todos os arquivos que escolheu, com uma caixinha de seleo ao
lado do nome. Isso para voc selecionar ou desselecionar os arquivos que quer
mesmo enviar. Por padro, vm todos marcados. No entanto, se t iver dvidas de
algum, bast a clicar com o mouse sobre a seleo para que esse arquivo no seja
mais movido.
Logo abaixo, voc t er um menu de seleo onde pode escolher para qual diretrio
quer mover os arquivos marcados. Se voc quer mover seus arquivos, lgico su-
por que t ambm voc t enha um dest ino para eles, ou seja, possua mais do que um
subdiret rio em seu sit e. Seno no tem para onde mov-los, certo?
Selecione ali ent o o subdiret rio, ou seja, a past a para onde quer que seus arquivos
se movam. Depois bast a clicar no bot o Mover arqui vos e pront o. O sistema os
move e ret orna ao gerenciador, mostrando uma mensagem do sucesso ou no da
operao.
Temos, por lt imo, o bot o de Apagar.
Selecione os arquivos que deseja eliminar de seu sit e e clique nesse bot o.
Voc ver est a tela de confirmao cont endo o nome dos arquivos selecionados:
Figura 4.93
Tambm neste caso temos as caixinhas de seleo ao lado dos nomes para o caso
de voc resolver nessa t ela no delet ar algum dos arquivos escolhidos. Se t udo es-
t iver ok, bast a clicar no bot o Apagar arqui vos e pront o.
O sist ema ir volt ar ao gerenciador e most rar se a operao foi bem sucedida.
Bem, ao lado de cada nome de arquivo ht ml t emos dois links, como j vimos:
1. exi bir, para visualizar como a pgina est ficando e
2. contador, para incluir ou configurar um cont ador para aquela pgina.
O primeiro, exi bi r, simples de ent ender, cert o? Voc clica, v como aquela pgi-
na aparece no navegador (ele abre outra janela) e pronto.
O segundo link, contador, j mais complicado (no t ant o assim, mas comparado
com o ant erior, com cert eza) ent o vamos ver como ele funciona.
No Passo 1 Selecione um arquivo e clique em cont ador. Voc ver um t ela cheia
de t ipos diferent es de cont adores.
Tudo o que t em que fazer escolher um dos t ipos clicando em cima dele. Voc
ver que ir aparecer o seu t ipo escolhido no passo 4.
No Passo 2 escolha a cor dos nmeros. Pode ser invisvel t ambm. Isso quer dizer
que voc, pelo novo sist ema de est at st ica de sit e que o Yahoo! lhe proporciona,
poder ver quant as pessoas visit aram aquela pgina.
No Passo 3 pode-se escolher a cor do fundo t ambm.
No Passo 4, escolha o t amanho dos nmeros e t ambm a quant idade de dgit os. O
normal 5 mesmo.
Figura 4.94
No Passo 5, escolha o seu fuso horrio. O do Brasil o de Brasli a.
Como opo, voc pode ou no permit ir que o GeoCit ies ut ilize- se de cookies
para poder obt er mais informaes sobre seus visit ant es. Cookies so arquivos
em t ext o bem pequenos que o servidor manda para o comput ador de seus visi-
t ant es e que colet am preciosas informaes sobre eles. Os seus visit ant es po-
dem configurar os navegadores deles para que no permit am o envio de cooki-
es, j que i sso at ualment e est em controvrsia se ou no uma invaso de pri-
vacidade. De t oda forma, deixe selecionado apenas para que voc possa t est ar
por enquant o as capacidades dos seus vi sit ant es. Se depois quiser, pode ret irar
essa opo.
Tambm como outra opo voc pode det erminar por qual nmero quer que seu
cont ador comece a cont agem. O valor corret o seria 00001. A part ir da marcaria
00002, 00003, 00004, et c. Mas algumas pessoas ut ilizam mal seus cont adores para
dar impresso de muit as visit as, como j disse ant eriorment e.
Feit o t udo isso, bast a clicar no boto Envi ar.
O sist ema ir, primeirament e, criar um cdigo para que voc o coloque manual-
ment e em sua pgina. As inst rues viro em uma t ela separada. O t ext o dessa t ela
semelhant e a est e: Seu cont ador est pronto!
Si ga as et apas seguint es para copiar e colar o cdigo em sua pgina.
Etapa 1. Selecione e copie o cdigo HTML que est no campo a seguir:
<IMG SRC=http://vi sit.geoci ties.com/counter.gif>
Etapa 2. Marque a caixa de seleo para a pgina t est e.html e clique Edi tar para
abri-lo no Edit or Avanado de HTML.
Etapa 3. Cole o cdigo do cont ador no seu HTML.
Etapa 4. Clique Sal var e est pronto.
Nota: Se voc est at ualizando um cont ador j inst alado, no ser necessrio
mexer no cdigo da sua pgina. A nova configurao do cont ador deve aparecer
aut omat icament e na prxima vez que voc vir a sua pgina.
Resumindo, voc t er que abrir sua pgina de novo e colocar o cdigo do cont ador
dent ro dela e salv-la. Depois disso, bast a visualizar sua pgina para ver se est
t udo ok com o cont ador. Fcil, no?
Vamos ver agora como lidar com os subdiret rios de seu sit e? J vimos que para
eles h um conjunto especfico de botes, cert o?
Ent o vamos clicar no bot o Novo para criarmos uma nova past a (subdiret-
rio).
Figura 4.95
Tudo o que t emos que fazer digit ar o nome do novo subdiret rio e clicar no bot o
Cri ar subdi retri o e pronto. O sist ema automat icament e cria a nova past a, re-
t orna ao gerenciador e nos most ra a mensagem de confirmao da operao. No
exemplo eu criei uma past a chamada jogos.
Figura 4.96
Vamos agora ver como funciona o boto Copi ar arqui vos. Primeiramente sele-
cione os arquivos ht ml ou de imagens ou de out ro t ipo que pret ende copiar para
out ro subdiret rio. Clique no boto e veja a t ela a seguir.
L veremos os arquivos selecionados e a caixa de seleo ao lado do nome deles
para o caso de querermos desist ir de copiar um deles. Para isso bast a clicar com o
mouse para t irar a seleo e exclu-lo da cpia.
Figura. 4.97
Agora escolha no menu logo embaixo o subdiret rio para onde quer efet uar a cpia
dos arquivos escolhidos e ent o bast a clicar no bot o Copiar arqui vos e pronto.
Realment e o sist ema bem simples.
Renomear clique nest e bot o para ver a prxima tela. No menu esquerda sele-
cione o subdiret rio cujo nome quer mudar, e no campo direit a escreva o novo
nome dele. Depois bast a clicar no bot o Renomear subdiretri o e pront o.
Nota: Lembre-se de que voc pode est ar quebrando algum link como j expli-
quei ant es, ok?
Figura 4.98
Apagar clique nest e bot o para remover um subdiret rio de seu sit e. Lembre-se
de que, fazendo isso, ir t ambm apagar t odos os arquivos que possam exist ir den-
t ro dele t ambm.
Figura 4.99
Bast a selecionar o subdiret rio que deseja apagar no menu de seleo e clicar no
bot o Remover subdi retri o.
Carregamento fcil clique aqui para enviar seus arquivos para o seu site no
Yahoo! GeoCit ies.
Voc pode enviar at 20 arquivos de uma vez s (bast a selecionar no menu em
frent e ao text o Nmero de arqui vos a carregar e clicar em Exi bir para ver os
campos aparecerem). No pode, entret anto, enviar mais de 5 MB de uma vez s, ou
seja, todos os seus arquivos junt os no podem ultrapassar esse tamanho.
Figura 4.100
O sist ema o mesmo dos out ros que j vimos. Clique no bot o Browse, localize
o arquivo em seu comput ador, clique em Abri r ou Open e o nome e a locali-
zao do arquivo vir para o campo em frent e ao boto clicado. Depois s ir cli-
cando de um em um, at preencher os campos que precisa.
Por lt imo clique no bot o Carregar arqui vos e o sist ema ir pegar seus arqui-
vos e envi-los ao seu sit e. O processo pode ser um pouco demorado dependendo
de sua conexo e da quant idade e t amanho dos arquivos escolhidos para o envio.
Embaixo, h duas opes que podem ser usadas t ambm.
O sist ema pode aut omat icament e converter os nomes de todos os arquivos envia-
dos para minsculas, que o mais sensato na Int ernet . Por exemplo, um arquivo
chamado Fotos.htm iria se t ransformar em fotos.htm. A outra opo para mu-
dar a extenso de todos os arquivos .htm para .html . Isso voc escolhe.
Lembre-se de que o sist ema pode mudar os nomes dos arquivos, mas no pode
modificar esses mesmos nomes no cdigo, ent o pode acont ecer de t ermos links
quebrados por causa disso. Um dos seus arquivos poderia est ar direcionado para
Fotos.htm e poderia ent o no mais reconhecer o mesmo arquivo que agora se
chama fotos.htm com o F em minsculo. O mesmo acont ece para as ext enses
modificadas. Ento, muito cuidado nessas selees.
Est a t ela, ao cont rrio das out ras, no retorna aut omat icament e para o gerenciador
de arquivos. Ela mesma exibe quais arquivos foram enviados com sucesso, e se
quisermos retornar, h um link para o gerenciador logo em seguida.
Figura 4.101
No final da pgina do gerenciador, temos, ao meio, os mesmos recursos de seleo
de visualizao que t nhamos naquela pgina de apresent ao inicial, lembra-se?
o Exi bi r arqui vos e bem simples de selecionar bast ando clicar no bot o at ua-
lizar diret rio para voc ver o que muda quando seleciona um ou out ro it em.
Experiment e.
Figura 4.102
Vamos ver agora quais so os acessrios que poderemos ut ilizar em nosso sit e?
Clique, dent ro da t abela Links rpi dos, em Acessrios. Veremos a seguint e
t ela de apresent ao.
Figura 4.103
Podemos incluir, em nosso sit e:
1. Formul rios,
2. Marcador de presena on-line para o Yahoo! Messenger,
3. Contadores (que j vimos),
4. Not ci as (isso muito legal t er),
5. Previso do tempo (t ambm),
6. Campo de busca do Yahoo! Brasil,
7. Contagem regressi va (para dat as como aniversrios, et c.) e
8. Quadro de publi ci dade.
Vamos ver o que e como configurar cada um desses acessrios.
Iniciemos pelos formul rios.
Os formulrios so as part es mais chat as de t odos os sit es, isso porque so difceis
de serem criados, muita gent e se confunde e at desist e dessa fant st ica ferrament a
de pesquisa. Veja no Capt ulo 6 uma referncia sobre formulrios que no funcio-
nam, principalmente para os usurios do FrontPage.
No Yahoo! GeoCit ies bem simples o uso de um formulrio. Bast a voc cri-lo
em qualquer soft ware ou ent o na mo mesmo, mas tome o cuidado de colocar es-
t as duas linhas:
<form method=post act ion=htt p://br.geocit ies.yahoo.com/forms>
e t ambm <input t ype=hidden name=login value=SEU ID>
Troque o SEU ID pelo seu ID Yahoo!. No se esquea disso.
Lembra-se que vimos como o esquelet o de uma pgina HTML? Pois bem, o
esqueleto de uma pgina HTML com formulrios, no Yahoo! GeoCit ies seria
algo assim:
<html>
<head>
<t it le>T tulo do site ou da sua pgina</t it le>
</head>
<body bgcolor=#FFFFFF text =#000000>
<form method=post acti on=http://br.geocities.yahoo.com/forms>
<input type=hi dden name=l ogin value=SEU ID>
</form>
</body>
</html>
No ent ant o, o Yahoo! nos oferece j dois cdigos pront os para formulrios. E so
muit o, mas muito fceis de fazer. Eu t est ei e em poucos segundos j t inha recebido
a respost a do meu formulrio pelo e-mail que eu forneci quando me cadastrei no
Yahoo!
Se voc quiser ver qual o e-mail que ser ut ilizado, clique no link l em cima Inf.
Conta e verifique em Informaes pessoais Al ternate e-mail 1 (e-mail alt erna-
t ivo 1) e veja qual o e-mail primrio (primary) ali escrit o. Se quiser mudar, bast a
clicar no bot o Edi tar em frent e ao t t ulo Informaes pessoais e modificar o
formulrio que se segue, salvando em seguida.
Bem, os cdigos dos formulrios est o pront os e voc pode copi-los facilment e.
Clique no link Formulri o de Exempl o 1 ou no Formulri o de Exempl o 2
para ver o cdigo e copi-lo primeirament e para um editor de t ext o bsico, como o
Notepad, e depois para a sua pgina. Veja a seguir o cdigo fornecido e o formul-
rio correspondent e.
Formul rio 1:
Figura 4.104
<form method=post act ion='htt p://br.geocit ies.yahoo.com/forms'>
<FONT FACE=ARIAL, HELVETICA>
<B>Seu primeiro nome:</B><BR>
<INPUT TYPE=t ext NAME=nome SIZE=27>
<P><B>Sua URL:</B><BR>
<INPUT TYPE=t ext NAME=URL SIZE=27><P>
<B>Com que freqncia voc visit a meu sit e?</B><BR>
<INPUT TYPE=radio NAME=Visit a VALUE=Todo dia>Todo dia<BR>
<INPUT TYPE=radio NAME=Visit a VALUE=Uma vez por semana>Uma
vez por semana<BR>
<INPUT TYPE=radio NAME=Visit a VALUE=Uma vez por ms>Uma vez
por ms<BR>
<INPUT TYPE=radio NAME=Visit a VALUE=Uma vez por ano>Uma vez
por ano<BR>
<P><B>Por favor faa seus coment rios abaixo:</FONT><BR>
<TEXTAREA COLS=40 ROWS=10 NAME=coment rios></TEXTAREA>
<P><BR>
<INPUT TYPE=submit VALUE=Enviar>
<INPUT TYPE=reset VALUE=Cancelar>
<INPUT TYPE=hidden NAME=login VALUE=SEU_ID>
<INPUT TYPE=hidden NAME=subject VALUE=Result ados da Pesquisa>
<INPUT TYPE=hidden NAME=next_URL
VALUE=http://br.geocit ies.com/SEU_ID/index.ht ml>
<INPUT TYPE=hidden NAME=required_fields VALUE=nome,URL>
</form>
Nota: LEMBRE-SE DE TROCAR ONDE EST MARCADO SEU_ID
PELO SEU ID YAHOO!, a menos que copie diret ament e do sit e. Para copiar
de l bast a ir em Links rpidos > acessrios > formulrios > exemplo de formu-
lrio 1 ou exemplo de formulrio 2.
Formul rio 2:
Figura 4.105
<form method=post act ion='htt p://br.geocit ies.yahoo.com/forms'>
<TABLE WIDTH=600 BORDER=0 CELLSPACING=10 CELLPAD-
DING=0>
<TR>
<TD VALIGN=TOP ALIGN=RIGHT>
<FONT FACE=ARIAL, HELVETICA SIZE=-1>
<B>Seu primeiro nome:</B></FONT><BR>
<INPUT TYPE=t ext NAME=nome SIZE=25></TD>
<TD VALIGN=TOP ALIGN=LEFT>
<B>Sua URL:</ B></FONT><BR>
<INPUT TYPE=t ext NAME=URL SIZE=25></TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD VALIGN=TOP ALIGN=RIGHT>
<B>Voc volt aria ao meu sit e?</B><BR>
Sim<INPUT TYPE=radio NAME=visit VALUE=Sim>
No<INPUT TYPE=radio NAME=visit VALUE=No>
</TD>
<TD VALIGN=TOP ALIGN=LEFT>
<FONT FACE=ARIAL, HELVETICAB SIZE=-1>
<B>Como voc soube do meu sit e?</B><BR>
<INPUT TYPE=radio NAME=Como voc ficou sabendo do meu sit e? VA-
LUE=Busca do Yahoo! GeoCit ies>Busca do Yahoo! GeoCit ies<BR>
LUE=Um servio de busca popular>Um servio de busca popular<BR>
LUE=Um link a part ir de out ro sit e>Um link a part ir de outro sit e<BR>
LUE=Um amigo me cont ou>Um amigo me contou</TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD COLSPAN=2 VALIGN=TOP ALIGN=CENTER>
<B>Se voc t em algum coment rio ou sugest o para o meu sit e,<BR>
por favor faa-o abaixo:</B></FONT><BR>
<TEXTAREA NAME=coment rio COLS=40 ROWS=10></TEXTAREA>
<P>
<INPUT TYPE=submit VALUE=Enviar>
<INPUT TYPE=reset VALUE=Cancelar></TD>
<TD> </TD>
</TR>
</TABLE>
<INPUT TYPE=hidden NAME=login VALUE= SEU_ID >
<INPUT TYPE=hidden NAME=subject VALUE=Result ados da Pesquisa>
<INPUT TYPE=hidden NAME=next_URL
VALUE=http://br.geocit ies.com/SEU_ID/index.ht ml>
<INPUT TYPE=hidden NAME=required_fields VALUE=nome,URL>
</FORM>
Para colocar esse cdigo em uma pgina de formulrio em seu sit e, ent re no geren-
ciador de arquivos e clique no bot o Novo. Escreva o nome de seu novo arquivo.
Pode ser formulrio.htm ou outro que prefira.
Coloque o cdigo exat ament e ent re as duas TAGs BODY, como most ra a Figura
4.106.
Figura 4.106
Troque o t t ulo de sua pgina por algum que lhe agrade. Se voc for pegar o cdigo
diret o do site do Yahoo! pela Int ernet , ent o onde aqui est escrito SEU_ID, est ar
j corret ament e t rocado pelo seu ID do Yahoo! GeoCit ies. Ent o bast a copiar e
colar na pgina e clicar no boto Sal var.
Para t estar, quando volt ar ao gerenciador, clique no link Exi bir e veja como fica
sua pgina. Digit e alguma coisa no formulrio e clique no boto Envi ar.
Depois de um t empo verifique se o e-mail com os result ados do formulrio chegou
corret amente em sua caixa post al.
O seu e-mail vai ficar parecido com este:
nome = marcio
URL = oi
Visit a = Uma vez por semana
coment rios = Ol. Gost ei muit o do seu sit e.
login = seu_id
subject = Result ados da Pesquisa
REMOTE_HOST: 200.231.75.217
Nota: O it em remot e_host o IP da pessoa que enviou o seu formulrio. Se voc
receber algo muito est ranho, pode ut ilizar esse nmero para reclamar e ident ifi-
car a pessoa, mas isso em casos extremos.
No caso do formulrio 2, repare que ele possui muit o mais campos e t ambm op-
es que ficam escondidas em linhas que possuam hidden em seu cdigo.
Essas opes podem ser modificadas de acordo com o t exto a seguir:
Opo 1: ao mudar o campo VALUE (Result ados da Pesquisa), voc poder espe-
cificar o assunto do formulrio. Isso aparecer como o assunt o do e-mail que voc
receber. Por enquanto, ele aparecer como Result ados da Pesquisa.
Opo 2: aqui onde voc pode especificar a pgina que exibida aps o usurio
clicar no bot o enviar. Nest e exemplo, est sendo usada a pgina de ndice in-
dex.ht ml. Se voc no especificar uma pgina, o usurio receber uma mensagem
padro most rando o cont edo final do e-mail.
Opo 3: mudando-se o campo VALUE (nome, URL) voc poder especificar os
campos que necessariament e devem ser preenchidos para se enviar o formulrio.
Nest e exemplo, os campos nome' e URL devem ser preenchidos. Para remover
est e recurso, apenas omita a linha toda.
Resumi ndo: os formulrios do Yahoo! GeoCit ies so bem simples. Basta prat ica-
ment e copiar e colar e salvar e pronto, j est o funcionando. Crie uma pgina e
t ent e. Voc comprovar o que eu disse.
Vamos agora analisar como inserir um marcador de presena on-l ine.
Primeirament e voc t em que est ar cadast rado no servio do Yahoo! Messenger.
Verifique no sit e do Yahoo! se est t udo ok com relao a isso.
De acordo com o Yahoo!, o detector de presena on-line permite que outras pes-
soas vejam se voc est on-line usando o Yahoo! Messenger em determinado mo-
mento. Ao clicar na imagem de presena on-line do Yahoo!, as pessoas podero
COHO CklAk E ENVlAk PAGlNAS... 20!
enviar uma mensagem para voc na hora em que estiverem visitando sua pgina!
(...) Com o Yahoo! Messenger, voc pode se comunicar instantaneamente com to-
dos os seus amigos, assim como receber notcias, avisos de e-mail e muito mais.
Realment e parece bem legal.
Voc t em a possibilidade de colocar dois t amanhos do marcador de presena: o
grande e o pequeno. Tudo o que voc t em a fazer copiar o cdigo que lhe apre-
sent ado no sit e e col-lo em suas pginas, de preferncia em sua homepage. Vou
colocar aqui o cdigo ut ilizado t ambm para vocs verem.
Como voc j sabe, para colocar esse cdigo em uma pgina, preciso selecion-la
em primeiro lugar no gerenciador de arquivos e clicar no bot o Edi tar.
Para o model o grande, digit e o cdigo HTML a seguir em sua p-
gina web:
<a
href=htt p://edit.yahoo.com/config/send_webmesg?.t arget =SEU_ID&.src=pg>
<img border=0 src=http://br.opi.yahoo.com/online?u=SEU_ID&m=g&t =1></a>
J para o modelo pequeno, digit e est e outro cdigo em sua pgina:
<a
href=htt p://edit.yahoo.com/config/send_webmesg?.t arget =SEU_ID&.src=pg>
<img border=0 src=http://br.opi.yahoo.com/online?u=SEU_ID&m=g&t =0></a>
Veja que a nica part e que muda no cdigo onde t emos g&t=1 para o modelo
grande e g&t=0 para o modelo pequeno.
Out ro acessrio para suas pginas o contador de pginas, mas isso j vimos
como inserir, cert o?
Vamos para o prximo, que o quadro de not cias.
De acordo com o Yahoo!, voc pode adicionar sua pgina notcias da Reuters,
Agncia JB e Gazeta Esportiva, entre outros. Uma vez instaladas, os visitantes de
seu site recebero notcias atualizadas em tempo real 24 horas por dia durante os
7 dias da semana. Tudo fornecido pelo Yahoo! Notcias. Para instalar as ltimas
notcias em sua pgina, voc precisa antes configurar as fontes de informao que
quer oferecer.
Figura 4.107
Vamos ver ent o como configurar essas informaes? Primeirament e, necessrio
ent rarmos na pgina de acessrios. No gerenciador de arquivos, clique no link
Acessrios em Links rpi dos. Depois clique em Not cias.
Veremos a seguint e tela:
Figura 4.108
Clique no link Configure e instale as l timas Not cias.
Escolha uma das opes de manchet e para a sua pgina. Bast a clicar.
COHO CklAk E ENVlAk PAGlNAS... 203
Figura 4.109
Para cada uma das opes, a t ela a seguir ir mudar, pois cada t ipo de manchet e ir
t razer diferent es alt ernat ivas. Veja s alguns exemplos:
Primei ra Pgina:
Figura 4.110
Tecnologia:
Figura 4.111
l timas not cias:
Figuras 4.112
Uma das que possui mais opes a de Entretenimento:
Figura 4.113
Nessa part e t udo o que voc tem a fazer selecionar as not cias que voc quer em
seu sit e. Em seguida clique no bot o Prxima.
Nessa t ela iro aparecer as not cias que voc selecionou ant eriorment e e agora s
falt a escolher qual o est ilo (cores) e o nmero de manchet es desejado. Para saber
qual est ilo o melhor, veja logo a seguir os est ilos 1, 2 e 3.
Figura 4.114
Bast a clicar com o mouse na bolinha de seleo e pronto. s clicar no bot o Ge-
rar cdigo.
Agora voc ver t odo o cdigo pronto para ser colocado em uma pgina de seu sit e.
Pode ser na homepage ou em out ra pgina qualquer. At mesmo uma pgina s
para not cias, no mesmo? Por que no?
Bem, siga as etapas da pgina da Figura 4.115.
Figura 4.115
Etapa 1: selecione o cdigo e copie (Ct rl + C).
Na Etapa 2 s clicar no bot o Gerenci ador de arqui vos. O gerenciador ir
abrir em outra janela, deixando a janela em que estamos trabalhando e que cont m
o cdigo ainda abert a.
Enquanto est no gerenciador, selecione o arquivo html em que deseja inserir o
quadro de not cias e edite-o. Cole (Ctrl + V) o cdigo gerado pelo sist ema em sua
pgina e salve-a. Pode fechar a janela do gerenciador ou no.
O que import ant e agora retornar pgina de acessrios e ir para a Etapa 3 para
clicar no bot o Ati var manchetes. Soment e agora que as not cias sero at iva-
das realment e.
Como est amos vendo, a maioria dos acessrios do Yahoo! GeoCit ies assim: voc
escolhe qual acessrio deseja e vai seguindo as inst rues para o sist ema gerar o
cdigo cert inho e depois voc col-lo na sua pgina.
Vamos ver outro acessrio? Veremos como inserir a Previ so do Tempo.
Figura 4.116
Podemos colocar em nossas pginas o tempo de prat icament e t odo o mundo. E
bem det alhado, como iremos acompanhar. Clique no link Configure e instale a
previ so do tempo.
Escolha a seguir de qual regio do mundo deseja t er a previso do t empo.
Figura 4.117
Por exemplo, para o Brasil, selecione Amri ca do Sul , que est em Amrica Latina.
Figura 4.118
to grande a list a de pases e cidades que voc ver nessa pgina que nem eu
consegui colocar t odas aqui. Procure l no finalzinho da pgina, do lado esquerdo,
o Brasil e selecione as cidades das quais quer a previso do t empo.
Depois clique no bot o Prxima.
Como exemplo de cidades, eu selecionei apenas Rio de Janeiro e So Paulo.
Aqui t emos o mesmo t ipo de tela de quando configuramos as not cias. s esco-
lher qual o estil o desejado para o quadro de previso do t empo e a uni dade de
medi o de temperatura, que no Brasil o Celsius.
Figura 4.119
Depois clique no bot o Gerar cdi go. A prxima t ela t ambm parecida com a
de not cias, dividida em t rs et apas.
Figura 4.120
Na primei ra, voc ir copiar o cdigo gerado pelo sist ema.
Na segunda, deve clicar no bot o Gerenci ador de arqui vos para escolher o ar-
quivo onde ir edit ar e colocar o quadro de previso do t empo. s edit ar e colar o
cdigo que copiou na et apa 1 e salvar a pgina, lgico.
Depois volt e a esta t ela para a Etapa 3: clique no boto de ati vao para que o
servio de previso comece a funcionar na pgina onde foi inserido o cdigo.
Temos agora os lt imos t rs acessrios que o Yahoo! GeoCit ies nos oferece para
colocarmos em nossas pginas. So eles:
Campo de busca do Yahoo!,
Cont agem regressiva e
Quadro de publicidade.
Est es so os mais simples de serem incorporados, pois prat icament e no possuem
t elas de configurao.
Vamos ver o Campo de busca. At ravs dele, seus visitant es podem realizar
pesquisas/ buscas em milhares de sit es no Brasil, ut ilizando o sist ema de busca do
Yahoo!.
2!0 COHO PULlCAk SEU SlTE NA lNTEkNET
Figura 4.121
Bast a copiar o cdigo exist ente nessa t ela e col-lo em alguma pgina do seu sit e.
Depois s salvar e visualizar a pgina para ver se est t udo funcionando correta-
ment e. Superfcil, no?
Contagem Regressi va: voc quer colocar em seu sit e um cont ador dizendo que
falt am t ant os dias e t ant as horas para o seu aniversrio? Ou ent o para o nasci-
mento do seu filho? Bast a vir nest a pgina, escrever o nome do evento e a dat a em
que ele se realizar e depois copiar o cdigo, que ser gerado ali na hora mesmo,
para a pgina desejada. Se quiser j t em at o bot o do Gerenci ador de arqui vos
pront o para edit ar sua pgina.
COHO CklAk E ENVlAk PAGlNAS... 2!!
Figura 4.122
Por lt imo temos a configurao do quadro de publi ci dade. E o que o quadro de
publicidade? Como o Yahoo! GeoCit ies um servio grat uito, ele lucra vendendo
banners, e esse quadro o local onde essa propaganda veiculada.
Figura 4.123
No ent ant o, para no ficar muit o chat o, o Yahoo! permit e que esse espao seja t il
a voc t ambm. Se voc possui o Yahoo! Messenger, poder configur-lo para que
seus visit ant es mandem uma mensagem on-line para seu programa de comunicao
inst ant nea. Tambm pode permit ir que seus visit ant es leiam o seu perfil, o que eu
no recomendo, a menos que est e sit e seja de sua empresa, por exemplo. Mesmo
assim bom no se abrir muito na Internet.
Para t er t udo isso em seu quadro de publicidade, bast a escolher Sim ou No e
clicar no bot o Enviar.
Realment e muito fcil inst alar e configurar os acessrios do Yahoo! GeoCit ies.
Como promet i a vocs, vamos dar uma olhada no Assistente de Criao de Pgi-
nas?
O primeiro passo est ar j logado no sist ema. Bast a ir no sit e do Yahoo!, clicar no
link do GeoCit ies como j expliquei e colocar seu ID e senha do Yahoo! nos cam-
pos certos.
COHO CklAk E ENVlAk PAGlNAS... 2!3
Figura 4.124
Assim que est iver dentro do sist ema, clique no Assistente de Cri ao de Pginas,
que exist e embaixo de Construa seu Site.
Figura 4.125
Voc ver a t ela de apresent ao do assist ente, e logo abaixo alguns modelos de
pginas para voc escolher.
Figura 4.126
Cada modelo ir lhe pergunt ar coisas diferent es. Um modelo vai possuir mais fo-
t os, out ro menos, et c.
Toda vez que voc cria uma pgina no assist ente de pginas, o melhor seria que
voc o ut ilizasse de novo para at ualizar ou efet uar modificaes nessa pgina. Se
voc usar o gerenciador de arquivos e o editor avanado, ir perder a facilidade que
o assist ente lhe proporciona.
Cada nova pgina que voc cria adicionada a um menu que fica disponvel no
mesmo assist ent e que voc ut ilizou. Vamos exemplificar para ficar mais fcil.
Vamos dizer que voc t enha criado uma pgina de convit e de aniversrio ut ilizando
o assist ente. Esse aniversrio era seu. Ent o a sua pgina ficou disponvel no ar
para todos verem. Depois de uns t rs meses que o seu aniversrio passou, seu filho
t ambm vai fazer aniversrio. Voc logo se lembra daquela pgina que fez com o
assist ent e e decide ent o usar a mesma pgina, mas mudando a cor e o que est ava
escrito l, como a dat a da fest inha, et c. Ent o voc vai at o assist ent e, escolhe o
modelo que corresponde ao convite de aniversrio (que foi o mesmo que voc usou
da primeira vez) e ent o voc ver esse menu. Veja na Figura 4.127. Ele j ident ifi-
cou que exist ia uma pgina para fest a de aniversrio criada com ele, e ent o lhe
pergunta se voc quer criar uma nova pgina de fest a de aniversrio, ou alt erar a
pgina j existent e. Bast a escolher a segunda opo e clicar no bot o Avanar.
Simples, no?
Figura 4.127
Mas vamos volt ar ao bsico, pois nem criamos nossa primeira pgina.
Nos modelos que havia para escolher, decidi const ruir uma pgina pessoal. Cliquei
no link Pgina Pessoal e ent o apareceu est a outra t ela.
Figura 4.128
Aqui t ant o faz eu escolher uma das cores disponveis para minha pgina ou clicar
no link Abra o Yahoo! Assi stente.
O sist ema ir abrir uma janela menor onde iremos colocar as nossas preferncias e
responder a algumas pergunt as. Clique e vamos ver o processo passo a passo.
Figura 4.129
O processo todo leva de 5 a 10 minutos, e t odo ident ificado por nmeros. Do lado
esquerdo voc v a represent ao grfica da localizao onde vai ficar, em sua p-
gina, aquilo que est o pergunt ando. Clique em Ini ciar.
Figura 4.130
Aqui iremos escolher a cor da nossa pgina. Escolha a que voc preferir e clique
em Avanar.
Figura 4.131
Digit e agora seu nome. Veja onde vai aparecer essa informao (Passo 1) na ima-
gem ao lado. Vai ficar bem esquerda em cima. Simples de visualizar, no? Assim
que t erminar, clique no bot o Avanar.
Agora t emos que selecionar uma figura. Pode ser uma foto sua ou algo assim. Ela
vai ficar exat ament e onde est o homenzinho desenhado. (Passo 2) Bast a clicar no
bot o Browse ( o mesmo sist ema de envio de arquivos, s que dest a vez voc
t em que enviar soment e imagens em format o .JPG ou .GIF).
Figura 4.132
Repare que, para cada t ela, h vrios links expli cando al guns termos que, de re-
pent e, podem gerar confuso para quem no est muit o acost umado a criar pginas
ou mesmo navegar na Int ernet .
Assim que selecionar sua imagem e o nome e o caminho dela est iverem no campo
ao lado do bot o Browse, clique em Avanar.
No Passo 3, a vez de digit ar o nosso endereo de e-mail . Pode ser do Yahoo! ou
de out ro qualquer.
Figura 4.133
Clique depois em Avanar.
Passo 4 Agora t emos que escrever uma descrio sobre ns. Escreva algo e cli-
que em Avanar. Veja sempre onde vai t al informao pela ilustrao do lado
esquerdo.
Figura 4.134
No Passo 5, vamos escrever sobre o que gost amos, ou seja, sobre nossos hobbies e
interesses. Depois clique em Avanar.
Figura 4.135
No passo 6, t emos espao para incluirmos 3 links. Ele j vem preenchido com al-
gumas pginas do Yahoo!, mas para mudar simples. Clique com o mouse no
campo e apague o que tem dentro dele, subst it uindo pelos links que desejar. Do
lado esquerdo coloque o nome do link, ou uma descrio, e logo ao lado, na direit a,
digit e o endereo do sit e. Assim que terminar, clique em Avanar.
Figura 4.136
No Passo 7 podemos inserir um t ext o descrevendo nossa famlia. Lembre-se de
que, em todos os assistent es, se deixar o campo vazio, ele ir pular aquele it em.
Isso int eressant e principalment e nest as part es em que descrever a sua famlia no
seja algo que voc deseje. Se for est e o caso, bast aria deixar o campo de edio
vazio e clicar em Avanar.
Figura 4.137
COHO CklAk E ENVlAk PAGlNAS... 22!
Se sua famlia t iver um sit e, voc pode colocar o endereo das pginas de cada pes-
soa aqui, no Passo 8.
Figura 4.138
No Passo 9 a vez dos amigos. Escreva algo sobre eles e depois clique em Avan-
ar.
Figura 4.139
No Passo 10, digit e os links dos sit es de seus amigos, se eles t iverem. Seno, basta
deixar t udo em branco e Avanar novament e.
Figura 4.140
Na Figura 4.141 voc decide se est a ser a sua pgina inicial. Se quiser que seja,
escolha Sim. Do contrrio escolha No. Lembre-se de que, se voc j t iver uma
homepage e escolher sim aqui, pode correr o risco de apagar a exist ent e.
Figura 4.141
Por lt imo, t emos uma t ela de parabns, pois nossa pgina foi const ruda com xi-
t o. Ali t ambm aparece um link para podermos visualizar o que fizemos.
Figura 4.142
Para este t est e, vejam s a pgina que criei.
Figura 4.143
No ficou bonit a?
E com isso t erminamos est e capt ulo no qual ensinamos a ut ilizar t udo o que os
sit es de hospedagem grat uit a nos oferecem. H vrios out ros ainda, como o recm-
lanado HPG, http://www.hpg.com.br, tambm muito int eressant e. Pena que eu j
est ava t erminando o livro quando ele foi ao ar. Mas os sistemas deles, como disse
durant e todas as pginas, so muit o parecidos, principalment e porque o import ant e
facilit ar a vida dos internaut as iniciant es.
Voc t ambm vai encontrar assist ent es, todos eles com pergunt as fceis, com
muit o t exto explicat ivo e t ambm oferecendo a voc vrias opes de envio de ar-
quivos, seja via navegador ou via FTP, que o que veremos a seguir.
realment e muito simples aparecer na Web.
A gent e se v l ent o.
225
CAPTULO 5
COMO ENVIAR SEUS ARQUIVOS
UTILIZANDO FTP
O Que FTP
Primeirament e, vamos descobrir o que significa FTP:
FTP a sigla de File Transfer Protocol (prot ocolo de transferncia de arquivos).
uma forma de enviar arquivos pela Int ernet .
Vimos anteriorment e que a maior part e dos servios grt is de hospedagem de pgi-
nas possui um formulrio que, at ravs de um bot o Browse nos permite localizar
um arquivo e envi-lo para nosso sit e. Obviament e o processo meio lento. Mes-
mo para aqueles que possuem vrios campos e botes de localizao de arquivos
para ajudar a enviar mais do que um de cada vez, ainda assim mais devagar, pois
t odo o cont edo acaba t rafegando pela rede da Int ernet ut ilizando o protocolo
HTTP que mais devagar que o FTP.
Tambm vimos que out ros servios nos permit em agora enviar nosso sit e t odo
compact ado em format o .ZIP e depois descompact -lo dent ro de nosso espao
grat uito. Isso j um passo enorme e com cert eza um facilit ador.
No ent ant o, h sites que nos oferecem a possibilidade de envio dos arquivos via
FTP.
Alm de ser mais rpido, muito fcil; voc ver que, com o auxlio de programas
simples, como copiar um arquivo de um diret rio e jog-lo em outro pelo sist ema
Windows. O famoso arrast ar e solt ar.
Realment e muito fcil.
Out ra razo para aprendermos como ut ilizar esse sist ema de FTP que a maioria
dos servios de hospedagem PAGA, onde t emos muit o mais espao para nosso sit e
ou o sit e de nossa empresa, e t emos muit o mais recursos tambm, prat icament e s
t rabalha com esse sistema de at ualizao e envio de arquivos.
Existe, logicament e, a possibilidade de voc t er um sit e com as famosas ext enses
FrontPage, que permit em o envio, diret ament e do soft ware de edio da Micro-
soft, seus arquivos para seu sit e. Eu mesmo j t ive a oport unidade de t est ar os dois.
O FTP imensament e mais rpido.
O bom das ext enses FrontPage que voc pode se conect ar ao seu sit e na Int ernet,
remot amente mesmo, mudar o nome de um arquivo, e t odos os links que aponta-
vam para aquele arquivo so aut omat icament e modificados para o novo nome cria-
do. Isso diminui drast icament e a possibilidade de links errados ou quebrados.
O sist ema do FTP no faz isso, apenas envia e recebe arquivos. No at ualiza o c-
digo de nenhum deles para evit ar links quebrados.
Mas at ai, o sist ema de envio que j vimos pelo bot o Browse t ambm no faz
nada disso que o FrontPage faz. Alm do que, muit os sit es que prezam pela segu-
rana acabam preferindo sit es sem essas ext enses desse programa porque dizem
que os deixam mais vulnerveis a at aques de hacker. Isso verdade t ambm. Como
t ambm verdade que, mesmo com t odas essas defesas, o nmero de at aques de
hackers no fica int imidado porque seu sit e t em ou no ext enses do FrontPage.
Eles sempre acabam arrumando um jeit inho de ent rar em seu sit e. Por isso acon-
selho sempre a no deixar nada de confidencial na Int ernet . E se for necessrio,
cont rate uma empresa idnea que saiba como prot eger seus dados.
Mas vamos volt ar ao que int eressa.
Temos ent o como enviar arquivos pelo protocolo HTTP que o que ut ilizamos
com aqueles formulrios dos servios grat uit os que j vimos. Tambm t emos como
enviar arquivos pelo sist ema de ext enses do FrontPage e por final, t emos como
enviar e receber arquivos via FTP.
Existem out ros programas de edio de pginas que lhe permit em o envio de pgi-
nas diretament e t ambm, mas eles se ut ilizam do FTP para envi-los.
Podemos ut ilizar o FTP de duas formas:
a) usando um programa especfico para isso, que t emos s cent enas, ou
b) usando o DOS do Windows para enviar arquivos. Esse processo mais
complicado e no t o simples, j que t em que ser feit o arquivo a arquivo,
mas bom saber para casos de emergncia.
COHO ENVlAk SEUS AkQUlVOS UTlLlZANDO FTP 227
Como Efetuar o Download e Instalar
Um Programa de FTP Gratuito
Como um programa grat uito e possui uma verso para port ugus, eu recomendo a
voc que efet ue o download e a inst alao do FREEFTP, que voc pode encontrar
no sit e http://members.aol.com/brandyware/freeftp. Est e um soft ware s para
usurios de Windows. Infelizment e no saberia recomendar um bom para usurios
de Mac ou Linux. De toda forma, ao entrar nessa pgina, voc ver a t ela da Figura
5.1.
Figura 5.1
Sei que est t udo em ingls, mas bom se acost umar, pois a maior part e dos servi-
os que exist em na Int ernet est em ingls.
Assim, ut ilize a barra de rolagem para descer um pouco mais nessa pgina. Ver
um link para download do programa, que agora est na verso 3.2 (pelo menos at
a impresso dest e livro). Clique e faa o download do arquivo, escolhendo onde
quer salv-lo. O nome do arquivo ser FREEFTP.ZIP, port anto, voc ir precisar
do WinZip ou outro programa que t rabalhe com esse format o de arquivo compac-
t ado j vimos isso anteriorment e t ambm.
Assim que o processo de download t iver sido complet ado, ut ilize o programa de
ZIP para descompact ar o cont edo do arquivo em algum out ro lugar de seu com-
put ador.
Veja s como eu fiz. Primeirament e escolhi para que o arquivo FREEFTP.ZIP fos-
se salvo no meu diret rio TEMP (se voc no t iver um, uma boa idia criar, pois
muito t il).
Figura 5.2
Depois dei dois cliques em cima do arquivo FREEFTP.ZIP. Isso me abriu o pro-
grama associado a arquivos ZIP, o WinZip.
Figura 5.3
Veja que ele j me most ra t odos os arquivos exist ent es dent ro do arquivo compac-
t ado zip. No caso do WinZip, exist e uma opo legal, que o Install . Atravs dele
podemos inst alar um programa (no caso o freeft p um programa, e o WinZip sabe
disso porque um dos arquivos compact ados se chama set up.exe, que um arquivo
de inst alao), sem t er que descompact ar t udo em out ro diretrio. Mas isso algo
que o WinZip t em. Vamos trabalhar como se voc t ivesse out ro programa e no
pudesse t er essa opo.
Vamos ext rair t odos os arquivos para algum diret rio de onde iremos instalar o
programa. Vamos ent o criar um diretrio FTP pelo Windows Explorer. Feito isso,
ut ilizamos a opo de Extract do programa que t rabalha com ZIP, o que ir abrir
out ra janela onde iremos localizar onde os arquivos sero ext rados e descompacta-
dos. Verifique se o diretrio que criamos j est selecionado. Seno localize-o por
essa janela.
Figura 5.4
Agora sim ele est ok para ext rair os arquivo para o diret rio C:\Temp\ftp
Clique no bot o Extract. A operao bast ant e rpida. Assim que t erminar, ele
volt ar para a t ela inicial do WinZip (ou de seu out ro programa) e, no caso do
WinZip, voc ver l embaixo que a luz verde est acessa, o que quer dizer que j
foi cumprida sua misso. Feche o WinZip ou seu out ro programa. No iremos
mais precisar dele. Agora vamos para o diretrio C:\Temp\ftp
Veremos l os arquivos j pront os para inst alao do programa.
Figura 5.5
D dois cliques no arquivo Setup.exe.
Voc ver uma t ela azul com um aviso. Basicamente o que ele diz para voc fe-
char outros programas que est ejam abert os para facilit ar a inst alao do FreeFTP.
Ao t erminar de fechar outros programas que possam estar abertos, clique em OK.
Figura 5.6
Cont inuando a inst alao, veremos na prxima t ela um bot o bem grande com um
comput ador nele. Para cont inuar a inst alao do programa, clique nesse bot o com
o comput ador. Se quiser, voc pode mudar o diret rio onde o programa vai ser
inst alado. Eu no recomendo. Clique diret o no bot o de inst alao que falei.
Figura 5.7
COHO ENVlAk SEUS AkQUlVOS UTlLlZANDO FTP 23!
A instalao vai prosseguir e inst alar t odos os arquivos necessrios em seu com-
put ador. No final voc ver uma mensagem de confirmao de que t udo t erminou
com sucesso.
Clique em OK para fechar essa janela.
Figura 5.8
O FreeFTP precisa que seu computador seja reiniciado para completar definit iva-
ment e a inst alao.
Ele ir most rar uma t ela com essa mensagem t ambm.
Figura 5.9
L voc t er que escolher se quer reiniciar seu comput ador agora (o que reco-
mendvel, se voc j fechou t odos os seus programas e est t udo salvo) ou se quer
reiniciar seu comput ador mais t arde.
Nesse caso voc t er que sair do Windows pedindo para o comput ador reiniciar
(restart ).
Assim que voltar dessa operao, seu programa est pront o para ser usado.
Vamos iniciar o programa para configur-lo da primeira vez para o nosso idioma,
port ugus. Escolha o que possui a bandeira respect iva, pois h o port ugus do Bra-
sil e o port ugus de Port ugal. At eno.
Figura 5.10
Se voc quiser modificar a linguagem do soft ware depois, basta ut ilizar o menu
L ngua para ver a mesma t ela e fazer out ra escolha.
A aparncia do FreeFTP bem simples.
Vou explicar o bsico do funcionament o do soft ware. Acompanhe pelas figuras o
que cada rea do programa faz e ent o veremos como ut iliz-lo para enviar e rece-
ber arquivos via FTP.
Figura 5.11
Vejamos para o que serve cada part e de seu programa de FTP.
Figura 5.12
Figura 5.13
Figura 5.14
Figura 5.15
Agora voc j sabe como ut ilizar a maior part e dest e soft ware.
Vejamos ent o como iremos ut iliz-lo para nos conect ar a t odos os servios de
hospedagem que permit am o seu uso. Primeiramente t emos que procurar informa-
es se o servio ut iliza FTP.
Se sim, o que t emos que saber :
a) qual o endereo do servidor de FTP que devemos ut ilizar.
b) se a port a de acesso a 21 realment e. Como disse, est a a port a normal de
acesso e soment e em raros casos t emos que mudar essa configurao. Se
na ajuda do seu servio de hospedagem no encont rar respost a, t ent e com
21 mesmo.
c) verifique se o seu nome de usurio e sua senha do servio so os mesmos
para o servio de FTP. Algumas vezes, por razes de segurana, so dife-
rent es. Isso t ambm, no ent anto, raro.
Nos servios que avaliamos aqui, soment e o Planet a Terra e o Yahoo! GeoCit ies
aceit am o uso do FTP.
Para voc enviar pginas ht ml ou imagens ou out ros t ipos de arquivo para seu site,
primeirament e localize o diret rio de seu comput ador onde elas se encontram, na
janela Suas Pastas. Voc ir ver agora os arquivos de seu comput ador na janela
Seus Arqui vos.
Figura 5.16
Como voc not ou, agora toda a ao vai prat icament e ser na part e esquerda de seu
soft ware, pois em cima voc v os arquivos que est o em seu site, e logo abaixo,
voc v os arquivos que est o em seu comput ador.
Digamos agora que voc queira enviar arquivos (ou diret rios t ambm) do seu
comput ador para o seu sit e.
Primeiro selecione o que deseja enviar na janela de baixo, usando as t eclas Shi ft ou
Ctrl. Depois clique na seta preta ao lado do comando Send. Ou ento voc pode-
ria ut ilizar o recurso do Windows de segurar os arquivos selecionados com o bot o
direit o do mouse e arrast -los para a janela de cima, solt ando-os em cima de seu
sit e. Viu como fcil conseguir lidar com esse t ipo de programa?
Basicament e t odos eles so da mesma forma no Windows. Voc pode selecionar os
arquivos e segur-los com o bot o direito do mouse e arrast ar t odos de uma vez
para a janela mostrando o seu site.
A mesma coisa acont ece quando voc precisa trazer algum arquivo de seu sit e para
o seu comput ador. Voc seleciona o que quer trazer e usa o recurso de segurar, ar-
rast ar e solt ar com o seu mouse ou ent o apenas clica na seta preta onde vemos
escrito Recei ve.
Para renomear um arquivo ou diretrio, selecione-o e ut ilize a t ecla correspondent e
a esse servio, que est udamos nas figuras relat ivas t ela do programa FreeFTP.
t udo bem simples. Para cada t ecla de opes, como apagar, criar, ver t amanho, vi-
sualizar, ler, renomear, et c, voc t em que ter um arquivo ou diretrio selecionados.
No caso de apagar, voc pode t er at mais do que um arquivo ou diretrio para
apagar de uma vez.
Tent e acessar um dos servios que permit em o uso de FTP e em pouco t empo voc
vai est ar se pergunt ando porque perdia t ant o t empo mandando seus arquivos por
uma pgina com aqueles bot es Browse.
Vamos ver como voc pode se conect ar com dois dos servios de hospedagem gr-
t is que nos permitem fazer esse test e.
Se voc ainda no tem um sit e neles, bom pensar em t er, j que voc pode ir no
mnimo t reinando FTP, cert o?
Como Utilizar FTP no Yahoo!
GeoCities
Primeirament e temos que entrar com a URL do servio de FTP que queremos aces-
sar. No caso do Yahoo! GeoCit ies, defina seu programa de FTP para que se co-
nect e com o host : ftp.br.geocities.com.
Defina sua ID de usurio como sua ID de usuri o do Yahoo! GeoCities. Defina
seu cdigo de acesso como sua senha do Yahoo! GeoCi ties.
Cert ifique-se de que todas as informaes que digit ar nos campos est ejam em let ra
minscula. Veja a Figura 5.17 para no se confundir.
Figura 5.17
Nota: Na maioria dos servios, voc s vai precisar disso: o nome do servidor
FTP, seu nome de usurio e sua senha. Isso ir lev-lo aut omat icament e ao di-
retrio-raiz.
Bast a agora estar conectado na Internet e clicar no bot o Conecta e pront o. Logo,
logo, voc ir ver o seu sit e via FTP.
Mas lembre-se de t rocar a ID e a senha pelas suas mesmo.
O outro servio que nos disponibiliza t ambm o acesso via FTP o do Planet a Ter-
ra. Vejamos ent o as configuraes para ele.
Como Utilizar FTP no Planeta Terra
A URL de acesso do servidor de FTP do Terra : ftp.pl aneta.terra.com.br
A porta de acesso a 21.
No campo ID do usurio, coloque seu nome de usurio do sistema do Pl aneta
mesmo, e para seu cdigo de acesso, a sua senha. Para ti po de acesso, deixe em
defaul t ou padro.
Bast a agora voc est ar conect ado na Int ernet e clicar no bot o Conecta do seu pro-
grama de FTP. Ele vai automat icament e procurar seu sit e e vai most rar o cont edo
dele na janela Arqui vos do Si te FTP.
Figura 5.18
Agora voc j sabe como se conectar via FTP para out ros servidores de Web, cer-
t o? Mas, e se voc precisar desesperadament e enviar um arquivo ou receber um
arquivo de um servidor FTP e no possui nenhum soft ware especial para isso? Vai
ficar sem mandar a lt ima at ualizao do seu sit e? No!!! Isso , no se voc se
lembrar de algumas dicas e comandos e t iver um comput ador com o Windows e
acesso Int ernet . Veja s, bast a voc acessar o seu prompt do DOS.
Como transferir seus arquivos por
FTP via DOS
Para fazer isso, siga essas et apas:
No menu Ini ciar, selecione
Programas > Prompt do MS-DOS.
Vamos usar aqui como exemplo, o servio do Yahoo! GeoCit ies.
Digit e ftp ftp.br.geoci ties.com (aparecer um prompt ).
Figura 5.19
Digit e seu nome de membro do Yahoo! GeoCities e d Enter.
Figura 5.20
Digit e sua senha do Yahoo! GeoCities.
Figura 5.21
Agora bast a voc usar comandos padro de FTP para gerenciar os arquivos em sua
pgina principal.
Figura 5.22
Aqui eu usei o di r, para ver todos os arquivos que eu t enho em meu site.
Figura 5.23
Quando eu usei o comando di r para ver meus arquivos, not e que aparecem algu-
mas siglas em cada comeo de linha:
- rw r r -
- rw rw -
drwxr x -
Toda vez que aparecer a letra d no incio da linha, se trat a de um Di retrio. Os
out ros so arqui vos.
No final de cada linha voc ver o t amanho em Kb de cada arquivo, sua dat a de
criao, e a hora em que foi criado ou modificado e o nome.
Comandos Bsicos do FTP
bin: alt era o modo de transferncia para binrio (usado para t ransferncia de ele-
mentos grficos, arquivos ZIP et c.). Se o arquivo que voc deseja carregar cont iver
soment e t exto, como um arquivo HTML ou de t exto, voc pode usar o modo AS-
CII ou o modo binrio. Se voc quiser carregar um arquivo grfico ou arquivos de
out ras mdias, use sempre o modo binri o.
COHO ENVlAk SEUS AkQUlVOS UTlLlZANDO FTP 24!
chdi r <nome do di retrio>: alt era o diret rio
di r : relaciona todos os arquivos de seu diret rio
get <nome_arq> : transfere arquivos do servidor remoto de FTP para sua unidade
de disco local
mget <nome_arq> : transfere vrios arquivos (usando curingas) do servidor re-
mot o de FTP para sua unidade de disco local. Curingas so uma espcie de abrevi-
ao. Se voc digit ar por exemplo: mget *.gi f , vai t ransferir t odos os arquivos gi f
(por isso usamos o asterisco) para seu disco local. Se voc digit asse mget *.* iria
t ransferir t odos os arquivos para seu disco local. O ast erisco subst it ui uma let ra,
uma palavra, et c. realment e um curinga. Out ro exemplo: mget *ma.html vai
t razer todos os arquivos terminados com ma.html como cama.html , lama.html ,
macarrao_da_mama.html , etc. Assim voc subst it uiu t udo o que vem ant es de
ma.html .
mkdi r <nome da pasta> : cria um diret rio/past a
mput <nome_arq> : transfere vrios arquivos (usando curingas) da sua unidade
de disco local para o servidor remoto de FTP
put <nome_arq>: transfere um arquivo de cada vez da sua unidade de disco local
para o servidor remot o de FTP
prompt : at iva e desat iva avisos de confirmao durant e o uso dos comandos mput
e mget
pwd : exibe o cont edo at ual do servidor
rmdi r <nome do di retrio> remove um diret rio
? list a vrios comandos
? <comando> list a uma ajuda simples para esse <comando>
qui t ou bye: encerra a sesso de FTP
Para sair, ent o, bast a digit ar qui t ou bye e a sesso t ermina:
Figura 5.24
Dicas
Cert ifique-se de t ransferir t odos os arquivos que no sejam de t ext o (isto ,
GIF, JPG, ZIP et c.) usando a opo binrio ou dados no processados.
HTML e outros arquivos de text o podem ser transferidos usando-se a op-
o ASCII (t exto) ou no modo binrio.
Verifique sempre as mensagens que aparecem ao final de cada t ransfern-
cia para ver se ela foi concluda com sucesso.
Se voc t ent ar carregar uma quant idade de dados maior do que aquela para
a qual se inscreveu (como t ent ar enviar um arquivo de 20 MB para um sit e
que s lhe oferece 10 MB, por exemplo), o procedimento de FTP vai fa-
lhar. Sempre que ocorrer falha na t ransferncia, fique bem at ento s men-
sagens de erro.
Para Evi tar Erros, Siga Sempre Estes Conselhos
Cert ifique-se de est ar inserindo corret ament e as seguint es informaes: Endere-
o: o endereo ftp do seu servidor. Exemplo: ftp.br.geoci ties.com; Nome ou ID de
usurio: seu nome de usuri o; Senha, password ou cdigo de acesso: sua senha.
Cert ifique-se de que t odas as informaes que digit ar nos campos est ejam em
letra minscula e no contenham espaos.
Nunca enviar arquivos com letras maisculas e minsculas mist uradas. Uma
boa part e dos servidores web ut ilizam um sist ema operacional chamado UNIX.
Nesse sist ema, um arquivo com o nome Fotos.htm diferente de um out ro cha-
mado fotos.htm. Em um sist ema Windows voc nem consegue t er esses dois ar-
quivos junt os no mesmo diret rio. Isso acont ece porque o Windows ignora mais-
culas e minsculas. Para ele t udo igual. Mas para o Unix no. Ent o, se voc t iver
digit ado sua senha t oda em maiscula (s vezes acont ece, porque a gent e deixa o
CAPS ligado), no adiant a escrev-la em minsculo que o sist ema no vai aceit ar.
Por isso voc sempre t em que tomar cuidado com os nomes de seus arquivos.
Quando voc usa um programa grfico e cria uma imagem chamada meuno-
me.GIF, veja que a t erminao GIF est em maiscula. A voc vai e cria uma p-
gina em HTML e escreve no cdigo para chamar a imagem meunome.gi f. Quando
voc vai t est ar em seu comput ador, t udo funciona maravilhosament e, afinal de
cont as, meunome.gif igual a meunome.GIF no Windows. Mas quando voc
manda pro GeoCit ies, a imagem no vem na pgina. Simplesmente no aparece,
como se ela no exist isse. Voc ent o vai no seu sit e e a imagem est l. O que est
acont ecendo? O que ocorre que o seu cdigo est com o nome errado do arquivo.
Os dois t m que est ar exat ament e iguais. O mesmo vale para nomes de diretrios.
Nem preciso falar para nunca se usar acent uao nos nomes de arquivos e dire-
t rios, no ? Ent o isso.
Com cert eza agora voc t em t odo o conhecimento necessrio para administ rar seu
sit e via FTP. A nica coisa que falta experincia para lidar com os programas e
os cdigos do DOS quando necessrio, e t ambm muit a at eno e cuidado para os
nomes de arquivos.
Se t iver problemas para se conectar com sua cont a usando FTP e t iver cert eza de
que est usando as informaes de login corretas, recomendo consult ar seu prove-
dor de acesso (ou sua empresa, quando se ut iliza proxy) sobre qualquer limit ao
que possa t er sido impost a por ele.
244
CAPTULO 6
COLOQUEI MEU SITE NO AR E ELE NO
ESTA FUNCIONANDO DIREITO. O QUE
ACONTECEU?
Vamos analisar aqui as principais dvidas e erros que podem acont ecer em seu sit e,
no import ando se o erro com HTML, FTP, imagem, ou apenas algo que voc
no t em cert eza.
O import ant e voc saber a respost a, certo? Nest e capt ulo eu t ento realar as per-
gunt as que no foram respondidas durant e os capt ulos ant eriores, ok? No adiant a
procurar aqui uma explicao para algo que acont ece no Yahoo!, por exemplo.
mais fcil procurar nas pginas relacionadas ao sit e em quest o.
Vamos l ent o.
Erros de Javascript
Esse t ipo de erro um dos que mais vemos. O javascript, em si, j uma lingua-
gem sensvel, mas o cuidado que t emos de tomar algo impressionant e. J me
acont eceu vrias vezes, de um script no funcionar simplesment e porque part e dele
est ava indo parar em out ra linha.
Por meio da quebra nat ural de programas como o not epad, por exemplo, a linha do
cdigo ficava quebrada e isso s se foi perceber depois de arrancar muit o cabelo
e pesquisar em t odos as outras part es do cdigo.
Out ro det alhe que boa part e dos script s que vemos por a na Internet no foram
muit o bem t est ados em todos os t ipos de navegadores, ent o podem sim dar erro
em algumas verses de seus visit antes. E infelizment e no h muit o o que fazer.
Sit es famosos, que recebem milhares de visit as todo ms e que trazem mat rias
sobre informt ica, t m script s que do problema. Tem um, que no vou cit ar o
nome, que sempre d pau no meu navegador e em out ros de pessoas que conhe-
o. Mas t ambm j vi funcionar perfeit ament e em out ros comput adores. Infeliz-
ment e no d pra cont entar a todos.
COLOQUEl HEU SlTE NO Ak E ELE NO ESTA FUNClONANDO DlkElTO 245
No ent ant o, t ome muito cuidado com script s que comeam a dar erros, e pense se
vale a pena us-los. Eu j recebi vrios e vrios e-mails de meus leit ores me per-
gunt ando o que eles est avam fazendo de errado em pginas que eles const ruam. Eu
nem conseguia ajud-los, pois eu mesmo t inha problemas com out ros script s. Essa
a vida de quem quer colocar um algo a mais no seu sit e. No ent ant o, eu me
pergunto se vale a pena. como dizem, s vezes, menos mais. Um sit e mais cle-
an e sem t ant a complicao pode ser algo extremamente agradvel para os nossos
visit ant es. Pense neles ant es de incluir muitos cdigos, ok?
Esquecer de Fechar as Aspas no seu
Cdigo HTML
Isso algo que pode acarret ar desde um erro no seu navegador, quanto fazer sumir
part e de seu t exto, imagens, et c.
Por mais chato que seja, t emos sempre que conferir o nosso cdigo cuidadosa-
ment e quando t emos algum erro. Alis, os browsers (navegadores) normalment e
nos avisam em qual linha est o problema que eles encontraram. Se eles no est o
indicando, procure as configuraes avanadas deles e verifique se est o acionados
os alert as para erros.
Algumas vezes o Int ernet Explorer vem com essa opo desligada apenas para que
a gente no veja sempre as mensagens de erro, que so t o comuns, que realment e
chegam a nos t irar a pacincia e pensar em novament e desligar essa funo. No
ent anto para o t est e de seu sit e, deixe sempre ligado.
No Int ernet Explorer, procure nos menus a opo:
Internet Options (Opes da Internet) > Advanced (avanado) > e selecione a
opo Displ ay a notifi cation about every scri pt error. Em port ugus no sei a
t raduo corret a, mas seria algo como exi bi r uma notifi cao para cada erro de
scri pt.
Colocar os Nomes dos Arquivos em
Maisculas
J expliquei isso ant eriorment e no livro.
A maioria dos servidores Int ernet onde ficam hospedadas suas pginas, ut iliza o
sist ema operacional Unix, e eles fazem diferena quando o nome de um arquivo
escrito em maisculas ou minsculas (caixa alt a e caixa baixa). Para o servidor, os
arquivos TEXTO.TXT e texto.txt so diferent es. o que se chama de sensit ivo
caixa (case sensit ive, em ingls).
E no precisa ser todo o nome do arquivo em maisculo para dar problemas. Uma
let ra s diferent e j faz com que o arquivo referenciado no carregue. Se o arquivo
foi nomeado como imagem.gif e dent ro do documento HTML a referncia para
imagem.Gif, o servidor no ir ach-lo. Por isso, escolha um padro para os nomes
dos arquivos eu aconselho sempre em minsculo.
Colocar nos Nomes de Arquivos,
Acentuao e Outros Smbolos
Tent e, sempre que possvel, ut ilizar nomes curtos para seus arquivos. No ent ant o,
se for necessrio, ut ilize o sublinhado (_) para separar os nomes em seu arquivo.
Exemplo: arqui vo_de_memorias.htm
Procurar Saber Qual o Nome da
Primeira Pgina
Muit os servios no aceit am que voc escolha o nome de sua homepage. Ela t em
que ser, obrigat oriament e, chamada de:
Index.ht m
Index.ht ml
Default .ht m
Default .ht ml
No adiant a espernear. Tem que seguir as regras. Ent o, se sua homepage no car-
rega, procure saber se o nome dela est correto.
Esquecer de Citar o Diretrio em Uma
Referncia
Clica-se no link e aparece uma mensagem dizendo que o documento no foi en-
cont rado. Basta checar os links para descobrir se no faltou colocar o diret rio
onde est o arquivo.
Por isso o uso de programas de edio de pginas recomendvel, pois eles nos
indicam quando h algo errado.
Fechar Uma Clula em Um Pargrafo
Diferente
Pode parecer absurdo, mas tome muito cuidado com a TAG </TD>.
O Net scape e o Int ernet Explorer, nas verses 4 em diant e, insist em em incluir es-
paos em branco ent re as clulas se o TAG de fim de clula </TD> ficar separado
por uma marca de pargrafo do cont edo da clula. O TAG </TD> deve ser colo-
cado imediatament e depois do cont edo da clula. Exemplo:
Errado:
<TD>
<IMG SRC=imagem.gif>
</TD>
Certo:
<TD>
<IMG SRC=imagem.gif></ TD>
Vi u como colocamos a TAG? Logo no final da linha? assim que t em que ser.
Fechar Uma Referncia em Um Pargrafo
Diferente
Uma variao desse erro acont ece com os links de imagem. preciso encerrar a
ncora de hipert ext o no mesmo pargrafo do cont edo da referncia. Do cont rrio,
o navegador adiciona um trao da cor do link. A soluo a mesma do exemplo
ant erior: colocar o TAG </A> imediat ament e depois do contedo do link. Exem-
plo:
Errado:
<A HREF=fot os.ht ml>Clique aqui para ver minhas fot os
</A>
Certo:
<A HREF=fot os.ht ml>Clique aqui para ver minhas fot os</A>
Essa TAG deve est ar, de preferncia, grudada com a referncia. Veja que eu no
dei espao ent re a palavra fotos e a TAG </A>.
No Conseguir Enviar seus Arquivos
para o Site
Pode parecer bobo, mas verifique se voc est conect ado na Int ernet pelo seu pro-
vedor de acesso. s vezes nossa conexo cai no meio de um download ou upload e
nem percebemos. J me acont eceu dezenas de vezes e pode acont ecer com voc
t ambm.
Meu Formulrio no est Funcionando. O
Que Pode Ser?
Cada servio de hospedagem de sit es t em um sist ema prprio para os formulrios.
A maioria deles pede que voc coloque um det erminado cdigo em sua pgina,
dent ro do cdigo HTML. a que a maioria das pessoas se perde e no consegue
t erminar seu formulrio. Tudo o que t emos que fazer prest ar realment e muit a
at eno nas instrues dadas na ajuda dos sit es.
Um erro muito comum das pessoas quando elas ut ilizam soft wares como o
FrontPage ou outro qualquer que t enha assist ent es de criao de formulrios, ou
ent o possuam um mont e de possibilidades.
Eu escrevi dois livros sobre o Front Page e vocs no acreditam na quant idade de
leit ores que t iveram dvida em um aspect o da criao de formulrios, que o envio
para seu e-mail.
Todo mundo gostaria que seu formulrio enviasse o cont edo que seus visit ant es
digit aram para seu e-mail pessoal, cert o? Assim voc iria abrir seu e-mail e ver l
t udo o que foi escrito no seu formulrio. Isso maravilhoso, e possvel, mas no
caso do FrontPage, ele lhe d a opo de j escolher na hora da criao da pgina
para qual e-mail quer que as respost as sejam encaminhadas, e isso s possvel
para sit es com uma configurao toda especial, que NO EXISTEM DISPON-
VEIS NO MERCADO.
Ou seja, voc no pode usar o FrontPage para que ele gere para voc um cdigo, ou
seja, uma pgina de formulrio pronto e escolher para qual e-mail as respost as se-
ro enviadas. No adiant a. Nem mesmo para aqueles sit es que dizem t er as ext en-
ses do FrontPage. Como disse, preciso uma configurao t oda especial e nin-
gum faz isso.
Mesmo nos servios de hospedagem de sit es que possuem as ext enses do Fron-
tPage, no acredit e que todas as possibilidades inerent es a esse soft ware vai funci-
onar direit inho. como um novo recurso de criao de bases de dados Access e de
pginas com acesso a esses bancos de dados. No FrontPage 2000 isso superfcil,
mas nem t odos os servios, eu repit o, permit em o uso de t odas as caracterst icas
desse soft ware. Infelizment e.
Ent o t ent e seguir mesmo o que os t extos de ajuda lhe dizem e no t ent e invent ar
muit o mais que aquilo, a no ser por experincia, mas sem esperar sucesso 100%.
E se Depois de Tudo Isso o Meu Site
no Funciona? Devo Chorar?
No! Nunca desanime!!! Tent e entrar em cont ato com o servio de hospedagem e
explique que, t alvez por um erro seu ou por out ro mot ivo (o servio int eiro pode
est ar fora do ar para manut eno, por exemplo), voc no consegue acessar seu sit e
e pea para que eles verifiquem.
Se for um site pago, ou seja, se voc paga pelo servio de hospedagem, voc t em
direit o mesmo a uma respost a, ent o, seja insist ent e.
250
CAPTULO 7
COMO REGISTRAR UM DOMNIO NA
INTERNET?
O Que um Domnio?
Um domnio um nome nico de ident ificao de sua empresa ou produto na In-
t ernet . Um nome de domnio compost o por palavras separadas por pontos, e que
se tornam menos genricas da direit a para a esquerda. Por exemplo: domi-
nal.com.br um domnio onde o .br significa que se trat a de um domnio registra-
do no Brasil .com significa que est e um domnio de cunho comercial e Dominal
o nome da empresa. Import ant e que o conjunto todo (dominal.com.br, no nosso
exemplo) seja nico. possvel por exemplo, regist rar dominal .net.br, que seria
uma outra empresa.
O Que um Site Web?
Um sit e Web um conjunt o de pginas acessveis atravs de um navegador e que
exist em com a funo de apresent ar a sua empresa, vender seus produt os ou apre-
sent ar mais informaes sobre seu negcio para um pblico selecionado e em cres-
cimento exponencial.
O Que FAPESP?
A FAPESP Fundao de Amparo Pesquisa do Est ado de So Paulo a em-
presa responsvel pelo registro e manut eno dos domnios .br. Ou seja, t odos os
domnios com t erminao .br foram regist rados na FAPESP.
O Que Internic?
O Int ernic um rgo do Departament o de Comrcio do Governo dos Est ados
Unidos, responsvel pelo regist ro de domnios com terminao .com, .org e .net .
Desde 1993, est e rgo se associou Net work Solut ions, uma empresa privada,
COHO kEGlSTkAk UH DOHINlO NA lNTEkNET! 25!
que desde ent o responsvel pela at ribuio de nomes de domnio com as ext en-
ses cit adas. Cabe ressalt ar que como os Est ados Unidos so o pas criador da rede
(Int ernet ), os domnios l regist rados no possuem ext enso designando o pas.
Dessa forma, www.microsoft.com.br o sit e da Microsoft no Brasil,
www.microsoft.com.ar o sit e da Microsoft na Argent ina, mas www.microsoft.com
o sit e da Microsoft nos Est ados Unidos.
Como Posso Saber se Devo Solicitar
um Domnio como Empresa, Pessoa
Fsica ou Profissional Liberal?
A opo deve ser feit a com base no nome de domnio escolhido. As ext enses
possveis para os nomes de domnio so:
Interni c (internaci onal)
.COM empresas comerciais
.ORG organizaes sem fins lucrat ivos
.NET empresas de redes e t elecomunicaes
.EDU ent idades de ensino superior
FAPESP (nacional)
Categorias para Instituies
ART.BR Art es: msica, pint ura, folclore
BR Ent idades de pesquisa e/ou ensino superior
COM.BR Comrcio em geral
ESP.BR Esport e em geral
FM.BR Empresas de Radiodifuso sonora
G12.BR Ent idades de ensino de primeiro e segundo grau
GOV.BR Ent idades do governo federal
IND.BR Indst rias
INF.BR Meios de informao (rdios, jornais, bibliot ecas, et c.)
MIL.BR Foras Armadas Brasileiras
NET.BR Exclusivament e para provedores de meios fsicos de comunicao,
habilit ados legalment e para a prest ao de servios pblicos de
t elecomunicaes
ORG.BR Ent idades no governament ais sem fins lucrat ivos
PSI.BR Provedores de servio Int ernet
REC.BR At ividades de ent reteniment o, diverso, jogos, et c...
TMP.BR Eventos t emporrios, como feiras e exposies
TV.BR Empresas de Radiodifuso de sons e imagens
ETC.BR Ent idades que no se enquadram nas out ras cat egorias
AGR.BR Empresas Agrcolas, Fazendas
SRV.BR Empresas prest adoras de Servios
FAR.BR Farmcias e Drogarias
IMB.BR Imobilirias
Categorias para Profissionais Liberais
ADM.BR Administ radores
ADV.BR Advogados
ARQ.BR Arquit etos
ATO.BR At ores
BIO.BR Bilogos
BMD.BR Biomdicos
CIM.BR Corret ores
CNG.BR Cengrafos
CNT.BR Cont adores
ECN.BR Economist as
ENG.BR Engenheiros
ETI.BR Especialist a em Tecnologia da Informao
FND.BR Fonoaudilogos
FOT.BR Fotgrafos
FST.BR Fisiot erapeut as
GGF.BR Gegrafos
JOR.BR Jornalist as
LEL.BR Leiloeiros
MAT.BR Mat emt icos e Est at st icos
MED.BR Mdicos
MUS.BR Msicos
NTR.BR Nut ricionistas
NOT.BR Notrios
ODO.BR Dent ist as
QSL.BR Rdio Amadores
PPG.BR Publicit rios e profissionais da rea de propaganda e market ing
PRO.BR Professores
PSC.BR Psiclogos
TRD.BR Tradut ores
TUR.BR Profissionais da rea de t urismo
VET.BR Vet erinrios
COHO kEGlSTkAk UH DOHINlO NA lNTEkNET! 253
ZLG.BR Zologos
Categoria para Pessoas Fsicas
NOM.BR Pessoas Fsicas
Nota 1: Os domnios para profissionais liberais necessitam de CPF para regist ro
junt o FAPESP. Nenhum out ro documento ser exigido por est e rgo.
Os domnios para pessoas fsicas tero o formato nome.sobrenome.nom.br.
Para registr-lo, se faz necessrio soment e o CPF, no sendo necessrio nenhum
out ro t ipo de document o.
Nota 2: Durant e o processo de registro de domnio, enquanto o regist ro no esti-
ver confirmado pela FAPESP e/ou pela INTERNIC, o solicit ant e do regist ro no
pode se considerar propriet rio do domnio, pois uma out ra empresa pode t er so-
licit ado o nome de domnio ant es, e nest e caso t er preferncia. Na solicit ao de
nomes de domnio prevalece o sist ema de dat a, hora e senha para quem solicit a:
prevalece quem chegar primei ro.
Qual a Documentao Necessria para se
Registrar um Domnio?
Para os domnios para pessoa jurdica (Inst it uies) regist rados na FAPESP (exten-
ses: art.br, br, com.br, esp.br, g12.br, gov.br, ind.br, inf.br, mil.br, net.br, org.br,
psi.br, rec.br, tmp.br, etc.br) necessrio que a inst it uio que regist rar o domnio
possua um carto de C.G.C vli do no ano em que est sendo regist rado o dom-
nio. Em alguns domnios especficos (br, org.br, mil.br, g12.br, gov.br, net.br)
necessrio ainda documentao que comprove a natureza da ati vi dade da Enti -
dade.
Para os domnios para pessoa fsica e profissionais liberais regist rados na FAPESP
(Ext enses: adm.br, adv.br, arq.br, bio.br, cnt.br, ecn.br, eng.br, eti.br, fot.br,
fst.br, jor.br, lel.br, med.br, odo.br, ppg.br, pro.br, psc.br, tur.br, vet.br, zlg.br,
nom.br) necessrio que o indivduo que regist rar o domnio possua um carto
de C.P.F. vli do no ano em que est sendo regist rado o domnio.
Para os domnio registrados no INTERNIC (ext enses: .net, .org, .com) no ne-
cessrio nenhum t ipo de document ao.
Para Registrar um Domnio, Preciso
Possuir C.G.C.?
Depende do t ipo. permit ido registrar o domnio no Brasil ut ilizando uma das ex-
t enses possveis para profissionais li berai s ou pessoa fsi ca. Consult e nas per-
gunt as ant eriores as ext enses possveis.
No caso de regist ros com t erminao .com.br, a sim necessrio possuir o C.G.C.
de uma empresa.
Alm dest as opes, possvel registrar com as ext enses .com, .org ou .net, que
so regist radas nos Est ados Unidos.
Quanto Tempo Demora para Registrar um
Nome de Domnio?
Para registrar um domnio, seja brasileiro (www.seudominio.com.br) ou at ravs da
Int ernic (www.seudominio.com), normalmente o prazo de 72h. na FAPESP (na-
cional) ou at 5 dias t eis na INTERNIC (int ernacional).
Quantos Domnios Posso Ter?
.com.br No Brasil cada domnio est vinculado a um nmero de CGC, e permi-
t ido regist rar at dez nomes de domnio por nmero de CGC.
.com No ext erior, t ant o pessoas fsicas como pessoas jurdicas podem regist rar
domnios e podem t er quantos domnios quiserem.
Como Pode Ser o Nome do Domnio?
1 O nome do domnio no pode t er maisculas, let ras acent uadas ou cedilha.
2 O domnio deve t er no mnimo de 2 e mximo de 26 caract eres.
3 Soment e so vlidos os caract eres [A-Z;0-9] e o hfen.
4 No pode cont er soment e nmeros.
5 O hfen vale como separador sint t ico int erno de palavras, sendo que domnios
j regist rados com ou sem o mesmo, s podero ser regist rados com est a diferena
pelo det entor do primeiro regist ro. A FAPESP no aceit a nomes de domnio sepa-
rados por hfen se j exist ir o mesmo nome registrado como uma palavra s. As-
COHO kEGlSTkAk UH DOHINlO NA lNTEkNET! 255
sim, se j exist ir o domnio superhomem.com.br no ser possvel regist rar su-
per-homem.com.br. J na Int ernic no exist e est e problema.
Como Fao para Descobrir se o Nome que
Desejo Usar est Disponvel?
No caso de um regist ro brasileiro, acesse o sit e http://registro.br e ut ilize o formu-
lrio ali exist ent e para verificar.
Para um domnio int ernacional, h vrios sites com formulrios pront os para voc
verificar. Um dos mais conhecidos o http://www.networksolutions.com.
Outra Empresa j Registrou o Nome que
eu quero. O Que eu Posso Fazer?
Voc t em duas alt ernat ivas: t ent ar ent rar em cont ato com a empresa que regist rou o
nome e comprar o domnio deles ou escolher out ro nome.
Escolher out ro nome sempre mais fcil e rpido.
No ent ant o, se voc for o det ent or de uma marca e ela est iver sendo ut ilizada por
out ra empresa como nome de um sit e, voc pode tent ar uma negociao amigvel
ou judicial.
Agora que j sei tudo isso, como
Registrar meu Domnio?
Normalmente os sit es, t ant o de hospedagem grat uit a quant o os de hospedagem
paga, j possuem sist emas prprios que lhe auxiliam a conseguir seu domnio, seja
nacional ou int ernacional, int ermediando t odo esse processo para voc. Isso acaba
t endo um custo, certo, mas como o processo no simples, pois envolve det alhes
t cnicos como nmero de servidor primrio e secundrio, nome e cdigo (para re-
gist rar um sit e em seu nome voc t em que se cadast rar e t er um cdigo vlido) da
pessoa responsvel, do t cnico responsvel e do administrador responsvel, ento
s vezes compensa.
No ent ant o, para conseguir registrar um domnio no Brasil, bast a ir at o sit e
http://registro.br e se cadast rar para poder ter um sit e. L voc consegue se infor-
mar sobre as t axas e t ambm se o domnio que deseja est livre.
Lembre-se de que preciso j t er um espao no ar, t er um site e est e est ar j confi-
gurado corret ament e (at a finalizao dest e livro est avam pensando na liberao
dessa norma assim, ao registrar seu nome, voc t eria mais 2 semanas para conse-
guir um lugar onde ele pudesse ser hospedado).
De toda forma, voc no pode t er simplesment e o nome j reservado sem t er um
espao t ambm reservado.
Para domnios internacionais, o mais simples , t ambm, conseguir um servio de
hospedagem e este providenciar para voc os mtodos de regist ro do nome que
voc deseja. Para informaes sobre sit es int ernacionais, visit e a Internic
http://www.internic.net.
257
CAPTULO 8
ONDE ENCONTRAR AS FERRAMENTAS E AS
DICAS MAIS TEIS DA INTERNET
Existem vrios servios t eis na Int ernet e parece que surgem mais e mais a cada
dia. Enquanto eu escrevia est e livro vi pelo menos dois novos sit es oferecendo algo
legal para colocar no seu sit e.
Aqui vou indicar os que eu mais aprecio. Podem parecer poucos, mas eu garant o
que so a nat a da nat a. So muit o bons mesmo.
Indicao de Sites
ACDSee (www.acdsee.com) em ingls. Sit e fabricant e de um dos melhores visu-
alizadores de imagem do mercado, o ACDSee. Muit o bom mesmo. Com ele voc
pode ver qualquer t ipo de imagem sem t er que abrir programas pesados ou espec-
ficos para det erminados t ipos de format os.
Adobe (www.adobe.com.br) fabricant e de soft wares grficos mais ut ilizados no
mundo int eiro, como o Phot oshop, o Illustrat or e o InDesign.
Al tavista (www.altavista.com) em ingls, mas o melhor site de buscas da Int er-
net . L voc encont ra prat icament e t udo o que quiser.
Apostilas Gratui tas (www.geocities.com/tutprog2/tutprog.html) sit e com vrias
apost ilas grat uit as para download para aprender Html, VBScript , met a-TAGs, entre
out ros.
Aranha (www.aranha.com.br) sit e muit o legal com vrias dicas em const ruo
de pginas para Int ernet .
AspBrasil (www.aspbrasil.com.br) t udo sobre asp act ive server pages lin-
guagem que se complement a ao HTML para acessar bancos de dados.
Coolhomepages (www.coolhomepages.com) em ingls, um lugar onde voc ir
perder horas olhando os sites mais bonitos que existem. H uma seleo por t ipos,
como sites que ut ilizam flash, sit es que so mais clean/limpos, et c. Fascinant e.
DHTMLZone (www.dhtmlzone.com) em ingls. Demonst rao e script s em
DHTML para seu sit e.
Fl ashWorl d (www.flashworld.com.br) sit e onde encont ramos t udo sobre flash,
com t ut oriais, exemplos j pront os para usar e as novidades mais recent es.
IbestMasters (www.ibestmasters.com.br) descendent e do Ibest , o maior prmio
nacional para sit es, aqui t emos de t udo um pouco. Temos t ut oriais e vrios links e
anlises de soft wares, sit es, et c.
Indexa (www.indexa.com.br) para dicas e regist ro de seu sit e em diversos meca-
nismos de busca ao mesmo tempo.
Info (www.infoexame.com.br) site onde nem t odos os art igos est o disponveis, a
no ser que voc seja assinant e da Info Exame ou do UOL, mas que cont m as
mais recent es novidades em informt ica.
Info Sites teis (www2.uol.com.br/info/sites/index.shl) aqui voc encont ra
links para vrios servios t eis na Int ernet .
Javascri pt Internet (www.javascript.internet.com) sit e em ingls mas que con-
t m cdigos j pront os para quase t udo o que voc imaginar de javascript.
Javascri pt Source (www.javascriptsource.com) em ingls, t em os mesmos re-
cursos que o Javascript Int ernet.
LearnAsp (www.learnasp.com) em ingls, mas um dos melhores recursos para
quem quer aprender ou tem dvidas sobre asp act ive server pages.
Macromedi a (www.macromedia.com) em ingls t ambm, mas um dos fabri-
cant es de soft ware para Int ernet mais import ant es da at ualidade.
Mi crosoft (www.microsoft.com.br ou www.microsoft.com) no podia deixar de
indicar o prprio sit e da Microsoft , fabricant e do Windows e de t ant os out ros pro-
gramas.
Netli ve (www.netlive.com.br) est at st icas grt is para seu sit e, em port ugus e com
t rocas de banner e outras ferrament as int eressant es.
Scri pts (www.scripts.com) em ingls, site com diversos script s pront os para
usarmos em pginas.
Si teExperts (www.siteexperts.com) em ingls. t imos recursos em DHTML.
ONDE ENCONTkAk AS FEkkAHENTAS E AS DlCAS HAlS UTElS DA lNTEkNET 259
SuperDownloads (www.superdownloads.com.br) muito bom este site. Aqui voc
encont ra os melhores programas para Windows. Tudo muito bem organizado e
simples de achar.
Tri pod Internaci onal (www.tripod.com) em ingls. Sit e de hospedagem grat uito
muit o bom, mas muit o bom mesmo. Pena que est em ingls. Temos a verso naci-
onal t ambm, o Tripod Brasil www.tripod.com.br, que faz parte do grupo, mas os
recursos so t o pobres pert o do int ernacional que nem vale a pena, alm do que
ficou muito t empo fora do ar.
UOL Mundo Digi tal (www.uol.com.br/internet/) t ambm muito bom para pe-
garmos algumas dicas bsicas como o B--b da Int ernet . Bast a ver no menu
lat eral esquerdo.
Como disse, no so muit os links. Mas so as melhores indicaes que posso lhe
passar para voc aprender prat icamente t udo o que precisa na Int ernet. Nesses sit es
voc encontrar cdigos prontos, ajuda, indicaes de outros sit es, busca, indica-
es de programas e t imos visuais para aprender a const ruir seus sit es. Espero que
eles lhe ajudem como me ajudaram.
260
CAPTULO 9
CADASTRANDO MEU SITE EM MECANISMOS
DE BUSCA
A part ir do moment o em que voc possui um sit e, muit os servios grat uit os j ca-
dast ram seu endereo na Int ernet em sit es de busca. O Yahoo! GeoCit ies normal-
ment e o cadast ra no Yahoo!, o UOL no RadarUOL, etc. No entant o, isso pode ser
pouco se voc deseja que mais e mais visitant es venham ao seu sit e. Mas como eles
vo saber onde procur-lo? Como eles vo saber onde seu sit e est , ou mesmo se
ele exist e? Com o auxlio do cadastro em sit es de busca, uma espcie de list as ama-
relas da Int ernet .
A rede mundial cresceu muit o, e surgiu a necessidade de um mecanismo que fosse
simples de ut ilizar e que pudesse lhe dar o mnimo de informaes para encontrar
algo. Ant igament e se dizia que era legal surfar na Int ernet , sem dest ino. Hoje em
dia ningum quer mais perder t empo, e poder encont rar o que procura no menor
t empo possvel. Exist em vrios sit es nacionais de busca, e vrios outros surgindo.
No ext erior ento, nem se fale.
No Brasil t emos o Cad?, o Aonde, o Surf, o Miner, o RadarUOL, et c, et c.
Desculpem por omit ir t antos e t ant os que exist em por a. Vou t entar fornecer uma
list a mais complet a em seguida. Mas isso no o que eu preciso lhe dizer agora.
Nest e momento, voc t em que ent ender a import ncia que um cadastro em um des-
ses mecanismos de busca pode t er em seu sit e. Vamos comear ent o?
O Que Mecanismo de Busca?
Mecanismos de Busca so sit es, que ut ilizam soft wares chamados de agentes de
indexao, mais conhecidos at ualment e como robs ou aranhas (spi ders). Es-
t es agent es so pequenos programas que varrem a Web periodicament e, sem des-
canso, at rs de sites novos ou mais at ualizados. Eles vo de URL a URL, visit ando
o mximo de websit es na Int ernet e armazenando pequenos pedaos de informao
sobre cada um desses sit es.
CADASTkANDO SEU SlTE EH HECANlSHOS DE USCA 26!
Quando est visit ando um websit e, o agent e ir gravar t odo o t ext o de todas as p-
ginas (pgina principal e out ras). Nest e processo, o robozinho ir visit ar t ambm
links externos que por acaso estejam em algumas das pginas visit adas. seguindo
est es links ext ernos e pulando de sit e em sit e que os mecanismos de busca so ca-
pazes de achar as suas pginas e obter informaes a respeito do seu sit e, mesmo
que voc no o t enha cadast rado no mecanismo. Sendo assim, prat icament e sem
fazer nada, seu sit e corre o risco de ser indexado para algum mecanismo de bus-
ca.
No ent ant o, se voc se cadast rar nesses sit es de busca, enviando sua URL direta-
ment e ao mecanismo, voc acelera em muit o o processo. O mecanismo ir ent o
sempre mandar um robozinho para visit ar seu sit e e agilizar o processo, e voc
no precisa ficar t orcendo para que ocorra uma event ual visit a vinda de um link
ext erno que leve a seu sit e.
Resumindo, uma vez cadastrado nesses sit es, eles enviaro periodicament e robs
para visit ar seu sit e e at ualizar as informaes sobre ele.
Como Proceder para ser Includo nos
Mecanismos de Busca
A maneira mais simples como disse, se cadast rar nesses mecanismos.
No ent ant o, bom saber que cada um desses sit es de busca procura por diferent es
elementos em sua pgina e que, at ravs desses elementos, que ele vai descobrir
cert as informaes sobre voc e seu sit e.
uma maneira de voc dizer ao robozinho:
Ol, tudo bem? Fico contente que voc tenha me visitado. Aqui esto as informa-
es principais que eu gostaria que voc disponibilizasse em seu site de buscas
para os visitantes!
aprender a se comunicar com esses robozinhos, e com isso poder direcionar me-
lhor suas informaes aos seus provveis visit ant es.
Veja o que voc t em a fazer. t udo muit o simples:
1. T tul o da Pgina
Use palavras-chave no t t ulo <TITLE> do seu documento fazendo com que est e
seja o mais descrit vel possvel. Quando um agent e est iver visitando seu site, est e
ir primeiramente ao TAG de t t ulo <TITLE>. Para esclarecer melhor, o TAG
<TITLE> o que o seu navegador mostrar na barra de t t ulo e no simplesment e a
primeira linha de HTML que ser most rada na sua pgina. (No ent ant o as primeiras
palavras do t exto introdutrio t ambm devero ser bast ant e descrit ivas). Os meca-
nismos de busca most raro o t ext o localizado ent re os TAGs de <TITLE> quando
seu sit e for cadast rado. Fazendo seu t t ulo descrit ivo, ser muit o mais eficient e do
que colocar cert as palavras-chave do t ext o de suas pginas. Tambm ser t il
quando as pessoas colocarem seu sit e no bookmark. Se um nome mais descrit ivo
aparecer na lista de bookmarks de uma pessoa, ficar mais fcil ident ific-lo mais
t arde.
Por exemplo, ao invs de usar:
<TITLE> Si te pessoal </TITLE> em sua homepage, t ente usar:
<TITLE> Bem-vindo ao si te pessoal do Ful ano de Tal curr cul o, fotos, en-
trevistas, xadrez! </TITLE>
Ficar muit o mais fcil para o visit ant e que procura seu sit e saber sobre o que ele
t rat a.
2. Texto Descriti vo da Pgina
Mecanismos de Busca at ribuem uma grande import ncia a textos ou descri es
especi ais localizados no incio da pgina. Mas, que textos especiais so esses?
Os mecanismos de busca assumem que os aut ores de pginas web deveriam colo-
car suas informaes mais import ant es primeiro.
Di ca 1: Se sua homepage t iver apenas uma imagem principal no incio, voc de-
ver colocar algum t exto descrit ivo dent ro da imagem (veja a seguir o uso do
ALT) ou embaixo ou ao lado da imagem, escrevendo mesmo.
No caso da descrio ficar dentro da imagem (voc j deve t er visto aquelas ima-
gens, que, ao passarmos o mouse por cima, nos most ram um t ext o em um quadrado
ao lado do pont eiro do mouse), ut ilize a TAG ALT dent ro da TAG <IMG>.
Ficaria parecido com:
<IMG SRC=nome_da_i magem.gi f ALT=Homepage do Ful ano de tal >
O mecanismo de busca ir indexar est e t exto e atribuir um alto grau de relevncia
ao mesmo.
CADASTkANDO SEU SlTE EH HECANlSHOS DE USCA 263
META-TAGS
As descries especiais so feit as ut ilizando algumas TAGs especficas para esse
fim. So chamadas de met a-TAGs.
Ut ilize <META> TAGs que permit iro a voc fornecer mais det alhes sobre sua
pgina web, podendo assim t er um maior cont role da indexao de sua pgina.
Nem t odos os mecanismos de busca consideram <META> TAGs.
Os cdigos de <META> TAG so inseridos dentro das TAGs
<HEAD>
</HEAD>.
As met a-TAGs so basicamente duas:
1. Descri ption (descrio em ingls)
2. Keywords (palavras-chave em ingls)
A sintaxe bsica a seguint e:
<META name=descri ption cont ent =Sit e sobre aeromodelismo>
Ist o vai cont rolar o que ir aparecer como sumrio de sua pgina web e ser mos-
t rado aps o t t ulo de seu document o na list agem do indexador. O cont edo da des-
crio deve clarament e dizer o que algum pode esperar encontrar quando clicar no
link de seu sit e.
<META name=keywords cont ent = aeromodelismo, modelos, avies>
Permit ir que voc fornea informaes ext ras de sua pgina para os mecanismos
de busca sem est ar visvel ao leit or. Enquant o os mecanismos de busca pegam est as
palavras-chave durant e a indexao, eles cont inuaro indexando o cont edo int eiro
de sua pgina, pois vrios sit es no possuem <META> TAGs.
Di ca 2: Tent e ut ilizar palavras no singular e plural. Como aeromodelo e aero-
modelos.
Di ca 3: Alguns sit es de busca, devido ao exagero do uso das met a-TAGs, est o
repensando essa maneira de se indexar palavras-chave. Isso porque muit os sit es
de cont edo imprprio comearam a criar verdadeiras TAGs-monstro, que pos-
suem mais de 100 palavras-chave, que vo desde pornografia at nomes de pro-
gramas famosos, como Word, Windows, et c, s para chamar mais at eno de vi-
sit ant es durant e as pesquisas efet uadas em sit es.
Quando, com Certeza, eu Devo Utilizar
<META> TAGs?
Quando sua homepage j comea com frames. Nesse caso, no arquivo principal
que chama as out ras janelas, ou seja, na que cont m a tag <FRAMESET>, coloque
sempre uma met a-t ag.
Para esse t ipo de arquivo, coloque a met a-t ag ent re as tags <noframes> e
</noframes> do cdigo font HTML de sua pgina principal.
O mesmo acont ece para pginas em ASP ou que ut ilizam Javascript no incio.
Tent e sempre encaixar ant es uma met a-t ag.
Existe um bom t utorial sobre met a-tags em um sit e de apost ilas grt is que indiquei
no capt ulo 8.
Quanto Tempo um Mecanismo de Busca
Demora para Listar meu Site?
Muit os mecanismos de busca levam t empo para list ar um sit e. O tempo aproxima-
do para um mecanismo listar seu sit e :
1-2 semanas: Altavist a, Infoseek
2-4 semanas: Excit e, Hot Bot , Lycos, Webcrawler
6-8 semanas: Yahoo!
Se aps est e tempo voc cont inua no encont rando seu sit e como result ado de uma
pesquisa, voc dever reenviar sua URL para o mecanismo que no a indexou.
Normalmente necessrio mais de uma indexao para se obt er os melhores re-
sult ados em t odos os mecanismos, pois est es recebem milhares de pedidos de inde-
xao t odos os dias. Nos dias em que o nvel de envio est acima do normal, um
cert o nmero de pedidos pode no ser indexado corret ament e. Se sua list agem no
est aparecendo corret ament e em algum mecanismo, voc dever reenvi-lo.
Nota: Se sua URL mudar, voc precisar reenvi-la a todos os sit es de busca
novament e.
Atitudes no muito Politicamente
Corretas
Existem vrias coisas que voc pode fazer para t er sua URL list ada numa melhor
classificao ou vrias vezes em resultados de pesquisa.
Com j vimos, a ut ilizao exagerada dos met a-TAGs pode ser muit o t il, mas
t ambm pode gerar penalidades, como a excluso em definit ivo daquele mecanis-
mo de buscas.
Out ra maneira que encont raram para confundir os robs e aument ar sua visibilida-
de a ut ilizao de uma grande quant idade de palavras-chave repet idas e escondi-
das no documento:
<!aeromodeli smo, aeromodeli smo,aeromodelismo -->
Mecanismos de busca calculam as palavras-chave de acordo com o nmero de ve-
zes que est as aparecem na pgina.
Out ra prt ica mudar o nome de seu sit e na hora do registro em mecanismos de
busca para cont erem let ras e nmeros que os colocam em primeiro lugar nas list as
de pesquisa, como:
A minhaempresa
1 sit e do fulano de t al
!Grandes liqui daes
Colocando uma let ra A ou nmero 1 na frent e, pode at ficar em primeiro na list a,
mas talvez a est rat gia d errado, pois quem j conhece, nem cost uma clicar nesse
t ipo de empresa para ver o que ela cont m, afinal, se ela capaz de t udo para apa-
recer assim, t alvez no t enha um profissionalismo corret o.
Para list ar seu sit e, preciso ant es de t udo conhecer quais so os mecanismos e
quais os seus endereos. Em seguida eu preparei uma list a com o nome de cada um
dos mais famosos. Cada um t ambm t em um procediment o diferente, por isso
bom prest ar at eno nas at enes dadas por eles ou ut ilizar um servio automt ico.
Vamos ver como isso funciona.
Existem na Int ernet , alguns servi os de cadastramento automti co muito bons,
que permit em o cadast ro prat icament e de uma nica vez em vrios sist emas de
busca. Um dos melhores que eu vi foi o Indexa http://www.indexa.com.br. Expe-
riment e, pois ele bem simples, e por enquant o no cobra pelo servio.
Out ro que achei e que t ambm t o bom quant o, o Freeware. Ent re na pgina
http://www.freeware.com.br/submit.html e envie aut omat icament e sua URL para
19 sist emas de busca.
Se os servios que voc encontrar cobram alguma t axa, no precisa se preocupar.
Bast a ir nos links que indico a seguir e preencha seu cadast ro para inserir seu sit e
em cada um deles. Com calma voc ver que logo, logo, est ar com seu nome em
t odos eles. No precisa ir em todos em um nico dia, nem em t odos os que apare-
cem na list a. Recomendo que voc se registre primeiro naqueles que marquei com
um ast erisco no final da URL (*).
N
ACIONAIS
Cad? www.cade.com.br *
Aonde www.aonde.com *
Farejador www.farejador.com.br
Yahoo! Brasil www.yahoo.com.br *
RadarUOL www.radaruol.com.br *
I
NTERNACIONAIS
Al tavista www.alt avista.com *
Lycos www.lycos.com
InfoSeek www.infoseek.com
Yahoo! www.yahoo.com *
Webcrawler www. webcrawler.com
Exci te www.excit e.com
HotBot www.hot bot .com
Go www.go.com
Se voc quiser, pode procurar mais informaes ainda visit ando o sit e do alt avist a
(http://www.altavista.com) e digit ando no campo abaixo de Search for, as frases
Cadastre seu site em mais de ou simplesmente Cadastre seu si te em + de ou
ainda Cadastre seu si te.
Escolha a linguagem Portuguese e clique no bot o Search.
Bast a agora esperar e ver a list a enorme de links para sit es.
Figura 9.1
Di ca: Depois que iniciar o processo de cadast ramento nesses sit es de busca, no
se esquea de verificar, de tempos em t empos, se seu sit e foi mesmo cadastrado
e se as informaes que const am ali so as que voc gost aria e que espelham o
cont edo de seu sit e.
Boa sort e e milhares de visit as para voc.
268
CAPTULO 10
EVOLUINDO SEU SITE PARA SITE QUE
RENDA DINHEIRO
Normalmente queremos colocar nossas pginas na Int ernet por vrios mot ivos.
Seja para descobrir o que esse bicho de set e cabeas, seja para poder us-la
como uma maneira de aproximar-se de entes queridos, dist ribuindo fotos, por
exemplo, ou por vrios mot ivos pessoais.
Mas quando vamos nos acost umando com t udo o que acont ece na rede, e vemos
t ant os sit es crescendo e muitos deles sendo vendidos por milhares de reais, come-
amos a ficar com vont ade de fazer algo que d cert o. As idias comeam a bor-
bulhar em nossa ment e e ent o, quando menos percebemos, j est amos criando p-
ginas de algum projet o que, para ns, vai com cert eza ser um sucesso. Infelizment e
no bem assim, certo?
J vi muit os projet os darem errado, por erros bobos, por inexperincia na maior
part e das vezes, e t ambm j vi out ros projetos, inclusive de conhecidos meus, que
foram para frent e de vent o em popa.
Mas ent o o que que faz a di ferena?
Apesar de vrios dos sit es que part iram de uma idia e t iveram sucesso t erem t ido
uma grande parcela de sort e, o que eles com cert eza t iveram tambm foi um grande
planejamento. Esse planejament o algo que precisamos est udar melhor.
Um sit e que planeja t er sucesso e render algum dinheiro precisa:
1. primeirament e ser uma boa idia mesmo. Ou seja, algo que os out ros int er-
naut as est ejam precisando;
2. t er uma boa apresent ao para essa sua idia. Um bom design , com cer-
t eza, fundament al. E simples, pois precisa carregar rpido, no importando
a velocidade de conexo de seus visit ant es;
3. t er uma boa ret aguarda em programao. No adiant a querer criar um sit e
sem saber codificar as pginas. E no estou falando aqui apenas de HTML,
EVOLUlNDO SEU SlTE PAk A UH SlTE QUE kENDA DlNHElkO 269
que a coisa mais simples, mas de linguagens de acesso a bancos de da-
dos, como ASP, ColdFusion, SQL, et c.
4. t er apresent ado esse sit e para out ras pessoas que possam contribuir para di-
zer se est ou no bom. No adiant a apenas a sugest o do amigo. Tem que
ser gente que ent enda do assunto;
5. e, depois de t udo isso, com o sit e j funcionando (de preferncia, embora
isso no seja uma premissa), criar o seu busi ness plan, ou melhor, o seu
plano de negcios. Vamos est udar mais esse aspect o agora.
Business Plan
a ferrament a que vai convencer as inst it uies int eressadas sejam elas bancos,
pessoas fsicas ou grupos financeiros a invest ir em seu sit e.
Como o prprio nome sugere, ali voc concent rar as informaes necessrias para
que os invest idores apost em no projeto, acredit em nas previses e embarquem na
sua idia.
Incubadoras
Vrios sit es de empresas invest idoras em novos projetos, as chamadas INCUBA-
DORAS, possuem um esquema para que voc possa enviar seu plano de negcios.
Algumas incubadoras t m at formulrios on-line para que voc possa preencher
t udo diret ament e na Int ernet .
No ent ant o, no h receit as pront as para criar ou execut ar um bom business plan.
No necessrio que o seu plano seja t o det alhado que fique como uma bblia e
t ambm no exagere criando simulaes malucas em Excel para most rar que vai
precisar de det erminado mont ant e para que seu negcio on-line deslanche ou pla-
nilhas diversas para most rar que seu sit e vale a pena mesmo.
Seja simples. Ut ilize os grficos, mas no t ente exceder na apresent ao. Os inves-
t idores logo percebem se voc est exagerando em seu negcio.
Mas ent o, o que fazer? Voc tem uma boa idia? Ela indit a ou pelo menos t em
poucos ou nenhum compet idor na mesma rea? Ela possui algo especial? E voc j
colocou t udo isso no ar, ou seja, a sua idia j est funcionando em seu sit e? Ape-
nas precisa de um bom invest imento para poder crescer e uma boa orient ao para
que ele cresa e t odos o conheam? Ent o prepare-se com os seguint es pontos:
Realment e voc no vai poder escapar de preparar um bom relatrio, mas como
disse, voc no precisa exagerar.
Comece com uma boa explicao de seu negcio em Word, incluindo grficos para
ilust rar suas idias; planilhas de clculos em Excel, com projees do mercado e da
sua empresa e um resumo cont endo as principais idias do projet o em PowerPoint ,
para poder fazer uma apresentao.
Para saber o t ipo de pont os que os invest idores mais procuram em uma empresa
para invest ir, procure um dos inmeros sit es de empresas incubadoras. Bons exem-
plos dessas empresas so:
http://www.invent.com.br
http://www.ideia.com
http://www.aceleradora.com.br
http://www.iii.com.br
http://www.endeavor.com.br
Basicament e, t ent e abrir seu document o com um sumrio onde voc vai t ent ar ven-
der a sua idia. Qual o seu produt o ou sua idia, qual o diferencial dela em relao
aos concorrent es, como voc vai invest ir o capit al que conseguir, quant o esse ca-
pital que t ant o procura, et c.
Faa tambm um bom resumo de sua empresa caso ela j exist a no mercado, expli-
cando em det alhes o funcionamento dela no momento, quant os funcionrios possui,
fat uramento, e t odas as informaes necessrias para formar, na ment e do investi-
dor, a verdadeira imagem de seu negcio.
Di ca: Pea para uma pessoa, que no seja da rea um parent e, t alvez para ler o
sumrio e dizer, em poucas palavras, o que a sua empresa faz. um t imo test e
para avaliar se voc est conseguindo passar para o papel o que t em em mente.
Tambm alt erne text o com grficos para ilustrar suas idias e no deixar a leit ura
chat a.
Anlise Mercadolgica
Caso sua idia j possua concorrent es, bom voc apresent ar uma anlise merca-
dolgica explicando porque essa rea comport a mais uma empresa ent rando, a
evoluo dos dois lt imos anos do set or em moviment o (US$), nmero de usu-
rios, e projees do fut uro.
EVOLUlNDO SEU SlTE PAk A UH SlTE QUE kENDA DlNHElkO 27!
Hoje em dia os invest idores no est o mais to bonzinhos apostando em qualquer
empresa ponto com. Agora preciso mais do que simplesmente est ar na Int ernet .
preciso um bom plano de crescimento, bem embasado e de preferncia, cont endo
art igos publicados sobre esse mercado e opinies de inst it utos de pesquisa para
avalizar o cont edo da anlise.
Di ca: Essas projees devem valer para os prximos t rs anos, no mnimo.
Concorrentes
Se exist irem compet idores nesse nicho de mercado em que est int eressado, pre-
ciso apresent ar uma anlise dos mesmos para os invest idores. No adiant a t ent ar
esconder que exist em concorrent es ou que eles so bons no que fazem, e sim apre-
sent ar t udo isso e esclarecer porque e como o seu projeto melhor do que eles.
Como voc pret ende sobrepujar os seus concorrent es? O que a sua idia tem de
original? Qual a part icipao que esses rivais det m no mercado at ual e quant o
voc espera arrancar deles depois de entrar na competio?
Como disse, no t ent e esconder nada sobre a concorrncia. Ao cont rrio, apresent e
sempre o nmero de usurios, fat urament o anual, etc.
Se voc no conseguir convencer a si mesmo de que consegue ser melhor do que
eles, ent o melhor procurar outra idia. Mas, se voc est iver cert o de que pode
conquist ar sua fat ia desse mercado e t er lucro, sempre com objet ivos claros e ape-
lando sempre para a razo, ent o pode cont inuar.
Detalhamento do Projeto
Voc t ambm ir precisar dar maiores det alhes do seu projet o. No no resumo,
claro, que deve conter apenas uma breve apresent ao do produt o.
No ent ant o necessrio dizer aos seus invest idores:
1. Quais so os consumidores pot enciais?
2. Onde eles est o concent rados?
3. O que voc t em a oferecer para eles?
4. Como voc preencher as necessidades fut uras dessas pessoas?
5. Em que plat aforma roda (Windows, Unix, et c.)?
6. Quais e quant os equipament os ele precisa?
7. Que t ecnologias ut iliza (cgis, ASP, ColdFusion)?
Acho que est a part e do livro complicou para muit a gent e, no ? Tenho certeza de
que voc percebeu que, quando t emos que det alhar nosso projet o, precisamos t er
um bom conheciment o do mesmo. No bast a uma boa idia. Tem que saber como
coloc-la em prt ica. E, para isso, nada melhor do que t er mais algum em sua
equipe.
Sua Equipe
Antes do invest idor acredit ar no seu plano de negcios, ele precisa acreditar em
voc, na sua equipe e no t rabalho de vocs.
Quando voc entrar nos links que indiquei anteriorment e, de sit es que j possuem
formulrios on-line para envio de seu business plan, ir not ar, em det erminada
part e, que os invest idores querem saber det alhes t ambm das pessoas que traba-
lham com voc. Sim, isso mesmo. preciso det alhar os profissionais que est o
com voc no projeto e a import ncia de cada um deles. Tenha no seu t ime pessoas
que agreguem valor ao negcio, pois, possivelment e, voc t er t ambm que escre-
ver em seu t exto o passado profissional de cada um deles formao, t rabalhos e
projetos ant eriores.
Logicamente essas pessoas que est o comeando com voc iro crescer junto t am-
bm. A maioria dos planos desses invest idores inclui injet ar, alm de dinheiro no
seu projet o, t ambm recursos humanos, todos indicados por eles. Isso s vezes
pode ser ruim, pois voc t em que provar, por A + B, que as pessoas que j est o
t rabalhando com voc so de suma import ncia para o seu negcio e no podem ser
simplesmente subst it udas. Out ras vezes no vai t er jeit o, pois os invest idores que-
rem lucro, claro, e voc ir se tornar no mais o nico dono, mas um dos donos
do seu projeto. Encare essa realidade t ambm.
Gerenciar uma equipe inclui no apenas a contrat ao, mas t ambm, muit as vezes,
a demisso de pessoas que podem ser muito ligadas a voc. No ent anto, se j pen-
sou nisso e sabe que sua equipe unida e todos so realment e indispensveis para o
bom funcionamento do produt o, eles t ero, assim como voc, uma t ima recom-
pensa.
EVOLUlNDO SEU SlTE PAk A UH SlTE QUE kENDA DlNHElkO 273
Como vou dizer aos Investidores o
quanto vale meu Projeto?
Ao invs de voc avaliar o seu projeto como se fosse vend-lo, imagine a quant ia
necessria para impulsion-lo. Leve em cont a t udo, como equipament o, mo de
obra sua e de sua equipe (muitos projetos so tocados por profissionais do setor que
fazem esse bico nas horas de folga, mas se forem realment e part icipar do seu
projeto muit os deles t ero que sair do seu emprego at ual para vest ir a sua camisa
no se esquea disso), aluguel de backbones de int ernet , local de t rabalho, e t udo o
mais que for import ante.
Assim que a at eno for chamada, possivelment e t er que ser reunir com os seus
possveis invest idores, ou pelo menos com os represent ant es deles.
Nessa hora, negocie firmement e.
Cert a vez li em um art igo na Int ernet : Jamais ent regue mais de 25% nas mos dos
seus invest idores na sua primeira entrevist a. E nunca deixe de det er o controle ma-
jorit rio do seu projet o, ou seja, mant enha consigo pelo menos 51% do negcio.
Mas... e Depois?
Normalmente voc t er out ras pessoas t rabalhando com voc, de confiana do gru-
po invest idor, e que iro analisar os result ados ms a ms de seu negcio. Todos
t ero que se cont rolar e efet uar projees, reaplicando o dinheiro ganho para con-
seguir mais est abilidade ao seu projeto.
Empresas enormes tm problemas ainda maiores quando no at ingem as expect ati-
vas esperadas dent ro do ano. Enquanto eu escrevia est e livro, uma grande empresa
do setor de informt ica teve queda de quase 50% de suas aes quando o desempe-
nho de vendas esperado no foi alcanado. E isso levou, nos Est ados Unidos, pela
Nasdaq, a um reao em cadeia que at inge ainda mais as empresas que no est o
preparadas.
como disse: h 2 anos atrs, t odos corriam atrs de projetos para a Int ernet por-
que achavam que seriam t odos uma mina de ouro. Isso provou ser uma ment ira.
Provando o perigo exist ent e na Int ernet , e, ao mesmo t empo invest indo nesse peri-
go, uma empresa lanou um sit e que vive de divulgar not cias de outras empresas
que ent raram na Int ernet e faliram. Isso que lucrar com a mort e dos out ros. No
ent anto eles t iveram uma boa idia e souberam aproveit ar. Est es so os paradigmas
da grande rede virt ual.
Bem, agora bast a uma grande dose de vont ade para conseguir preparar t odo esse
mat erial e analisar se realment e sua idia t o boa assim.
Boa sort e!!!
275
GLOSSRIO DE TERMOS UTILIZADOS NA
INTERNET
A
@ Este o smbolo de arroba. Em ingls, o nome dado a ele at. Ele usado para se-
parar o nome do usurio e o nome do domnio em endereos de correio eletrnico. Ex. mi-
guel@servidor.com.br
Acesso Para poder acessar a Internet, necessrio ter uma conta de acesso com um pro-
vedor de Internet. Assim que voc se cadastra no provedor, voc recebe um nome de acesso
(tambm conhecido como nome do usurio ou login) e uma senha. Alm disso, o provedor
fornecer nmeros de telefone para o qual voc pode discar e se conectar, se a conexo es-
tiver sendo feita por meio de modem.
Acesso dedicado Forma de acesso Internet no qual o computador fica permanent emente
conect ado rede. Normalmente, o acesso dedicado utilizado por empresas que vendem
acesso e servios aos usurios finais.
Acesso discado (Dial-Up) A conexo dial-up feita via telefone e modem. Neste caso,
h um estabelecimento de uma chamada (tel efnica Dial) para um computador, atravs de
um modem. o tipo de acesso utilizado pelos usurios comuns.
Active Server Pages (ASP) Tecnologia da Microsoft criada para fazer uma combinao
simples de HTML, JavaScript e ActiveX.
ActiveX Tecnologia da Microsoft criada para possibilitar o uso de recursos multimdia na
Internet. Os comandos do ActiveX podem ser usados para criar recursos multimdia. Nos
sites que utilizam ActiveX, botes podem mudar de cor e efeitos sonoros podem ser escuta-
dos quando voc clica ou move o cursor sobre objetos. Mas cuidado, o Active X conheci-
do pela ausncia de controles de segurana; especialistas em segurana de informtica no
aconselham o seu uso na Internet.
Address a localizao, o endereo de um site na Internet. a nica identificao que o
usurio precisa para acessar um site na Web. Um endereo na Internet normalmente tem a
seguinte forma: http://www.servidor.com.br ou http://www.servidor.com. O address tam-
bm chamado de URL do site.
Applet Pequeno programa em Java normalmente colocado em pginas de HTML. Quan-
do voc acessa uma pgina com applet, o navegador faz um download do programa auto-
maticamente (a no ser que voc bloqueie downloads automticos em seu navegador) e
permite que ele comece a funcionar no seu computador.
Arpanet (Advanced Research Projects Agency Network) Desenvolvida pelo Depart a-
mento de Defesa dos Estados Unidos durante a dcada de 70, a Arpanet foi criada para re-
sistir a ataques nucleares: a associao foi feita com as principais universidades e centros de
pesquisa dos Estados Unidos com o objetivo de investigar a utilidade da comunicao de
dados em alta velocidade para fins militares. Esse conceito de rede de computadores inter-
ligados deu origem Internet. A Arpanet foi colocada fora de operao em 1990.
Arte ASCII Desenhos produzidos apenas com a utilizao de caracteres da tabela ASCII.
A arte ASCII foi a maneira encontrada pelos usurios da rede para ilustrar suas mensagens,
j que durante mais de 20 anos a Internet tinha capacidades grficas limitadas.
ASCII (American Standard Code for Information Interchange) o cdigo padro
americano para o intercmbio de informaes. Cdigo numrico usado para representar
caracteres e entendido por quase todos os computadores, impressoras e programas de edi-
o de texto. Pronuncia-se ass-key.
AUP (Acceptable Use Policy) Regras de boa conduta para a utilizao corret a da rede e
de seus servios. Empresas podem usar o filtro do AUP para excluir alguns servios de In-
ternet de seus empregados. Pais podem bloquear o acesso de crianas a alguns sites.
AVI (Audio Video Interleave) Formato de arquivos audiovisuais criado pela Microsoft.
A qualidade do vdeo tende a ser muito boa em baixas resolues, mas o arquivo , nor-
malmente, muito grande.
Arquivo compactado Arquivo de dados cujo contedo foi trabalhado por um programa
especial para ocupar menos espao em disco (ou demorar menos tempo para ser transmitido
via Internet). Para ser usado, precisa ser descompact ado. O mais comum o compactador
com extenso .ZIP.
Attachment (Arquivo Atachado) Envio de um arquivo associado a uma mensagem. Ao
chegar ao destinatrio, o arquivo associado pode ser copiado para o computador.
B
Backbone Espinha dorsal de uma rede, geralmente uma infra-estrutura de alta velocidade
que interliga vrias redes.
Bandwidth a capacidade de transmisso em um determinado meio de comunicao
(fio, fibra tica, etc.), normalmente medida em bits por segundo (bps).
Banner Anncio colocado em pginas da Internet, geralmente com um link para a pgina
do anunciante.
Baud O termo baud rate se refere velocidade do modem, ou seja, quantos bits o mo-
dem pode enviar ou receber por segundo. Apesar de no ter o mesmo significado de bits por
segundo, baud rate normalmente utilizado como sinnimo da medida bps.
BBS (Bulletin Board System) Um ou vrios computadores que permitem que os usuri-
os se conectem a ele(s) por meio de uma linha telefnica e onde normalmente feita a troca
GLOSSAklO DE TEkHOS UTlLlZ ADOS NA lNTEkNET 277
de mensagens com outros usurios, a procura de arquivos e de programas, bate-papo e jo-
gos. O acesso Internet para quem usa o sistema BBS costuma se restringir ao uso do cor-
reio eletrnico.
Bit Palavra derivada do ingls Binary Digit. a menor unidade usada no computador.
Normalmente represent ado por nmeros (1 e 0), oito bits do origem ao que se costuma
chamar de um byte.
Bitnet Because It's Time Network! uma rede educacional de sites separada da Inter-
net, mas que pode usar os servios de correio eletrnico oferecidos pela Web. A principal
aplicao da Bitnet tem sido a manuteno de listas de distribuio.
Bookmark Conhecido como favoritos no Brasil, o bookmark permite que voc salve o
endereo de uma pgina na Internet para o seu computador. Assim, quando voc quiser
voltar quela pgina, s acessar o seu canal de favoritos.
BPS Bits por segundo uma medida de velocidade de transmisso de dados pela Internet.
Como diz o nome, uma medida da quantidade de bits que fluem por um segundo por meio
de uma conexo. Um modem de 28.8 pode transmitir 28.800 bits por segundo.
Browser Programa utilizado para navegar na Internet. Os mais populares so o Netscape
Navigator e o Internet Explorer. Permite tanto visualizar textos quanto grfi cos e ima-
gens. Os primeiros browsers utilizados na Internet, como o Lynx, s permitiam que os usu-
rios visualizassem textos.
Byte Um conjunto de oito bits.
C
Cable modem Um tipo de modem que acoplado ao cabo do sistema de televiso. Um
cable modem pode transmitir documentos em uma velocidade de 500 kilobytes por segun-
do, velocidade muito superior de um computador acoplado a um modem normal, que
manda sinais para a rede por meio da linha telefni ca.
Cache Uma rea na memria do seu computador ou um diretrio no hard disk. Este o
lugar onde o seu navegador armazena pginas j visitadas na Internet. Quando voc retorna
a essa pgina, o seu navegador a pega do cache, economizando o seu tempo.
Cern (Conseil Europen pour la Recherche Nucleaire) O Conselho Europeu para Pes-
quisa Nuclear conhecido como o local em que nasceu a World Wide Web.
CGI (Common Gateway Interface) a interface que permite com que os servidores de
Internet interpretem e manipulem informaes em tempo real, de maneira que possa exe-
cutar processos complicados sem a interveno do usurio. Normalmente sites que fazem
referncias a uma base de dados, como os sites de notcias, utilizam o CGI.
CGI bin O nome mais comum dado ao diretrio do servidor de Web onde os programas
de CGI ficam armazenados.
Chat Conhecidos em portugus como bate-papos, os chats permitem que os usurios
conversem em tempo real por meio do computador. O chat na Internet ganhou popularidade
por meio dos servidores de IRC (Internet Relay Chat), onde so criadas as vrias salas ou
canais para abrigar os usurios.
Ciberespao Normalmente um termo utilizado para designar a Internet, o ciberespao
um espao virtual. A palavra foi criada pelo escritor William Gibson e utilizada pela pri-
meira vez no livro Neuromancer, de 1984.
Cliente Programa que requisita servios a um servidor. A Internet toda baseada em uma
estrutura Cliente/Servidor. O Cliente e o Servidor podem estar em duas mquinas diferen-
tes, sendo esta a realidade para a maior part e das aplicaes que usam esse tipo de intera-
o. Na Web, os programas clientes so os navegadores, enquanto os servidores so os pro-
gramas que armazenam as pginas e veri ficam as autorizaes dos usurios para acessar
determinados arquivos, alm de executar programas especiais (de busca, por exemplo).
Cookie Pequena quantidade de informao que um servidor de Internet manda para seu
computador via navegador. Os cookies contm informaes como nome de usurio e regis-
tro, compras on-line, preferncias dos usurios etc. Por exemplo: quando voc est fazendo
compras on-line, os cookies guardam uma lista de todos os itens que voc est comprando.
Quando chega a hora de pagar, o servidor pega o cookie do seu navegador para ver os pedi-
dos que voc fez. Geralment e os cookies ficam num arquivo chamado cookies.txt. pos-
svel configurar seu navegador para recusar cookies, se voc quiser.
Correio eletrnico Forma de trocar mensagens pela Internet. No necessrio que o
destinatrio esteja conectado rede na hora de enviar uma mensagem. Em ingls, e-mail
( electronic mail, correio eletrnico).
Cracker Pessoa que invade o sistema de segurana de um computador ou rede de com-
putadores com o objetivo de roubar, destruir ou apagar informaes.
D
Daemon Programa desenhado para realizar tarefas programadas sem a interveno do
usurio. Geralmente utilizado para automatizar processos repetitivos.
DHTML a juno de tecnologias como HTML, JavaScript e folhas de estilo (ou
style sheets) para produzir sites animados. Por exemplo, o DHTML permite que uma
imagem mude de posio a partir de um clique do mouse em alguma regio da pgina.
Dial-Up ver Acesso discado.
DNS (Domain Name Server ou Domain Name System) Os servidores de Internet so
reconhecidos por um nmero espec fico, chamado de nmero IP, que os identifica. S que
as pessoas tm dificuldades em decorar esses nmeros, que tm formato 000.000.000.000.
Por isso, os sites de Internet tm um nome (por exemplo, www.servidor.com.br) fcil de
lembrar. Um DNS tem a tarefa de indicar que nome representa um nmero espec fico, para
que o computador possa ser conectado ao servidor sem que as pessoas tenham de saber esse
nmero de cor.
Download Quando um usurio copia um arquivo de um computador remoto, atravs de
uma rede, ele est fazendo um download. A cpia de arquivos pode ser feita tanto por ser-
vidores de FTP (File Transfer Protocol) quanto pela tela do prprio navegador (browser).
Domnio A designao do endereo eletrnico de uma determinada mquina, empresa,
instituio ou pas. Os domnios podem ser .com (comercial), .gov (governamental), .edu
(educacional), entre outros.
Domnio Pblico Os softwares de domnio pblico na Internet podem ser copiados, usa-
dos e alterados pelos usurios. O autor do programa, neste caso, abdica de todos os direitos
sobre o produto.
E
E-mail veja Correio eletrnico.
E-mail address um endereo eletrni co, ou seja, uma caixa postal para trocar mensa-
gens pela Internet. Normalmente, a frmula de um e-mail address : userna-
me@nomedomnio. Para enviar qualquer mensagem para um determinado usurio, neces-
srio escrever seu endereo eletrnico.
Emoticon Pequenos conjuntos de caract eres ASCII que pretendem transmitir uma emo-
o ou estado de esprito. Devem ser visualizados inclinando a cabea para a esquerda. Os
mais utilizados so:
:-) para expressar felicidade
:-( para expressar tristeza
Endereos IP Os endereos IP so expressos em nmeros que seguem a frmula
000.000.000.0. O DNS fica responsvel por transformar os endereos IP em nomes de m-
quinas.
Ethernet O tipo de rede local (LAN) mais popular do mundo. relativamente fcil de
instalar e manter em redes pequenas. Para redes maiores, a instalao do cabo e a adminis-
trao de uma rede Ethernet podem ser mais complicadas, especialment e porque nesse
caso, vrios cabos diferent es podem estar interligados, com diferentes velocidades de cone-
xo.
Eudora um programa de e-mail compatvel com as plataformas Macintosh e PC. Tem
uma verso grtis.
F
FAQ (Frequently Asked Questions) Documento que contm as perguntas mais comuns
feitas por usurios sobre um determinado tema e as respostas esclarecedoras. Faz parte do
bom comportamento do usurio ler a FAQ antes de fazer uma pergunt a, para no repetir as
que j esto respondidas.
FidoNet Rede mundial de BBS, baseada no uso do protocolo Fido, que interliga compu-
tadores pessoais atravs de linhas telefnicas comuns. um tipo de acesso Internet bas-
tante limitado, usado para grupos de discusso, troca de e-mail e arquivos.
Finger Ferramenta de Internet que permite localizar usurios em sites da Web. Retorna
informaes como se um usurio estivesse conectado rede, qual o servidor utilizado por
determinado usurio, o nome real do usurio, a ltima vez que ele usou a rede, etc. A maio-
ria dos administradores de sites no permitem o uso de Finger, porque pode ajudar hackers
ou crackers a atacar o servidor.
Firewall Medida de segurana que pode ser implementada para limitar o acesso de tercei-
ros a uma determinada rede ligada Internet. O firewall pode proteger a rede local contra
os hackers.
Flame Uma mensagem cheia de insultos trocada por e-mail. Uma srie de flames co-
nhecida como flame war (guerra de flames).
Frum O mesmo que grupo de discusso ( newsgroup). Em um frum, escreve-se sobre
um tema sugerido pelo grupo.
Frame Tecnologia que permite com que os programadores de pginas na Internet que-
brem a janela do seu browser em vri as janelas independent es, com linguagens HTML
diferent es.
Freenet Uma organizao com o objetivo de tornar o acesso Internet possvel para o
pblico em geral, de graa ou por uma pequena contribuio.
Freeware Software disponvel para download na Internet, para uso por tempo ilimitado e
sem a cobrana de taxas. Diferente do software de domnio pblico, os autores dos freewa-
res exigem os direitos autorais e impossibilitam a alterao de qualquer parte do programa
para posterior distribuio.
FTP (File Transfer Protocol) Ferrament a de Internet usada para transferir arquivos pela
Web, de um computador para outro. O FTP pode ser utilizado para copiar arquivos da rede
para o computador do usurio e vice versa. Para usar o FTP necessrio ter um nome de
usurio e senha, a menos que se trate de um FTP annimo.
FTP annimo Servio que possibilita o acesso a bibliotecas pblicas de arquivos via
FTP. nos servidores de FTP annimo que se encontram os programas disponveis na In-
ternet. Chama-se annimo porque o usurio no precisa se identificar na hora de se conectar
a um desses servidores. No entanto, a maioria dos servidores de FTP pede que os usurios
enviem o seu endereo de correio eletrni co real como senha. O nome do usurio geral-
mente anonymous.
GLOSSAklO DE TEkHOS UTlLlZ ADOS NA lNTEkNET 28!
G
Gateway Computador que interliga duas ou mais redes que usam protocolos de comuni-
cao internos diferent es. Tambm o computador que interliga uma rede local Internet
(portanto, o n de sada para a Web).
GIF (Graphics Interchange Format) o formato de arquivos de imagens mais utilizado
na Internet. O formato GIF cria arquivos de imagens relativamente pequenos em relao
aos outros formatos. As imagens so muito compactas, ideais para utilizao na rede. O
formato s pode utilizar o sistema de 256 cores, por isso no recomendado para fotografi-
as.
Gopher Permite a procura de informao em bases de dados existentes em todo o mundo,
utilizando ou no algumas ferramentas prprias de pesquisa por palavras-chave. At o sur-
gimento da Web, o gopher era a principal ferramenta de busca de informao na rede. O
sistema foi inventado na Universidade de Minnesota.
Grupos de discusso Grupos de pessoas que trocam mensagens sobre tpicos espec fi-
cos.
H
Hacker Programador especializado em Internet que usa suas habilidades para entrar no
sistema do computador somente por diverso ou para expor os erros de segurana da rede.
Diferentemente do cracker, o objetivo do hacker no apagar ou danificar o sistema.
Hipermdia Um documento hipermdia contm imagens, vdeos, udios e textos. Alm
disso, usa ligaes de hipertextos para permitir que o usurio salte de um trecho para outro
do documento ou at mesmo para um documento diferente. O termo hipermdia tambm
utilizado como sinnimo de multimdia.
Hipertexto Texto que inclui links para outras pginas na Internet ou para regies di fe-
rentes da mesma pgina. Clicando no link, o usurio pode pular facilmente de um site na
Internet para outro.
Hit De acordo com a WWW, hit significa um pedido simples de um navegador para o
servidor. Assim, se o navegador pedir uma pgina com trs imagens, ocorrero quatro hits:
um pela pgina HTML e outros trs pelas imagens. Os hits so usados, erroneamente, para
medir a audincia de um site.
Home page A principal pgina de um site na Internet. Um site que contm somente uma
pgina, tambm chamado de home page. o ponto inicial para a navegao em um site.
Host Tambm chamado de servidor, o host um computador que est ligado rede
permanent emente, armazenando arquivos e permitindo o acesso de usurios.
HTML (HyperText Mark-up Language) Linguagem utilizada para criar documentos na
Internet. O HTML permite a criao de documentos que podem ser lidos em praticamente
qualquer tipo de computador e transmitidos pela Internet at por correio eletrnico. Para
escrever documentos HTML no necessrio mais do que um editor de texto simples e
conhecimentos dos cdigos que compem a linguagem. Os cdigos, conhecidos como
TAGs, servem para indicar a funo de cada elemento da pgina na rede.
HTTP (HyperText Transfer Protocol) Protocolo de comunicao de dados que permite
a transmisso de documentos de hipertexto por meio da rede. neste protocolo que est
baseada a Web.
Hyperlink Nome que se d s imagens ou palavras que do acesso a outros contedos em
um documento hipertexto. O hyperlink pode levar a outra parte do mesmo documento ou a
outros documentos.
I
Internet Significa uma imensa rede de redes que se estende por todo o mundo. Para que
uma rede ou computador se conect e Internet, necessrio o protocolo TCP/IP.
Intranet Uma rede de computadores privada de determinada empresa, que usa o mesmo
protocolo que a Internet, mas s para uso interno (ou seja, a maioria dos usurios de Inter-
net no tem acesso).
IP (Internet Protocol) Protocolo responsvel pela identificao das mquinas e redes e
encaminhamento correto das mensagens entre elas.
IP address Veja Endereos IP.
IRC (Internet Relay Chat) um sistema que permite a interao de vrios usurios ao
mesmo tempo, divididos por grupos de discusso. As conversas acontecem em tempo real.
ISDN (Integrated Services Digital Network) uma rede digital capaz de fornecer ser-
vios de voz, dados, imagens etc. No Brasil, a sigla usada RDSI (Rede Digital de Servios
Integrados).
J
Java Uma linguagem criada pela Sun Microsystems, que pessoas que montam pginas na
Internet utilizam para cri ar applets. As pginas com Java podem incluir animaes, cal-
culadoras, efeitos sonoros e jogos.
JavaScript O JavaScript no est relacionado ao Java. uma linguagem de programao
feita para complementar as capacidades do HTML. O cdigo de JavaScript enviado ao
cliente como parte do cdigo HTML de uma pgina, e pode ser utilizado para criar efeitos
especiais, como botes animados, sons etc.
JPEG Sigla para Joint Photographic Experts Group. um padro de compresso de ima-
gens, normalmente utilizado para fotografias e aceito por todos os navegadores.
L
LAN (Local Area Network) Rede de computadores local; em geral limitada a um prdio
ou conjunto de prdios de uma instituio.
Link Veja hyperlink.
Linux Uma variante do sistema operacional Unix que est em constante evoluo. O Li-
nux de domnio pblico (gratuito).
Lista de distribuio Permite a criao de grupos de discusso usando apenas correio
eletrnico. Funciona por meio de um servidor de listas, programa responsvel por manter o
nome dos usurios que assinam o servio. Os usurios utilizam o correio eletrnico para
mandar mensagens para o servidor de listas, que se encarrega de envi ar uma cpia para
cada um dos participantes.
Listserv Software de lista de distribuio. O listserv opera via e-mail. Mandando uma
mensagem predefinida para o servidor da lista em questo, voc pode facilmente se inscre-
ver ou pedir para sair de determinada lista.
Login O nome da conta usada para acessar um sistema de computador e a senha, ou seja,
fazer a identi ficao perante um computador.
M
Mailing list Veja lista de distribuio.
Mapa clicvel Imagem que contm vrios hyperlinks, que levam a lugares diferentes.
Mime (Multipurpose Internet Mail Extensions) Padro genrico para envio de qual-
quer formato de arquivo por meio de correio eletrnico e pel a Web.
Modem Aparelho utilizado para conectar dois computadores por meio da rede telefnica
existente. O modem transforma os sinais emitidos pelo computador em sinais que podem
ser transmitidos pela linha telefnica e vice-versa. A velocidade do modem medida em
bits por segundo (bps).
Mosaic Primeiro navegador da Internet com habilidade para mostrar imagens. Foi criado
pelo National Center for Supercomputing Applications (NCSA), nos EUA, em 1993. Deu
origem ao Netscape.
MP3 um padro de compresso de msica praticamente sem perda de qualidade.
MUD (Multiple User Dungeon ou Multiple User Dimension) Um jogo para vrios
usurios da Internet, normalmente disponvel em qualquer servidor da Web. As pessoas
podem passear por vrios ambientes virtuais e conversar com outros usurios, que desem-
penham papis imaginrios, podendo simular uma variedade de cenrios, incluindo fantasi -
as, experincias qumicas e salas de bate-papo.
Multimdia Documento com combinao de texto, udio, imagens, vdeo e animao.
importante que esses documentos sejam interativos, permitindo a participao do usurio.
N
Navegador O mesmo que browser; programa utilizado para navegar na Internet.
Navegar Entrar em diferentes sites na Internet, procurando informaes.
Net O mesmo que rede, tambm uma maneira abreviada de se referir Internet.
Netiquette ou netiqueta Cdigo informal que dita as boas maneiras na Internet. um
conjunto de regras e conselhos de como se comportar na rede, indicado principalmente para
os novatos.
Network Sinnimo de rede; dois ou mais computadores conectados de modo que eles
possam trocar documentos.
Newbie Um novato da Internet chamado de newbie.
Newsgroup Veja grupo de discusso.
O
Off line Quando um usurio no est conectado a uma rede, ele est off line.
On line Quando um usurio est conectado a uma rede, ele est on line.
P
Password Quer dizer senha, um cdigo secreto que voc precisa digitar depois de colocar o
seu nome de usurio (username nome de acesso Internet), para poder se conectar Web.
Pixel a menor rea retangular de uma imagem. Cada pixel uma cor diferente. A jun-
o de pixels permite mostrar todas as cores.
Portal Sites na Internet que servem como ponto de partida para outros sites ou pginas da
Web. Os portais normalmente oferecem servios on line como e-mail, bate-papo, frum e
contedo prprio.
Protocolo Um conjunto de regras e convenes que descreve o comportamento que os
computadores precisam seguir para poder se comunicar entre si. Dois computadores devem
utilizar o mesmo protocolo para trocar informaes. O protocolo usado na Internet o
TCP/IP.
Provedor de acesso Um provedor uma empresa que oferece o servio de acesso In-
ternet. Em geral, os provedores tambm oferecem acesso ao correio eletrnico e servi os de
publicao na Internet.
R
RFC (Request For Comments) Procedimento para estabelecer ou para propor novos
padres para a Internet. O RFC guia o desenvolvimento da Web. As discusses so nor-
malmente de nvel tcnico.
S
Senha Veja Password.
Servidor Um computador que est em conexo permanente com a Internet e cujo objeti-
vo dar acesso aos arquivos na rede. Os sites ficam armazenados em um servidor da Web.
Shareware Software disponvel para download na Internet e que voc pode testar antes
de comprar. Usurios que quiserem continuar a usar o programa precisam pagar uma taxa
de registro. Em troca dessa taxa, o usurio ganha um documento, suporte tcnico e todas as
verses atualizadas.
Shockwave um componente da empresa de software Macromedia para profissionais
que desenvolvem elementos de mdia digital para a Web.
Site Uma referncia na Internet, normalmente uma coleo de vrias pginas. Um site
oferece diversos servi os e informaes para os usurios.
Software Programa de computador.
T
Tags So cdigos usados no formato HTML para a construo de pginas na Internet.
Geralment e tm este formato: <nomedocomando>.
TCP/IP (Transmission Control Protocol/Internet Protocol ) o conjunto de protocolos
da Internet que define como se processam as comunicaes entre di ferentes computadores,
ou seja, orienta o trfego de informaes e define o endereamento e o envio de dados.
Telnet um protocolo de Internet que permite que voc conecte o seu computador a
computadores remotos e execute aplicaes como se estivesse trabalhando no mesmo ser-
vidor.
U
Unix Sistema operacional com caractersticas de multitarefa, usado em redes de compu-
tadores. Atualmente, a grande maioria de servidores de Internet funciona com alguma vari-
ante do Unix.
Upload Significa mandar arquivos do seu computador para outro computador via Inter-
net. Quando voc monta uma pgina pessoal, voc precisa fazer um upload dos arquivos
para o servidor de Internet que abriga o seu site.
URL (Uniform Resource Locator) Endereo de qualquer site na Internet. Por exemplo:
http://www.servidor.com.br.
Usenet Conjunto de grupos de discusso e computadores que os transferem. Nem todas as
mquinas de Usenet esto conect adas Internet. O Usenet uma aplicao de Internet que
permite a pessoas, com interesses similares, compartilhar informaes por meio de listas de
discusso.
Username O nome que voc utiliza para se conect ar Internet e para ter acesso a outros
servios na rede. Normalmente, a primeira part e de seu endereo eletrnico, antes do sm-
bolo @.
W
WAIS (Wide Area Information Server) Uma aplicao de Internet que permite fazer
buscas em bases de dados por meio da Web.
WAN (Wide Area Network) Qualquer rede que cubra uma rea maior que um nico
prdio. WAN uma rede privada de computadores que utiliza linhas dedicadas para co-
nectar computadores que no se encontram perto fisicamente.
WAP (Wireless Application Protocol) ou, em portugus, protocolo para aplicaes sem
fio, um protocolo (linguagem comum) mundial que torna possvel o acesso Internet por
meio de dispositivos mveis sem fio como micros de mo e celulares. Com o WAP,
possvel acessar pginas (el as tm que estar no formato WML Wireless Markup Langua-
ge uma espcie de linguagem HTML) criadas para a tela do celular ou de um palmtop.
Essas pginas trazem links que levam a outras, exatamente como os sites da Internet, s que
com menos recursos, devido s limitaes dos aparelhos. Isso por enquanto, j que no Japo
esto sendo desenvolvidos aparelhos WAP cada vez mais modernos, com telas coloridas,
etc., alm de outros novos padres de comunicao sem fio, que podem, em alguns anos,
deixar at mesmo o wap obsoleto. Atualmente, voc pode ler notcias, saber o resultado do
jogo, lembrar de seus compromissos, enviar e receber e-mails pelos celulares que possuem
essa tecnologia.
WAV Um formato de som desenvolvido pela Microsoft.
Webmaster Pessoa responsvel por um servidor de Internet ou pela manuteno de um
site.
WWW (World Wide Web) rea da Internet que contm documentos em formato hi-
permdia, usando a linguagem HTML. A Web to popular que muita gente se refere a ela
como Internet, sem saber que a Web somente uma das muitas aplicaes da Internet.
SMARIO
Introduo......................................................................................................1
A Misso dest e Livro..................................................................................... 1
1. Comeando do Zero..................................................................................3
Por onde Iniciar............................................................................................. 3
Uma Int roduo sobre HTML, a At ual Linguagem da Int ernet ......................... 6
O Que a Int ernet ?........................................................................................ 7
Como Funciona a Web?................................................................................. 8
Definies de Nomes na Int ernet .................................................................... 9
Como Criar uma Pgina Web em 15 Passos .................................................. 10
2. Aprendendo a Identificar os Recursos Disponveis.............................27
Por que no Usar meu Comput ador como Servidor para meu Sit e? ................. 27
List a de Recursos Disponveis em Sit es de Hospedagem................................ 31
O que o BOL VilaBOL nos Oferece........................................................... 38
O Que o TERRA Planeta Terra nos Oferece............................................... 39
O Que o UOL nos Oferece........................................................................... 40
O Que o Yahoo! GeoCit ies nos Oferece........................................................ 41
Yahoo! GeoCit ies http://www.yahoo.com.br/geocities................................. 41
3. Reserve seu Espao na Internet Criando seu Site ...............................43
VilaBOL ..................................................................................................... 43
Planet a Terra............................................................................................... 79
UOL........................................................................................................... 85
Yahoo! GeoCit ies...................................................................................... 101
4. Como Criar e Enviar Pginas Utilizando os Recursos Existentes
no Site de Hospedagem........................................................................107
VilaBOL ................................................................................................... 107
Construa sua pgina................................................................................... 109
Gerenciador de Arquivos ........................................................................... 112
Planet a Terra............................................................................................. 146
UOL......................................................................................................... 157
Yahoo! GeoCit ies...................................................................................... 171
X COHO PULlCAk SEU SlTE NA lNTEkNET
5. Como Enviar seus Arquivos Utilizando FTP.....................................225
O Que FTP ............................................................................................. 225
Como Efet uar o Download e Inst alar Um Programa de FTP Grat uito............ 227
Como Ut ilizar FTP no Yahoo! GeoCit ies.................................................... 236
Como Ut ilizar FTP no Planet a Terra........................................................... 237
Como transferir seus arquivos por FTP via DOS.......................................... 238
Comandos Bsicos do FTP ........................................................................ 240
Dicas ........................................................................................................ 242
6. Coloquei meu Site no Ar e ele no est Funcionando Direito.
O que Aconteceu?.................................................................................244
Erros de Javascript .................................................................................... 244
Esquecer de Fechar as Aspas no seu Cdigo HTML .................................... 245
Colocar os Nomes dos Arquivos em Maisculas.......................................... 246
Colocar nos Nomes de Arquivos, Acent uao e Out ros Smbolos ................. 246
Procurar Saber Qual o Nome da Primeira Pgina...................................... 246
Esquecer de Cit ar o Diretrio em Uma Referncia....................................... 247
Fechar Uma Clula em Um Pargrafo Diferent e.......................................... 247
Certo: ....................................................................................................... 247
Fechar Uma Referncia em Um Pargrafo Diferent e.................................... 247
No Conseguir Enviar seus Arquivos para o Sit e ......................................... 248
Meu Formulrio no est Funcionando. O Que Pode Ser? ............................ 248
E se Depois de Tudo Isso o Meu Sit e no Funciona? Devo Chorar?.............. 249
7. Como Registrar um Domnio na Internet?........................................250
O Que um Domnio?............................................................................... 250
O Que um Sit e Web?............................................................................... 250
O Que FAPESP?..................................................................................... 251
O Que Int ernic? ...................................................................................... 251
Como Posso Saber se Devo Solicit ar um Domnio como Empresa, Pessoa Fsica
ou Profissional Liberal?............................................................................. 251
Qual a Documentao Necessria para se Regist rar um Domnio? ................ 253
Para Regist rar um Domnio, Preciso Possuir C.G.C.?................................. 254
Quanto Tempo Demora para Regist rar um Nome de Domnio? .................... 254
Quantos Domnios Posso Ter?.................................................................... 254
Como Pode Ser o Nome do Domnio?......................................................... 255
Como Fao para Descobrir se o Nome que Desejo Usar est Disponvel?...... 255
Out ra Empresa j Registrou o Nome que eu quero. O Que eu Posso Fazer?... 255
Agora que j sei t udo isso, como Registrar meu Domnio? ........................... 255
SUHAklO Xl
8. Onde encontrar as Ferramentas e as Dicas mais teis da Internet.257
Indicao de Sit es...................................................................................... 257
9. Cadastrando seu Site em Mecanismos de Busca ...............................260
O Que Mecanismo de Busca?................................................................... 261
Como Proceder para ser Includo nos Mecanismos de Busca......................... 261
META-TAGS............................................................................................ 263
Quando, com Cert eza, eu Devo Ut ilizar <META> TAGs?............................ 264
Quanto Tempo um Mecanismo de Busca Demora para List ar meu Sit e?........ 264
At it udes no muito Polit icament e Corret as.................................................. 265
10. Evoluindo seu Site para um Site que Renda Dinheiro....................268
Business Plan............................................................................................ 269
Incubadoras............................................................................................... 269
Anlise Mercadolgica .............................................................................. 271
Concorrent es............................................................................................. 271
Det alhament o do Projet o............................................................................ 271
Sua Equipe................................................................................................ 272
Como vou dizer aos Invest idores o quant o vale meu Projeto?....................... 273
Mas... e Depois?........................................................................................ 273
Glossrio de Termos Utilizados na Internet ..........................................275

Como Publicar Seu Site Na Internet

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Como Publicar Seu Site Na Internet

Enviado por

Direitos autorais:

Formatos disponíveis

AGRADECIMENTOS

Você também pode gostar