Caderno Digital 5

ESTAÇÃO DIGITAL – CRIAÇÃO E PUBLICAÇÃO DE PÁGINA NA INTERNET

1 FUNDAÇÃO BANCO DO BRASIL

Fundação Banco do Brasil

PresidenteJacques de Oliveira Pena

Diretor Executivo de Desenvolvimento SocialAlmir Paraca Cristóvão Cardozo

Diretor Executivo de Finanças e AdministraçãoElenelson Honorato Marques

Secretário ExecutivoFrancisco de Assis Machado dos Santos

Diretor de EducaçãoMarcos Fadanelli Ramos

Créditos

FotosAcervo da Fundação Banco do Brasil

IlustraçõesEdu Carvalho

Projeto GráficoVersal Multimídia

Revisão TécnicaAntonio Henrique Flores Silveira, Alex de Souza e

Vilmar Simion Nascimento

Revisão de textoMarcos Benjamin e Walkiria Simões

Equipe do Programa Inclusão DigitalAdemir Vieira, Bruno Santos, Germana Macena,

Luiz Carlos Simion e Raquel Amaral.

ColaboradoresCaroline Monteiro, Denise Arcoverde, Fábio Oliveira Paiva,

Flávio Paiva, Georgethe Salles Ramos,José Roberto Batista, Luísa Martins Fernandes,

Marcos Wilson dos Santos,Vagner Simion Nascimento eWesley Dias do Nascimento

Março de 2006

Fundação Banco do BrasilPrograma Inclusão Digital

Setor Comercial Norte Quadra 1, Bloco A, Edifício Number One, 10º andarBrasília – Distrito Federal CEP: 70711-900Telefones: 61.3310-1900 e 3310-1930

www.fundacaobancodobrasil.org.br

iÍNDICE

Apresentação ...................................................................................... 5

Selecionando e organizando o conteúdo de seu primeiro site .............. 7

HTML e a linguagem de rede ............................................................... 9

Como fazer páginas ............................................................................. 11

Design gráfico: cuidados com o visual do site ....................................... 12

O que evitar no visual do seu site ........................................................ 14

Hospedagem de páginas ...................................................................... 14

Colocando seu site no ar com FTP ....................................................... 15

Sobre registros de domínio e escolha dos nomes de subdomínios ........ 16

Divulgar é preciso, apareça! ................................................................. 17

O que é e como montar um blog ........................................................ 18

Links da Internet ................................................................................. 21

Glossário .............................................................................................. 22

Bibliografia ........................................................................................... 24

Como fazer?

Este íconeauxiliana melhorforma...

Cuidado

Este íconealerta para...

Dica

Este íconeindicaalguma...



AA Fundação Banco do Brasil completou 20 anos de atuação em2005. Ao longo deste período a Instituição tem promovido, emtodo o País, transformações em comunidades excluídas ou em riscode exclusão social.

Seus programas e ações institucionais têm foco em educação,geração de trabalho e renda e na replicação de tecnologias sociais– principalmente nas regiões Norte e Nordeste e nas periferias dosgrandes centros urbanos.

A intervenção social é aprimorada continuamente e incorporaabordagens que valorizam as dimensões humana, econômica eambiental. O propósito é promover o desenvolvimento social deforma solidária e sustentável, por intermédio da mobilização daspessoas, articulação de parcerias e multiplicação de soluçõessociais.

O Programa Inclusão Digital nasceu para fortalecer experiências eações que busquem a melhoria das condições econômicas, sociais,culturais e políticas das comunidades por meio do acesso àstecnologias da informação e comunicação.

Por intermédio das Estações Digitais, são disponibilizadosequipamentos e pessoal capacitado para mediar a relação daspessoas com a informação e a tecnologia. Para contribuir nestacapacitação permanente oferecemos aos Educadores Sociais e aosusuários os Cadernos da Estação Digital onde encontrarãoinformações que contribuirão para o fortalecimento de suasatividades.

A mobilização e articulação social dos atores locais, por intermédiodas Estações Digitais, objetiva propiciar condições para que aspróprias comunidades protagonizem sua transformação social.

Boa leitura.

Jacques de Oliveira PenaPresidente

Apresentação



SSelecionando e organizando oconteúdo de seu primeiro site

Você tem uma série de crônicas familia-res que acha que valem a pena ser lidaspor outras pessoas?

Você conhece várias receitas de pratossimples, saborosos e de baixo custo quegostaria de compartilhar? Você desejasimplesmente disponibilizar seu currícu-lo online para aumentar suas chances deencontrar um trabalho?

Algumas pessoas de sua comunidade têmuma série de materiais históricos comofotos antigas e outros documentos que se-ria muito interessante que os moradores dobairro vissem?

Você gostaria de criar um jornal ou uma revistapara divulgar tais materiais, assim como outroseventos do seu bairro? Enfim, para tudo isso epara qualquer outra idéia que você tenha e quei-ra tornar pública, uma das melhores maneiras deatingir seu objetivo é construir uma homepage.

Comece sua empreitada navegando um poucopela rede, apreciando websites de categoriassemelhantes ao tema que você deseja publicar(família, cultura, arte etc.). Assim, você pode-rá ter boas idéias para desenvolver seu própriosite ou o de sua comunidade. Faça isso por meiodos sites sugeridos em matérias na imprensa,indicados por amigos, ou pesquisando em bonssites de busca com a palavra chave do tema quedeseja desenvolver.

Muitas pessoas desejam compartilhareventos significativos da vida familiar.Isso é possível por meio de umahomepage.

Passos para construirsua homepage:

1. Navegue, pesquise,observe diferentesmodelos de websites.

2. Selecione, prepare eorganize o conteúdodo material para seuwebsite.

3. Escolha um provedorque forneça editoresonline e hospedagemgratuita.

4. Divulgue seu website.


8

O passo seguinte é organizar o material eselecionar aquilo que você deseja publi-car online. É importante que você sejacriterioso nessa seleção, pois este mate-rial será visto por milhões de visitantes.Informações erradas em um site podemcriar muitos transtornos e abalar toda acredibilidade de quem coletou as infor-mações. Certifique-se de que os conteú-dos são de fontes reconhecidamenteconfiáveis.

Na fase de preparo do material para a pu-blicação, avalie: há textos para seremdigitados, revisados? Há fotos para seremdigitalizadas? Você deseja disponibilizararquivos sonoros?

Nesta etapa de produção você deve consi-derar alguns aspectos como, por exemplo,o tamanho dos arquivos que disponi-bilizará em seu site. Quanto maiores essesarquivos mais tempo levará para que suapágina possa ser carregada no browserpara ser vista pelos visitantes. Páginas quedemoram a abrir ou não carregam rapida-mente costumam irritar os internautas queacabam por abandonar a visita.

Todas as etapas anteriores são fundamen-tais para que você possa poupar tempo econseguir estruturar uma página leve, ob-jetiva, organizada, clara, atraente para anavegação e com outras qualidades que umbom website deve ter. Agora vamos co-nhecer um pouco da linguagem e das fer-ramentas disponíveis na rede para quevocê possa construir seu site.

Não coloque todo o ma-terial que tem ou que de-seja disponibilizar de umaúnica vez no ar. É inte-ressante que você pla-neje atualizações de seusite, definindo uma peri-odicidade para fazê-las.Deixe um aviso para seusvisitantes sobre essa pe-riodicidade, ou crie umcadastro para avisá-lospor e-mail sobre as atu-alizações. Não deixe osite muito tempo sem no-vidades e atualizações,caso contrário o públiconão retornará a ele.

HHTML e a linguagem de rede

Antigamente para se fazer uma página na Internet era preciso sa-ber um pouco de linguagem de marcação, ou HTML, ou contrataros serviços de um webdesigner. Atualmente, vários servidores ofe-recem editores online para que os usuários possam criar suas pági-nas na web sem precisar ter qualquer conhecimento dessa lingua-gem. Neste tópico vamos conhecer umpouquinho sobre seus códigos.

HTML é a sigla de “Hyper-Text MarkupLanguage”, que quer dizer: “Linguagem deMarcação para Hiper-Texto”. De formabastante sintética poderíamos dizer queum hipertexto é qualquer documento quese vincula a outros documentos, criandoreferências entre si. Essas referências eoutras características de formatação;como tamanho e forma da fonte, alinha-mento do texto, divisão de parágrafos;são todas criadas por meio de comandosde marcação, colocados em locais espe-cíficos do texto principal.

Os comandos de marcação recebem onome de marcas, embora seu nome maispopular seja a versão em inglês “tag”. Mar-cações ou tags são qualquer tipo de con-venção de texto que diga ao navegadorcomo se comportar a partir daquele pon-to. Em HTML, assim como em todas as ou-tras linguagens de marcação, esse princí-pio básico é obedecido.

Em HTML, as tags vêm envolvidas entreos sinais de maior e menor que (<>). Porexemplo: se no decorrer de um texto,

O termo hipertexto foiusado pela primeira vezpor Theodor H. Nelsonnos anos sessenta paraexprimir a idéia de escri-ta e leitura não-linear emum sistema de informá-tica. Exemplificando:quando você está nave-gando em uma página daInternet, dentro delavocê encontra diversoslinks que se conectamentre si. Com um cliquedo mouse nesses links,você pode ouvir um som,ver uma imagem ou as-sistir a uma animação.Dessa forma a leituradeixa de ser linear. En-tre esses blocos vincula-dos pelos links você tema liberdade de escolhervários caminhos de leitu-ra. Em outras palavras,a web é um grande con-junto de fragmentos deinformação que se vincu-lam entre si.

10

você deseja que umaou mais palavras se-jam realçadas emnegrito, você coloca-rá uma ou mais pala-vras dentro da marca-ção palavra oupalavras (b vemde Bold, negrito eminglês).

O ALT é uma tag do código HTML para criar legendas para asimagens do site. Quando posicionamos o cursor do mouse so-bre uma imagem, surge uma caixinha, com um texto, descre-vendo a imagem que é apresentada ou quando se desabilita ocarregamento de imagens em browsers gráficos. É recomen-dável que esteja sempre presente.

Tags de negrito e itálico criadas em um bloco denotas salvo como arquivo .html.

Exercício de uma imagem com o comando ALT feito no bloco de notas.Repare no texto escrito entre as aspas.

Todos os editores de HTML possuem recursos para a geração de links emsua página de forma rápida e intuitiva. Na ausência de um desses editores,você pode editar diretamente o HTML introduzindo uma tag chamada HREF.Uma tag HREF é construída da seguinte forma: <A HREF=”http://[endere-ço destino do link]”> Texto explicativo para o link </A>. Um exemplo de umlink codificado diretamente em HTML é: <A HREF = “http://www.funasa.gov.br”> Fundação Nacional de Saúde </A>.

No browser, a mesma frase aparece em uma caixa quandoposicionamos o mouse em cima da imagem.

CAs home-pages que incluem imagens com os tex-tos ALT são benéficas para um melhor entendi-mento da imagem e principalmente para usuári-os com deficiência visual. Pessoas com defici-ência visual utilizam softwares especiais que pos-suem uma voz artificial que lê o que está escritona tela para o internauta, inclusive o que estiverem ALT. Infelizmente, muitas homepages aindanão fornecem esse tipo de recurso.

Como desenvolver páginas

Para se visualizar o códi-go HTML de uma página,clique com o botão es-querdo do mouse e es-colha a opção “Exibir Có-digo Fonte”. Observandoo código você aprenderámais sobre HTML. Foi assimque muitas pessoas come-çaram.

Experimente! Abra o Blo-co de Notas e escreva al-gum texto utilizando algu-mas tags como: <HTML>Início do Documento<HEAD> Início do Cabe-çalho Quebra deLinha Bold, negrito Itálico <BODY> Iní-cio do Corpo do Texto daPágina </BODY> Fim doTexto da Página </HTML> Fim do Documen-to Salve o bloco de notascom a extensão .html,depois visualize em umbrowser como ficou suaformatação.

Em qualquer computador é possível confeccio-nar páginas da web, pois até mesmo o “Bloco deNotas” do Windows pode ser utilizado para cri-ar uma página utilizando a linguagem HTML.

Para tornar esse processo mais fácil e menos te-dioso, alguns programadores criaram softwaresque, a partir desses modelos já consagrados, per-mitem que alteremos apenas alguns elementos,sem necessariamente editarmos por completouma página. Esses programas, os chamados edi-tores de HTML online, com apenas alguns cliquesde mouse oferecem várias soluções para a con-fecção de páginas. Com eles, podemos escolherum modelo padrão, configurar as cores, fontes,imagens e itens afins, liberando-se de dominartodos os códigos para confecção de páginas, po-dendo preocupar-se apenas com o conteúdo.

Já existe na rede, em Língua Portuguesa, umasérie de servidores que oferece esses editorespara a criação de home-pages. Esses servidoresdisponibilizam editores de HTML com instruções passo-a-passopara quem não conhece essa linguagem.


12

D

O Bol é um servidorque oferece criaçãoe hospedagemgratuitamente, emLíngua Portuguesa.

A maioria dos servidores que oferecemeditores online e hospedagem requer dousuário a escolha de uma categoria parainserir o site que deseja construir e hos-pedar. Feita essa escolha, basta seguir asinstruções dos editores on-line.

Você também pode editar suas páginassem estar conectado à rede. Para isso, énecessário que você tenha instalado em seumicro algum programa editor de HTML.

Depois de prontas, a transferência de suaspáginas e arquivos para o servidor que iráhospedá-las será feita com um aplicativode Transmissão, ou Transmissão de Ar-quivos, como veremos adiante.

Design gráfico:cuidados com o visual do site

O visual (também chamado pelos profissionais de “design”) do seusite deve ajudar chamando a atenção do usuário para os elementosmais importantes da página. É preciso tomar alguns cuidados coma cara do site para facilitar a sua visualização e leitura. Homepagescom um aspecto mal elaborado não estimulam a sua visitação enem o retorno dos internautas.

Há uma série de bonseditores de Código HTMLgratuitos e alguns emLíngua Portuguesa quepermitem que você editesuas páginas em modooff-line, como o Ma-cromedia Dreamweaver,Bragasoft Visual HTML eo Fast HTML. Existeainda o MAX’s HTMLBeauty, o HotDog Pro-fessional e o Bask HTML.Consulte a seção “Linksna Internet” para saberonde adquirir esses apli-cativos.



Ao utilizar imagens para ilustrar o conteúdo,você pode aprimorar bastante uma homepage.Por outro lado, as imagens podem congestio-nar a estrutura e retardar os tempos dedownload. Assim, é importante usá-lascriteriosamente e editá-las para a web. De for-ma semelhante, a animação com um objetivopode aperfeiçoar o conteúdo on-line, mas é im-portante permitir que os usuários decidam sedesejam ver uma introdução animada ou pulardiretamente para o conteúdo de seu site. Paraisso, você deve oferecer um método fácil e des-tacado para desativá-la.

É importante usar texto com contraste e coresde plano de fundo, para que os caracteres fiquemo mais legível possível. Se o fundo da tela for escuro, as letras devemestar em cores claras. Assim o contraste fica mais evidente e maisfácil de ler. As informações mais importantes da página devem estarvisíveis “acima da dobra” (na primeira tela de conteúdo, sem rolar),pois muitas vezes o usuário não percebe que há mais informaçõespara “abaixo da dobra” e acaba não interagindo com esse conteúdo.O que é importante precisa ser mostrado logo no início.

Um outro cuidado que se deve tomar é com a quantidade de texto.As pessoas que utilizam a Internet geralmente não têm muito tem-po disponível para ler textos longos. Por essa razão, o recomendá-vel é escrever somente o necessário. Isso não significa que não sepode ter textos grandes na Internet. No caso de artigos com muitotexto, o mais indicado é que eles sejam distribuídos na página deforma uniforme, para que seja fácil imprimir. Longos textos sãomelhores de serem lidos impressos em papel, além de poupar ener-gia elétrica e tempo de conexão com a linha telefônica.

Cada caso é um caso e deve ser estudado para cada objetivo que sequer atingir. Alguns sites talvez precisem de mais espaço se o con-teúdo for altamente visual. Outros sites podem funcionar melhorsem imagem alguma. A receita aqui é você saber o que quer infor-mar e qual é a melhor maneira de fazê-lo.

Limite os estilos de fontee outros atributos deformação de texto,como tamanhos, cores,etc. na página, porqueum texto com visualmuito pesado se desviado seu real significado eaté será confundido comanúncios publicitários.


14

H

OO que evitar no visual do seu site

Navegando pela Internet você deve encontrar muitos sites que não lheagradam por causa do visual, embora não saiba exatamente por que vocênão gostou. Veremos alguns aspectos a evitar ao se fazer um site, para quevocê não cometa erros e também saiba como identificar as falhas dos sitesde que não gostou.

Um cuidado é com o estilo do menu, que é o índice das seções que existemno site. Comparando um pouco com um livro, as seções são como oscapítulos. É importante que o visual do menunão seja muito diferente do estilo de todo o site.As cores e o tipo de fonte devem seguir o padrãodo site. Além disso, caso todo o conteúdo dapágina não esteja totalmente pronto, o maisindicado é não publicar. Links ou avisos de que apágina ainda está em construção frustram ointernauta. Dificilmente ele voltará para verifi-car se o site já está pronto. Provavelmente elenão voltará nunca mais.

Por fim, o recomendado é navegar bastante pelaInternet, procurar sites que você gosta visual-mente e entender quais são as característicasque agradam para adotar em seu site.Quanto mais referências você tiver, melhor.

Hospedagem de páginas

Já vimos que é simples e barato fazer páginas de Internet e que elas sedestinam para as mais diversas finalidades. Entretanto, para que cum-pram com seus propósitos, elas devem se hospedar em algum lugar noqual possam ser vistas por outros usuários. Usualmente, “hospedar” umapágina ou site equivale ao ato de se “contratar” os serviços de um servi-dor que fornecerá o endereço lógico para que a página possa servisualizada, acessada por você e outras pessoas que assim desejarem.

Antes de começar a de-senhar seu site no com-putador, faça um ras-cunho, no papel, usan-do lápis ou canetas. Es-se exercício vai ajudar adecidir como a páginaserá organizada, comoos textos serão distri-buídos, onde irão asimagens e quais recur-sos visuais serão utiliza-dos. Sempre mostreesse rascunho a outraspessoas para perguntaro que elas acham.



Quando for escolher umservidor para hospedaro seu site, avalie: oespaço em disco ofere-cido; se ele tem acessovia FTP e se ofereceferramentas on-line deeditoração e serviçosadicionais, como supor-te a ASP, PHP, bancosde dados etc.

C

Há servidores que oferecem editores on-line para a confecção depáginas pessoais e também hospedagem gratuita para essas pági-nas. Há outros que, embora não ofereçam os editores, prestam ser-viços de hospedagem gratuita.

Alguns servidores limitam o tráfego mensal dedados. Tráfego mensal é a soma de todas as in-formações enviadas aos seus visitantes duranteum mês. Cada página visualizada, cada imagemou foto, ainda que seja uma simples figura decanto de tela, representa uma informação novaque o servidor está enviando ao browser e temum peso, que é medido em Kbytes. Se a homepageque você deseja criar terá muitas imagens, dêpreferência a um servidor que não tenha essetipo de limitação.

Feita a escolha do servidor para hospedagemde seu site, basta “contratar” o serviço. Geral-mente isso é feito por meio do preenchimentode um formulário em uma página que solicita diversos dados, entreeles um nome de usuário e senha para acesso a seu espaço dearmazenamento.

Definidas todas essas informações, geralmente o servidor envia ume-mail para confirmação do cadastro e ativação de sua conta. Bastaseguir os passos descritos nesse e-mail e pronto: você terá um es-paço de hospedagem para seu site.

Colocando seu site no ar com FTP

No tópico anterior você aprendeu que, depois de contratado umserviço de hospedagem, é possível enviar material para o seu site,disponibilizando-o para que outros usuários possam visitá-lo. Esseenvio de arquivos pode ser feito por meio de uma ferramenta espe-cífica do servidor que hospeda o seu site, ou por meio de FTP.


16

S

Mas o que é FTP? Você já sabe que a siglasignifica “File Transfer Protocol” (Proto-colo Para Transferência de Arquivos). OFTP foi a solução encontrada, desde ostempos mais remotos da Internet, parapossibilitar a cópia de arquivos entrecomputadores espalhados pelo mundo,independentemente das característicasdas redes encontradas pelo caminho.

Para utilizar o FTP, primeiramente é ne-cessário dispor de um software específi-co. Os computadores equipados comWindows podem utilizar o WindowsExplorer para fazer atualizações de sites.Mas existem outros aplicativos de FTPdisponíveis no mercado e alguns são ver-sões shareware como o FTPPro.

Sobre registros dedomínio e escolha dosnomes de subdomínios

Um domínio é simplesmente o endereçodado a um site da Internet que, quasesempre, é o nome do site. O domínio é onome que digitamos quando queremosentrar nesse site. Exemplos de domíniossão “kico.com.br”, “abrinq.org.br” ou“brasil.gov.br”.

Para que um domínio se torne de conhecimento público, ele deve-rá se “registrar” junto aos órgãos reguladores da Internet em umpaís. No Brasil, esse papel regulador é exercido pela FAPESP (Fun-dação de Amparo à Pesquisa do Estado de São Paulo). A FAPESPdisponibiliza um site no qual é possível fazer o registro de todos os

Cada domínio é composto detrês partes principais: 1: O no-me da organização detentorado domínio, que pode ser o seunome real ou, mais freqüente-mente, um nome de fantasia.Em “embratel.com.br”, porexemplo, embratel representao nome da organização. 2: Onome de domínio correspondeao tipo de organização envol-vida. Existem inúmeros tiposde organizações admitidos e omais comum é o “com”, queabrange organizações comer-ciais. O “org” que representaorganizações não governa-mentais (as ONGs), o “edu” re-presenta as educacionais e o“gov” engloba todos os órgãosdos governos. Por exemplo, osite “terceirosetor.org.br”representa uma ONG, dado oseu sufixo. 3ª: Essa últimaparte do nome de domínio re-presenta o país. Assim,“chicobuarque.com.br” indicaum site com registro de domíniono Brasil; “sapo.pt” representaum site registrado em Portugale “fbi.gov” indica um site dogoverno dos Estados Unidos.Quando omitido, indica que osite está registrado nos Esta-dos Unidos, mas pode estarhospedado em qualquer lugardo mundo. Ex.: www.globo.com



D

domínios que têm o sufixo “br”. Esse site é o www.registro.br. Ésempre válido lembrar que o registro não é gratuito. Uma taxaanual é cobrada pela FAPESP à empresa, pessoa ou organização.

A única finalidade do registro de um site é garantir sua unicidadedentro da Internet. Os órgãos reguladores como a FAPESP agem,neste contexto, no sentido de impedir que duas pessoas ou empre-sas façam o registro do mesmo nome de domínio.

Subdomínios são oferecidos por provedores para seus usuários oupelos servidores que oferecem editores online ou hospedagem gra-tuita de site. Para ter um subdomínio você não precisa efetuar ne-nhum registro na FAPESP, basta ter criatividade e escolher um nomeque represente bem o conteúdo do seu site.

Divulgar é preciso, apareça!

Divulgar suas páginas na redeé, talvez, a parte mais simplesdo trabalho, mas é essencialpara que sua produção pos-sa ser vista, lida e apreciada.Normalmente, basta fazerum cadastro do seu site nosmecanismos de busca pormeio do preenchimento deum formulário em que vocêindicará com algumas pala-vras-chaves o tipo de infor-mação contida em sua pági-na, em que categoria o seu site se enquadra, o endereço de seu site,seu e-mail e eventualmente o nome do responsável.

Às vezes esses mecanismos de busca solicitam que você coloquemarcações específicas em seu site (eles fornecem as instruções paraque você faça isso) de modo que os mecanismos de busca possamreordenar mais facilmente seus cadastros. No final deste Caderno,


18

OO que é e como montar um blog

Além dos editores on-line você pode criar e disponibilizar uma pági-na na rede no formato de blog. Os blogs foram criados para possibi-litar a publicação de diários na Internet, mas a proposta inicial setransformou bastante. Hoje, além de expor as confissões e os segre-dos adolescentes, eles funcionam como verdadeiros Zines (peque-nos jornais), nos quais pessoas comuns expõem opiniões e recebemcomentários em tempo integral. Os blogs também são usados comomeio de protesto, denúncia e pedido de auxílio: nos Estados Unidos,um sem-teto do Tennessee acessa a Internet de uma biblioteca pú-blica e relata em seu blog o dia-a-dia de quem vive nas ruas!

Quando os blogs surgiram na déca-da de 1990, a idéia inicial eradisponibilizar os diários em formade páginas de Internet, preservan-do o anonimato, quando desejado.Entretanto, editar páginas para apublicação de um diário era umprocesso moroso que não justifica-

O Anel de Poesia é um dos maiores webringsem Língua Portuguesa.

veja uma lista de alguns endereçosde mecanismo de busca no qualvocê pode cadastrar o seu site.

Uma outra forma muito eficientede se divulgar páginas é por meioda participação em anéis, em inglês“rings”. Rings são servidores quecadastram sites de uma determina-da categoria de conteúdo comum eapresentam links ou anúncios emtodos os outros sites componentes.Assim, quando um visitante tem

acesso a um dos sites do anel, pode navegar para o site seguinte ouanterior e ainda solicitar, aleatoriamente, um outro site, dentre ossites participantes do anel.



va a relação custo e benefício de tal operação. Foi nesse momentoque surgiram os primeiros servidores a oferecer utilitários on-linecapazes de editar páginas de maneira rápida e bastante fácil. O su-cesso de tal iniciativa foi tanto que vários serviços de blog pipoca-ram pela rede e cresceram exponencialmente.

Por meio de uma home-page ou de um blog, autores potenciais, massem apoio institucional ou do marketing tradicional, podem, semcusto algum, tornar-se conhecidos por milhares de pessoas. Essapossibilidade é bem mais remota se o mesmo autor necessitasse delivros impressos para publicar seu trabalho, pois o custo de edição,publicação, divulgação e distribuição é bastante elevado.

Se você deseja criar seu pró-prio blog, faça uma pesqui-sa em um bom site de busca.Ao digitar a palavra chaveblog no campo de pesquisa,aparecerá uma lista comuma infinidade de servido-res que colocam à sua dis-posição o utilitário para edi-ção e publicação de blogs.Navegue por esses sites eavalie as vantagens e des-vantagens de cada um paradecidir em qual dos servido-res você criará e hospedaráo seu blog. Navegue também pelos blogs de usuários hospedadosnesses servidores para ter uma idéia de como construir o seu. De-pois de escolher o servidor, você precisará cadastrar uma conta deblog. Para isso é necessário ter uma conta de e-mail vinculada aoservidor do blog.

Depois de realizar os rituais de “batismo” de seu blog, ou seja, apóscriar uma conta de blog com nome válido, escolher um estilo paraele e a categoria a que ele pertence, você pode começar a enviarconteúdo para ser publicado no endereço de seu blog. Essa é uma

Seu blog precisará de um nome (subdomínio), que lheserá requisitado no momento do cadastramento dasua conta, como exemplificado nesta imagem, noBlogger.


20

tarefa bem fácil. Observe os botões que simplificam as funções maisusuais de formatação de texto, bem como de inserção de imagens eoutras no exemplo do blog acima.

Redija o texto no campo apro-priado e experimente destacarum texto em negrito ou itálicoe você verá que durante a edi-ção ele aparecerá entre as tags.Clique em “Publicar” ou “Envi-ar”. Pronto! Seu texto já estaráno ar, disponível para quemdesejar lê-lo.

Então, que tal pôr a mão na mas-sa? Escolha um servidor que

ofereça editores de HTML online e hospedagem gratuita, arregaceas mangas, mobilize toda a sua disposição e criatividade e faça asua própria homepage ou o seu blog.

Saiba que, ao tomar essa decisão e entrar em ação, você estarácontribuindo para aumentar o conteúdo em Língua Portuguesa narede. Lembre-se de que o conteúdo em nossa língua na rede aindaé muito reduzido. Portanto, ainda há muito a ser dito.

Você também irá compartilhar com outras pessoas conhecimen-tos e pensamentos que até então só você possuía. Dessa forma,deixará de ser apenas alguém que navega na Internet. Você passa-rá a fazer suas próprias ondas! Mãos à obra!

Tela com o texto editado



LLinks na Internet

Editores de páginas online e servidores gratuitos:www.vilabol.com.br

www.hpg.ig.com.br

www.kit.net

br.geocities.yahoo.com

www.tripod.lycos.com

Editores de HTML freeware:

www.softwarelivre.gov.br

www.superdownloads.com.br

www.pegar.com.br

Servidores e editores de blog:

www.blogger.com

www.weblogger.com.br

blig.ig.com.br

Cursos online, tutoriais e outros:

www.cdcc.sc.usp.br/tutorial/index.htm

www.egovestado.weblogger.terra.com.br

www.egovmunicipio.weblogger.terra.com.br

www.egovfederal.weblogger.terra.com.br


22

GGlossário

ASP: “Active Server Pages” ou “Pá-ginas Ativas de Servidor”. ASP é umalinguagem criada pela Microsoft (có-digo fechado, portanto) e que éutilizada para a criação de páginasdinâmicas para a web. Uma páginadinâmica é elaborada, em temporeal, pelo servidor e entregue aobrowser no formato HTML.Blog: é uma abreviação de weblog,web (rede) e log (registro). Qual-quer registro freqüente de informa-ções pode ser considerado um blog(últimas notícias de um jornal online,por exemplo). A maioria das pesso-as tem utilizado os blogs como diári-os pessoais.Browser: navegador, programapara abrir e exibir as páginas da webcomo o Explorer, da Microsoft, oNavigator, da Netscape etc.DNS: “Domain Name System”: pro-tocolo que rege a comunicação come entre servidores que transformamnomes de domínio nos chamadosendereços IP. Os endereços de IPsão os endereços que os computa-dores entendem e usam para locali-zar os sites dentro da rede.Download: em inglês “load” signi-fica carga e “down” para baixo. Fa-zer um download significa baixar umarquivo de um servidor, descarregan-do-o para o nosso computador.Freeware: qualquer software (pro-grama) oferecido gratuitamente narede ou nas publicaçõesespecializadas em suportes comoCD-ROM. A palavra inglesa “free” sig-nifica livre.FTP: “File Transfer Protocol” ou “Pro-tocolo de Transferência de Arqui-vos”. É uma maneira de copiar ar-

quivos via Internet. Os arquivos sãodisponibilizados e localizados em ser-vidores ou em computadores pes-soais por um programa servidor deFTP. Qualquer pessoa que tenhaacesso (login e senha) pode copiararquivos contidos lá. Existe o FTPchamado “anônimo”, em que qual-quer um pode ter acesso aos arqui-vos disponíveis.Homepage: “home” em inglês sig-nifica casa, lar, e “page”, página. NaInternet a expressão significa “pági-na pessoal”. A palavra home, isola-damente, significa toda página inici-al, a página principal de qualquer sitena Internet.HTML: abreviação para “Hyper-TextMarkup Language”, que quer dizer:“Linguagem de Marcação para Hiper-Texto”. Um documento HTML é umconjunto de instruções em formatoASCII, usado para criar documentoscom hipertexto e que podem servisualizados por um browser.HTTP: acrossemia de “Hyper TextTansfer Protocol” ou “Protocolo deTransferência de Hipertexto”. É oprotocolo que permite o funciona-mento da interface gráfica daInternet, esta que é mais conheci-da e que permite a transmissão detextos, fotos e gráficos de umamaneira simples e rápida.Internet: rede mundial de compu-tadores. Trata-se de uma rede pla-netária de computadores que coo-peram entre si. Essa cooperação ba-seia-se em protocolos de comunica-ção, ou seja, “convenções de códi-gos de conversação” entre compu-tadores interligados em rede.JavaScript: linguagem para script



que tem uma vaga semelhança comJava, e que foi idealizada pelo W3CConsortium. A Microsoft copiou essalinguagem no seu navegador, nome-ando-a de Jscript.Link: ligação, elo, vínculo. Nas pági-nas da web, é um endereço queaparece sublinhado, ou em uma cordiferente da cor do restante do tex-to. Um link nada mais é que umareferência cruzada, um apontadorde um lugar para outro na web.Assim, eles permitem um vínculo comuma imagem, um arquivo da mesmapágina ou de outras da web, a par-tir de um clique do mouse. Por meiodos links a navegação pelas páginasda web não é linear.PHP: “Hypertext Preprocessor” éuma linguagem de código aberto(open source), ou seja, de uso li-vre, muito utilizada e especialmenteaparelhada para o desenvolvimentode páginas da web, cujo código éembutido no próprio HTML.O código PHP, assim como o ASP, éexecutado no servidor e não nobrowser.Pop-ups: janela que surge separa-damente quando navegamos emum determinado site, geralmentepara apresentar um anúncio.Script: pequeno programa cujasinstruções são interpretadas, isto é,convertidas em código de máquinae executadas linha a linha.Servidores: empresas que possi-bilitam o acesso para a comunicaçãoe transmissão de dados na rede.Sessão do navegador: tambémchamada de “timeout de sessão” éo tempo em que o navegador estáem operação. Uma sessão tambémpode ser definida como a conexãoa um website em particular.Shareware: é um método comer-cial que possibilita a distribuição gra-

tuita, por um tempo determinado,de um software, para que o usuáriopossa testá-lo. Ao final desse perío-do de testes, o usuário é solicitadoa registrar (comprar) o produto oudesinstalá-lo.Site: palavra inglesa que significalugar. O site é o lugar em que aspáginas da web podem ser encon-tradas.Software: aplicativos, programasde computador. Upload: o inversode download, ou seja, significa car-regar um arquivo de nosso compu-tador para enviar para alguém des-carregar em outro computador.URL: sigla de “Uniform ResourceLocator” (“Localização Universal deRecursos”). É o endereço naInternet. As URLs são usadas por na-vegadores da web para localizar re-cursos na Internet. Uma URL espe-cifica o protocolo a ser usado paraacessar o recurso como HTTP.Web: teia, rede. Veja WWW.Webdesigner: Trata-se do profis-sional que cria, elabora páginas paraa Internet.Website: “web” significa rede e,“site”, em inglês, quer dizer lugar. Terum website significa ter um ende-reço com conteúdo na rede quepode ser acessado por visitantes.WWW: abreviatura de “World WideWeb”, a expressão da interface grá-fica da Internet. Uma tradução pos-sível seria “teia de alcance mundial”.“World Wide” significa “grande comoo mundo” e “Web” significa teia,rede.Zine: é abreviação da palavrafanzine, junção das palavras em in-glês fan (fã) e magazine (revista).Fanzine foi o nome dado às publica-ções amadoras que nos anos de1970 foram uma espécie de porta-voz oficial do movimento punk.


24

BBibliografia

� GNU/LINUX e Aplicativos Livres nos Telecentros,produzida pela Prefeitura Municipal de São Paulo.

� Cadernos Eletrônicos, produzidos pelo Centro de InclusãoDigital e Educação Comunitária da Escola do Futuro daUniversidade de São Paulo.

� Manual de Manutenção e Configuração de Microcompu-tadores produzido pela ONG Programando o Futuro.

� Manual de Montagem de Redes Locais produzido pela ONGProgramando o Futuro.

� Apostila OpenOffice.org - Writer produzida pelaUniversidade de Caxias do Sul.

� Apostila OpenOffice.org - HTML produzida pela Companhiado Metropolitano de São Paulo.

� Apostila OpenOffice.org - Texto produzida pela Companhiado Metropolitano de São Paulo.

� Apostila OpenOffice.org - Calc produzida pela AssembléiaLegislativa do Estado de Minas Gerais.

� Apostila OpenOffice.org – Fórmula produzida pelaCompanhia do Metropolitano de São Paulo.

� Apostila OpenOffice.org - Apresentação produzida pelaCompanhia do Metropolitano de São Paulo.

� Apostila OpenOffice.org - Desenho produzida pelaCompanhia do Metropolitano de São Paulo.

A reprodução parcial ou integral deste material é permitida eestimulada somente para fins não comerciais

e mediante citação da fonte.



AAnotações

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________


26

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________

_____________________________________________

_________________________________________

_____________________________________________


28

Caderno Digital 5

Documents

Transcript of Caderno Digital 5