Caderno Digital 5 by Programando Futuro

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

FUNDAÇÃO BANCO DO BRASIL

Fundação Banco do Brasil Presidente Jacques de Oliveira Pena Diretor Executivo de Desenvolvimento Social Almir Paraca Cristóvão Cardozo Diretor Executivo de Finanças e Administração Elenelson Honorato Marques Secretário Executivo Francisco de Assis Machado dos Santos Diretor de Educação Marcos Fadanelli Ramos

Créditos Fotos Acervo da Fundação Banco do Brasil Ilustrações Edu Carvalho Projeto Gráfico Versal Multimídia Revisão Técnica Antonio Henrique Flores Silveira, Alex de Souza e Vilmar Simion Nascimento Revisão de texto Marcos Benjamin e Walkiria Simões Equipe do Programa Inclusão Digital Ademir Vieira, Bruno Santos, Germana Macena, Luiz Carlos Simion e Raquel Amaral. Colaboradores Caroline 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 e Wesley Dias do Nascimento

Março de 2006

Fundação Banco do Brasil Programa Inclusão Digital Setor Comercial Norte Quadra 1, Bloco A, Edifício Number One, 10º andar Brasília – Distrito Federal CEP: 70711-900 Telefones: 61.3310-1900 e 3310-1930 www.fundacaobancodobrasil.org.br

ÍNDICE Apresentação ......................................................................................

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

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

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

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

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

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

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

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

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

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

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

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

Bibliografia ...........................................................................................

Cuidado

Como fazer?

Este ícone alerta para...

Este ícone auxilia na melhor forma...

Dica Este ícone indica alguma...

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

Apresentação A Fundação Banco do Brasil completou 20 anos de atuação em 2005. Ao longo deste período a Instituição tem promovido, em todo o País, transformações em comunidades excluídas ou em risco de 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 dos grandes centros urbanos. A intervenção social é aprimorada continuamente e incorpora abordagens que valorizam as dimensões humana, econômica e ambiental. O propósito é promover o desenvolvimento social de forma solidária e sustentável, por intermédio da mobilização das pessoas, articulação de parcerias e multiplicação de soluções sociais. O Programa Inclusão Digital nasceu para fortalecer experiências e ações que busquem a melhoria das condições econômicas, sociais, culturais e políticas das comunidades por meio do acesso às tecnologias da informação e comunicação. Por intermédio das Estações Digitais, são disponibilizados equipamentos e pessoal capacitado para mediar a relação das pessoas com a informação e a tecnologia. Para contribuir nesta capacitação permanente oferecemos aos Educadores Sociais e aos usuários os Cadernos da Estação Digital onde encontrarão informações que contribuirão para o fortalecimento de suas atividades. A mobilização e articulação social dos atores locais, por intermédio das Estações Digitais, objetiva propiciar condições para que as próprias comunidades protagonizem sua transformação social. Boa leitura. Jacques de Oliveira Pena Presidente

FUNDAÇÃO BANCO DO BRASIL

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

Selecionando e organizando o conteúdo de seu primeiro site Você tem uma série de crônicas familiares que acha que valem a pena ser lidas por outras pessoas? Você conhece várias receitas de pratos simples, saborosos e de baixo custo que gostaria de compartilhar? Você deseja simplesmente disponibilizar seu currículo online para aumentar suas chances de encontrar um trabalho? Muitas pessoas desejam compartilhar eventos significativos da vida familiar. Isso é possível por meio de uma homepage.

Algumas pessoas de sua comunidade têm uma série de materiais históricos como fotos antigas e outros documentos que seria muito interessante que os moradores do bairro vissem?

Você gostaria de criar um jornal ou uma revista para divulgar tais materiais, assim como outros eventos do seu bairro? Enfim, para tudo isso e para qualquer outra idéia que você tenha e queira tornar pública, uma das melhores maneiras de atingir seu objetivo é construir uma homepage. Comece sua empreitada navegando um pouco pela rede, apreciando websites de categorias semelhantes ao tema que você deseja publicar (família, cultura, arte etc.). Assim, você poderá ter boas idéias para desenvolver seu próprio site ou o de sua comunidade. Faça isso por meio dos sites sugeridos em matérias na imprensa, indicados por amigos, ou pesquisando em bons sites de busca com a palavra chave do tema que deseja desenvolver. FUNDAÇÃO BANCO DO BRASIL

Passos para construir sua homepage: 1. Navegue, pesquise, observe diferentes modelos de websites. 2. Selecione, prepare e organize o conteúdo do material para seu website. 3. Escolha um provedor que forneça editores online e hospedagem gratuita. 4. Divulgue seu website.

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

Não coloque todo o material que tem ou que deseja disponibilizar de uma única vez no ar. É interessante que você planeje atualizações de seu site, definindo uma periodicidade para fazê-las. Deixe um aviso para seus visitantes sobre essa periodicidade, ou crie um cadastro para avisá-los por e-mail sobre as atualizações. Não deixe o site muito tempo sem novidades e atualizações, caso contrário o público não retornará a ele.

O passo seguinte é organizar o material e selecionar aquilo que você deseja publicar online. É importante que você seja criterioso nessa seleção, pois este material será visto por milhões de visitantes. Informações erradas em um site podem criar muitos transtornos e abalar toda a credibilidade de quem coletou as informações. Certifique-se de que os conteúdos são de fontes reconhecidamente confiáveis. Na fase de preparo do material para a publicação, avalie: há textos para serem digitados, revisados? Há fotos para serem digitalizadas? Você deseja disponibilizar arquivos sonoros? Nesta etapa de produção você deve considerar alguns aspectos como, por exemplo, o tamanho dos arquivos que disponibilizará em seu site. Quanto maiores esses arquivos mais tempo levará para que sua página possa ser carregada no browser para ser vista pelos visitantes. Páginas que demoram a abrir ou não carregam rapidamente costumam irritar os internautas que acabam por abandonar a visita. Todas as etapas anteriores são fundamentais para que você possa poupar tempo e conseguir estruturar uma página leve, objetiva, organizada, clara, atraente para a navegação e com outras qualidades que um bom website deve ter. Agora vamos conhecer um pouco da linguagem e das ferramentas disponíveis na rede para que você possa construir seu site.

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

HTML e a linguagem de rede Antigamente para se fazer uma página na Internet era preciso saber um pouco de linguagem de marcação, ou HTML, ou contratar os serviços de um webdesigner. Atualmente, vários servidores oferecem editores online para que os usuários possam criar suas páginas na web sem precisar ter qualquer conhecimento dessa linguagem. Neste tópico vamos conhecer um pouquinho sobre seus códigos. HTML é a sigla de “Hyper-Text Markup Language”, que quer dizer: “Linguagem de Marcação para Hiper-Texto”. De forma bastante sintética poderíamos dizer que um hipertexto é qualquer documento que se vincula a outros documentos, criando referências entre si. Essas referências e outras características de formatação; como tamanho e forma da fonte, alinhamento do texto, divisão de parágrafos; são todas criadas por meio de comandos de marcação, colocados em locais específicos do texto principal. Os comandos de marcação recebem o nome de marcas, embora seu nome mais popular seja a versão em inglês “tag”. Marcações ou tags são qualquer tipo de convenção de texto que diga ao navegador como se comportar a partir daquele ponto. Em HTML, assim como em todas as outras linguagens de marcação, esse princípio básico é obedecido. Em HTML, as tags vêm envolvidas entre os sinais de maior e menor que (<>). Por exemplo: se no decorrer de um texto, FUNDAÇÃO BANCO DO BRASIL

O termo hipertexto foi usado pela primeira vez por Theodor H. Nelson nos anos sessenta para exprimir a idéia de escrita e leitura não-linear em um sistema de informática. Exemplificando: quando você está navegando em uma página da Internet, dentro dela você encontra diversos links que se conectam entre si. Com um clique do mouse nesses links, você pode ouvir um som, ver uma imagem ou assistir a uma animação. Dessa forma a leitura deixa de ser linear. Entre esses blocos vinculados pelos links você tem a liberdade de escolher vários caminhos de leitura. Em outras palavras, a web é um grande conjunto de fragmentos de informação que se vinculam entre si.

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

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

você deseja que uma ou mais palavras sejam realçadas em negrito, você colocará uma ou mais palavras dentro da marcação palavra ou palavras (b vem de Bold, negrito em inglês).

O ALT é uma tag do código HTML para criar legendas para as imagens do site. Quando posicionamos o cursor do mouse sobre uma imagem, surge uma caixinha, com um texto, descrevendo a imagem que é apresentada ou quando se desabilita o carregamento de imagens em browsers gráficos. É recomendável que esteja sempre presente.

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 em sua 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 um link 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 quando posicionamos o mouse em cima da imagem.

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

As home-pages que incluem imagens com os textos ALT são benéficas para um melhor entendimento da imagem e principalmente para usuários com deficiência visual. Pessoas com deficiência visual utilizam softwares especiais que possuem uma voz artificial que lê o que está escrito na tela para o internauta, inclusive o que estiver em ALT. Infelizmente, muitas homepages ainda não fornecem esse tipo de recurso.

Como desenvolver páginas

Para se visualizar o código HTML de uma página, clique com o botão esquerdo do mouse e escolha a opção “Exibir Código Fonte”. Observando o código você aprenderá mais sobre HTML. Foi assim que muitas pessoas começaram.

Em qualquer computador é possível confeccionar páginas da web, pois até mesmo o “Bloco de Notas” do Windows pode ser utilizado para criar uma página utilizando a linguagem HTML. Para tornar esse processo mais fácil e menos tedioso, alguns programadores criaram softwares que, a partir desses modelos já consagrados, permitem que alteremos apenas alguns elementos, sem necessariamente editarmos por completo uma página. Esses programas, os chamados editores de HTML online, com apenas alguns cliques de mouse oferecem várias soluções para a confecção de páginas. Com eles, podemos escolher um modelo padrão, configurar as cores, fontes, imagens e itens afins, liberando-se de dominar todos os códigos para confecção de páginas, podendo preocupar-se apenas com o conteúdo.

Experimente! Abra o Bloco de Notas e escreva algum texto utilizando algumas tags como: <HTML> Início do Documento <HEAD> Início do Cabeçalho Quebra de Linha Bold, negrito Itálico <BODY> Início do Corpo do Texto da Página </BODY> Fim do Texto da Página </ HTML> Fim do Documento Salve o bloco de notas com a extensão .html, depois visualize em um browser como ficou sua formatação.

Já existe na rede, em Língua Portuguesa, uma série de servidores que oferece esses editores para a criação de home-pages. Esses servidores disponibilizam editores de HTML com instruções passo-a-passo para quem não conhece essa linguagem. FUNDAÇÃO BANCO DO BRASIL

ESTAÇÃO DIGITAL – CRIAÇÃO E PUBLICAÇÃO DE PÁGINA NA INTERNET O Bol é um servidor que oferece criação e hospedagem gratuitamente, em Língua Portuguesa.

A maioria dos servidores que oferecem editores online e hospedagem requer do usuário a escolha de uma categoria para inserir o site que deseja construir e hospedar. Feita essa escolha, basta seguir as instruções dos editores on-line. Você também pode editar suas páginas sem estar conectado à rede. Para isso, é necessário que você tenha instalado em seu micro algum programa editor de HTML. Depois de prontas, a transferência de suas páginas e arquivos para o servidor que irá hospedá-las será feita com um aplicativo de Transmissão, ou Transmissão de Arquivos, como veremos adiante.

Há uma série de bons editores de Código HTML gratuitos e alguns em Língua Portuguesa que permitem que você edite suas páginas em modo off-line, como o Macromedia Dreamweaver, Bragasoft Visual HTML e o Fast HTML. Existe ainda o MAX’s HTML Beauty, o HotDog Professional e o Bask HTML. Consulte a seção “Links na Internet” para saber onde adquirir esses aplicativos.

Design gráfico: cuidados com o visual do site O visual (também chamado pelos profissionais de “design”) do seu site deve ajudar chamando a atenção do usuário para os elementos mais importantes da página. É preciso tomar alguns cuidados com a cara do site para facilitar a sua visualização e leitura. Homepages com um aspecto mal elaborado não estimulam a sua visitação e nem o retorno dos internautas.

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

Ao utilizar imagens para ilustrar o conteúdo, você pode aprimorar bastante uma homepage. Por outro lado, as imagens podem congestionar a estrutura e retardar os tempos de download. Assim, é importante usá-las criteriosamente e editá-las para a web. De forma semelhante, a animação com um objetivo pode aperfeiçoar o conteúdo on-line, mas é importante permitir que os usuários decidam se desejam ver uma introdução animada ou pular diretamente para o conteúdo de seu site. Para isso, você deve oferecer um método fácil e destacado para desativá-la.

Limite os estilos de fonte e outros atributos de formação de texto, como tamanhos, cores, etc. na página, porque um texto com visual muito pesado se desvia do seu real significado e até será confundido com anúncios publicitários.

É importante usar texto com contraste e cores de plano de fundo, para que os caracteres fiquem o mais legível possível. Se o fundo da tela for escuro, as letras devem estar em cores claras. Assim o contraste fica mais evidente e mais fácil de ler. As informações mais importantes da página devem estar visí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ções para “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 tempo 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 se pode ter textos grandes na Internet. No caso de artigos com muito texto, o mais indicado é que eles sejam distribuídos na página de forma uniforme, para que seja fácil imprimir. Longos textos são melhores de serem lidos impressos em papel, além de poupar energia elétrica e tempo de conexão com a linha telefônica. Cada caso é um caso e deve ser estudado para cada objetivo que se quer atingir. Alguns sites talvez precisem de mais espaço se o conteúdo for altamente visual. Outros sites podem funcionar melhor sem imagem alguma. A receita aqui é você saber o que quer informar e qual é a melhor maneira de fazê-lo. FUNDAÇÃO BANCO DO BRASIL

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

O que evitar no visual do seu site Navegando pela Internet você deve encontrar muitos sites que não lhe agradam 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 que você não cometa erros e também saiba como identificar as falhas dos sites de que não gostou. Um cuidado é com o estilo do menu, que é o índice das seções que existem no site. Comparando um pouco com um livro, as seções são como os capítulos. É importante que o visual do menu não seja muito diferente do estilo de todo o site. As cores e o tipo de fonte devem seguir o padrão do site. Além disso, caso todo o conteúdo da página não esteja totalmente pronto, o mais indicado é não publicar. Links ou avisos de que a página ainda está em construção frustram o Antes de começar a deinternauta. Dificilmente ele voltará para verifisenhar seu site no computador, faça um rascar se o site já está pronto. Provavelmente ele cunho, no papel, usannão voltará nunca mais. Por fim, o recomendado é navegar bastante pela Internet, procurar sites que você gosta visualmente e entender quais são as características que agradam para adotar em seu site. Quanto mais referências você tiver, melhor.

Hospedagem de páginas

do lápis ou canetas. Esse exercício vai ajudar a decidir como a página será organizada, como os textos serão distribuídos, onde irão as imagens e quais recursos visuais serão utilizados. Sempre mostre esse rascunho a outras pessoas para perguntar o que elas acham.

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

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

Há servidores que oferecem editores on-line para a confecção de páginas pessoais e também hospedagem gratuita para essas páginas. Há outros que, embora não ofereçam os editores, prestam serviços de hospedagem gratuita. Alguns servidores limitam o tráfego mensal de dados. Tráfego mensal é a soma de todas as informações enviadas aos seus visitantes durante um mês. Cada página visualizada, cada imagem ou foto, ainda que seja uma simples figura de canto de tela, representa uma informação nova que o servidor está enviando ao browser e tem um peso, que é medido em Kbytes. Se a homepage que você deseja criar terá muitas imagens, dê preferência a um servidor que não tenha esse tipo de limitação.

Quando for escolher um servidor para hospedar o seu site, avalie: o espaço em disco oferecido; se ele tem acesso via FTP e se oferece ferramentas on-line de editoração e serviços adicionais, como suporte a ASP, PHP, bancos de dados etc.

Feita a escolha do servidor para hospedagem de seu site, basta “contratar” o serviço. Geralmente isso é feito por meio do preenchimento de um formulário em uma página que solicita diversos dados, entre eles um nome de usuário e senha para acesso a seu espaço de armazenamento.

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

Colocando seu site no ar com FTP No tópico anterior você aprendeu que, depois de contratado um serviço de hospedagem, é possível enviar material para o seu site, disponibilizando-o para que outros usuários possam visitá-lo. Esse envio de arquivos pode ser feito por meio de uma ferramenta específica do servidor que hospeda o seu site, ou por meio de FTP. FUNDAÇÃO BANCO DO BRASIL

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

Mas o que é FTP? Você já sabe que a sigla significa “File Transfer Protocol” (Protocolo Para Transferência de Arquivos). O FTP foi a solução encontrada, desde os tempos mais remotos da Internet, para possibilitar a cópia de arquivos entre computadores espalhados pelo mundo, independentemente das características das redes encontradas pelo caminho. Para utilizar o FTP, primeiramente é necessário dispor de um software específico. Os computadores equipados com Windows podem utilizar o Windows Explorer para fazer atualizações de sites. Mas existem outros aplicativos de FTP disponíveis no mercado e alguns são versões shareware como o FTPPro.

Sobre registros de domínio e escolha dos nomes de subdomínios Um domínio é simplesmente o endereço dado a um site da Internet que, quase sempre, é o nome do site. O domínio é o nome que digitamos quando queremos entrar nesse site. Exemplos de domínios são “kico.com.br”, “abrinq.org.br” ou “brasil.gov.br”.

Cada domínio é composto de três partes principais: 1: O nome da organização detentora do domínio, que pode ser o seu nome real ou, mais freqüentemente, um nome de fantasia. Em “embratel.com.br”, por exemplo, embratel representa o nome da organização. 2: O nome de domínio corresponde ao tipo de organização envolvida. Existem inúmeros tipos de organizações admitidos e o mais comum é o “com”, que abrange organizações comerciais. O “org” que representa organizações não governamentais (as ONGs), o “edu” representa as educacionais e o “gov” engloba todos os órgãos dos governos. Por exemplo, o site “terceirosetor.org.br” representa uma ONG, dado o seu sufixo. 3ª: Essa última parte do nome de domínio representa o país. Assim, “chicobuarque.com.br” indica um site com registro de domínio no Brasil; “sapo.pt” representa um site registrado em Portugal e “fbi.gov” indica um site do governo dos Estados Unidos. Quando omitido, indica que o site está registrado nos Estados Unidos, mas pode estar hospedado em qualquer lugar do mundo. Ex.: www.globo.com

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

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

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 taxa anual é cobrada pela FAPESP à empresa, pessoa ou organização. A única finalidade do registro de um site é garantir sua unicidade dentro da Internet. Os órgãos reguladores como a FAPESP agem, neste contexto, no sentido de impedir que duas pessoas ou empresas façam o registro do mesmo nome de domínio. Subdomínios são oferecidos por provedores para seus usuários ou pelos servidores que oferecem editores online ou hospedagem gratuita de site. Para ter um subdomínio você não precisa efetuar nenhum registro na FAPESP, basta ter criatividade e escolher um nome que represente bem o conteúdo do seu site.

Divulgar é preciso, apareça! Divulgar suas páginas na rede é, talvez, a parte mais simples do trabalho, mas é essencial para que sua produção possa ser vista, lida e apreciada. Normalmente, basta fazer um cadastro do seu site nos mecanismos de busca por meio do preenchimento de um formulário em que você indicará com algumas palavras-chaves o tipo de informação contida em sua página, 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ê coloque marcações específicas em seu site (eles fornecem as instruções para que você faça isso) de modo que os mecanismos de busca possam reordenar mais facilmente seus cadastros. No final deste Caderno,

FUNDAÇÃO BANCO DO BRASIL

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

veja uma lista de alguns endereços de mecanismo de busca no qual você pode cadastrar o seu site. Uma outra forma muito eficiente de se divulgar páginas é por meio da participação em anéis, em inglês “rings”. Rings são servidores que cadastram sites de uma determinada categoria de conteúdo comum e apresentam links ou anúncios em O Anel de Poesia é um dos maiores webrings em Língua Portuguesa. todos os outros sites componentes. Assim, quando um visitante tem acesso a um dos sites do anel, pode navegar para o site seguinte ou anterior e ainda solicitar, aleatoriamente, um outro site, dentre os sites participantes do anel.

O que é e como montar um blog Além dos editores on-line você pode criar e disponibilizar uma página na rede no formato de blog. Os blogs foram criados para possibilitar a publicação de diários na Internet, mas a proposta inicial se transformou bastante. Hoje, além de expor as confissões e os segredos adolescentes, eles funcionam como verdadeiros Zines (pequenos jornais), nos quais pessoas comuns expõem opiniões e recebem comentários em tempo integral. Os blogs também são usados como meio 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écada de 1990, a idéia inicial era disponibilizar os diários em forma de páginas de Internet, preservando o anonimato, quando desejado. Entretanto, editar páginas para a publicação de um diário era um processo moroso que não justifica-

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

va a relação custo e benefício de tal operação. Foi nesse momento que surgiram os primeiros servidores a oferecer utilitários on-line capazes de editar páginas de maneira rápida e bastante fácil. O sucesso de tal iniciativa foi tanto que vários serviços de blog pipocaram pela rede e cresceram exponencialmente. Por meio de uma home-page ou de um blog, autores potenciais, mas sem apoio institucional ou do marketing tradicional, podem, sem custo algum, tornar-se conhecidos por milhares de pessoas. Essa possibilidade é bem mais remota se o mesmo autor necessitasse de livros 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 pesquisa em um bom site de busca. Ao digitar a palavra chave blog no campo de pesquisa, aparecerá uma lista com uma infinidade de servidores que colocam à sua disposição o utilitário para edição e publicação de blogs. Navegue por esses sites e avalie as vantagens e desSeu blog precisará de um nome (subdomínio), que lhe será requisitado no momento do cadastramento da vantagens de cada um para sua conta, como exemplificado nesta imagem, no decidir em qual dos servidoBlogger. res você criará e hospedará o seu blog. Navegue também pelos blogs de usuários hospedados nesses servidores para ter uma idéia de como construir o seu. Depois de escolher o servidor, você precisará cadastrar uma conta de blog. Para isso é necessário ter uma conta de e-mail vinculada ao servidor do blog. Depois de realizar os rituais de “batismo” de seu blog, ou seja, após criar uma conta de blog com nome válido, escolher um estilo para ele e a categoria a que ele pertence, você pode começar a enviar conteúdo para ser publicado no endereço de seu blog. Essa é uma FUNDAÇÃO BANCO DO BRASIL

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

tarefa bem fácil. Observe os botões que simplificam as funções mais usuais de formatação de texto, bem como de inserção de imagens e outras no exemplo do blog acima. Redija o texto no campo apropriado e experimente destacar um texto em negrito ou itálico e você verá que durante a edição ele aparecerá entre as tags. Clique em “Publicar” ou “Enviar”. Pronto! Seu texto já estará no ar, disponível para quem desejar lê-lo. Tela com o texto editado

Então, que tal pôr a mão na massa? Escolha um servidor que ofereça editores de HTML online e hospedagem gratuita, arregace as mangas, mobilize toda a sua disposição e criatividade e faça a sua 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 na rede. 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 conhecimentos e pensamentos que até então só você possuía. Dessa forma, deixará de ser apenas alguém que navega na Internet. Você passará a fazer suas próprias ondas! Mãos à obra!

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

Links 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

FUNDAÇÃO BANCO DO BRASIL

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

G Glossário

ASP: “Active Server Pages” ou “Pá-

ginas Ativas de Servidor”. ASP é uma linguagem criada pela Microsoft (código fechado, portanto) e que é utilizada para a criação de páginas dinâmicas para a web. Uma página dinâmica é elaborada, em tempo real, pelo servidor e entregue ao browser no formato HTML. Blog: é uma abreviação de weblog, web (rede) e log (registro). Qualquer registro freqüente de informações pode ser considerado um blog (últimas notícias de um jornal online, por exemplo). A maioria das pessoas tem utilizado os blogs como diários pessoais. Browser: navegador, programa para abrir e exibir as páginas da web como o Explorer, da Microsoft, o Navigator, da Netscape etc. DNS: “Domain Name System”: protocolo que rege a comunicação com e entre servidores que transformam nomes de domínio nos chamados endereços IP. Os endereços de IP são os endereços que os computadores entendem e usam para localizar os sites dentro da rede. Download: em inglês “load” significa carga e “down” para baixo. Fazer um download significa baixar um arquivo de um servidor, descarregando-o para o nosso computador. Freeware: qualquer software (programa) oferecido gratuitamente na rede ou nas publicações especializadas em suportes como CD-ROM. A palavra inglesa “free” significa livre. FTP: “File Transfer Protocol” ou “Protocolo de Transferência de Arquivos”. É uma maneira de copiar ar-

quivos via Internet. Os arquivos são disponibilizados e localizados em servidores ou em computadores pessoais por um programa servidor de FTP. Qualquer pessoa que tenha acesso (login e senha) pode copiar arquivos contidos lá. Existe o FTP chamado “anônimo”, em que qualquer um pode ter acesso aos arquivos disponíveis. Homepage: “home” em inglês significa casa, lar, e “page”, página. Na Internet a expressão significa “página pessoal”. A palavra home, isoladamente, significa toda página inicial, a página principal de qualquer site na Internet. HTML: abreviação para “Hyper-Text Markup Language”, que quer dizer: “Linguagem de Marcação para HiperTexto”. Um documento HTML é um conjunto de instruções em formato ASCII, usado para criar documentos com hipertexto e que podem ser visualizados por um browser. HTTP: acrossemia de “Hyper Text Tansfer Protocol” ou “Protocolo de Transferência de Hipertexto”. É o protocolo que permite o funcionamento da interface gráfica da Internet, esta que é mais conhecida e que permite a transmissão de textos, fotos e gráficos de uma maneira simples e rápida. Internet: rede mundial de computadores. Trata-se de uma rede planetária de computadores que cooperam entre si. Essa cooperação baseia-se em protocolos de comunicação, ou seja, “convenções de códigos de conversação” entre computadores interligados em rede. JavaScript: linguagem para script

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

que tem uma vaga semelhança com Java, e que foi idealizada pelo W3C Consortium. A Microsoft copiou essa linguagem no seu navegador, nomeando-a de Jscript. Link: ligação, elo, vínculo. Nas páginas da web, é um endereço que aparece sublinhado, ou em uma cor diferente da cor do restante do texto. Um link nada mais é que uma referência cruzada, um apontador de um lugar para outro na web. Assim, eles permitem um vínculo com uma imagem, um arquivo da mesma página ou de outras da web, a partir de um clique do mouse. Por meio dos links a navegação pelas páginas da web não é linear. PHP: “Hypertext Preprocessor” é uma linguagem de código aberto (open source), ou seja, de uso livre, muito utilizada e especialmente aparelhada para o desenvolvimento de 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 no browser. Pop-ups: janela que surge separadamente quando navegamos em um determinado site, geralmente para apresentar um anúncio. Script: pequeno programa cujas instruções são interpretadas, isto é, convertidas em código de máquina e executadas linha a linha. Servidores: empresas que possibilitam o acesso para a comunicação e transmissão de dados na rede. Sessão do navegador: também chamada de “timeout de sessão” é o tempo em que o navegador está em operação. Uma sessão também pode ser definida como a conexão a um website em particular. Shareware: é um método comercial que possibilita a distribuição gra-

FUNDAÇÃO BANCO DO BRASIL

tuita, por um tempo determinado, de um software, para que o usuário possa testá-lo. Ao final desse período de testes, o usuário é solicitado a registrar (comprar) o produto ou desinstalá-lo. Site: palavra inglesa que significa lugar. O site é o lugar em que as páginas da web podem ser encontradas. Software: aplicativos, programas de computador. Upload: o inverso de download, ou seja, significa carregar um arquivo de nosso computador para enviar para alguém descarregar em outro computador. URL: sigla de “Uniform Resource Locator” (“Localização Universal de Recursos”). É o endereço na Internet. As URLs são usadas por navegadores da web para localizar recursos na Internet. Uma URL especifica o protocolo a ser usado para acessar o recurso como HTTP. Web: teia, rede. Veja WWW. Webdesigner: Trata-se do profissional que cria, elabora páginas para a Internet. Website: “web” significa rede e, “site”, em inglês, quer dizer lugar. Ter um website significa ter um endereço com conteúdo na rede que pode ser acessado por visitantes. WWW: abreviatura de “World Wide Web”, a expressão da interface gráfica da Internet. Uma tradução possível seria “teia de alcance mundial”. “World Wide” significa “grande como o mundo” e “Web” significa teia, rede. Zine: é abreviação da palavra fanzine, junção das palavras em inglês fan (fã) e magazine (revista). Fanzine foi o nome dado às publicações amadoras que nos anos de 1970 foram uma espécie de portavoz oficial do movimento punk.

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

B Bibliografia

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

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

Manual de Manutenção e Configuração de Microcomputadores produzido pela ONG Programando o Futuro.

Manual de Montagem de Redes Locais produzido pela ONG Programando o Futuro.

Apostila OpenOffice.org - Writer produzida pela Universidade de Caxias do Sul.

Apostila OpenOffice.org - HTML produzida pela Companhia do Metropolitano de São Paulo.

Apostila OpenOffice.org - Texto produzida pela Companhia do Metropolitano de São Paulo.

Apostila OpenOffice.org - Calc produzida pela Assembléia Legislativa do Estado de Minas Gerais.

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

Apostila OpenOffice.org - Apresentação produzida pela Companhia do Metropolitano de São Paulo.

Apostila OpenOffice.org - Desenho produzida pela Companhia do Metropolitano de São Paulo.

A reprodução parcial ou integral deste material é permitida e estimulada somente para fins não comerciais e mediante citação da fonte.

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

Anotações

_____________________________________________ _____________________________________________ _________________________________________ _____________________________________________ _____________________________________________ _________________________________________ _____________________________________________ _____________________________________________ _________________________________________ _____________________________________________ _____________________________________________ _________________________________________ _____________________________________________ _____________________________________________ _________________________________________ _____________________________________________ _____________________________________________ _________________________________________ _____________________________________________ _____________________________________________ _________________________________________ _____________________________________________ _____________________________________________ _________________________________________ FUNDAÇÃO BANCO DO BRASIL

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

FUNDAÇÃO BANCO DO BRASIL

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