Criação e publicação de páginas na Internet

Transcrição

1 C ADERNOS eletrônicos Criação e publicação de páginas na Internet 5 CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET

2 Programa Acessa São Paulo O Programa Acessa SP é uma iniciativa do Governo do Estado de São Paulo e tem como objetivo combater a exclusão digital, levando os recursos da Internet à população de baixa renda, estimulando o desenvolvimento das comunidades. Para isso o Governo do Estado criou os Infocentros, espaços com acesso gratuito à Internet. Existem três tipos de Infocentros: os Infocentros Comunitários, criados em parceria com entidades comunitárias (associações de moradores, amigos de bairro etc.); os Infocentros Municipais, criados em parceria com prefeituras paulistas; e os Postos Públicos de Acesso à Internet, criados em parceria com órgãos do próprio Governo do Estado em que há grande fluxo de população. Para facilitar o uso dos equipamentos, os usuários contam com monitores treinados e comprometidos com o projeto para auxiliálos. Esses monitores são capacitados para atender às necessidades específicas de cada usuário. Também são responsáveis pela gestão dos Infocentros. C ADERNOS Expediente Programa Acessa São Paulo Governador: Geraldo Alckmin Secretaria de Estado da Casa Civil: Arnaldo Madeira Diretor-Presidente da Imprensa Oficial: Hubert Alquéres Coordenador do Núcleo de Projetos Institucionais: Émerson Bento Pereira Coordenador do Programa Acessa São Paulo: Fernando Guarnieri Equipe do Programa Acessa São Paulo: Alan Nicoliche da Silva, Alexandre Geraldi, Felipe Borgognoni, Flávia Brandão, Gílson Bevilacqua, Gisele Fabris dos Reis, Key Farias, Leandro Benetti, Michele Karine Damasco Silva, Neide Novaes, Ricardo Mallet, Silvana Maiéski Portal do Acessa São Paulo: Outra preocupação do Acessa é a oferta de conteúdo relevante para o público-alvo assim como o estímulo à criação de conteúdo por parte da comunidade. Assim, os Infocentros também funcionam como centros de informação e serviços voltados para o desenvolvimento comunitário, possibilitando acesso às informações nas áreas de saúde, educação, negócios e serviços governamentais disponíveis na Internet etc. Para isso desenvolvemos produtos como os MiniCursos Acessa São Paulo, a parceria Acessa/WebAula, Dicionários de LIBRAS e a Rede de Projetos. As comunidades providas de um Infocentro são estimuladas a desenvolverem projetos e atividades que utilizem os recursos da tecnologia de forma criativa e educativa. Para isso foi criado o portal na Internet, para que os usuários dos Infocentros possam disponibilizar conteúdos elaborados pela comunidade e assim produzir conhecimentos próprios. eletrônicos Reitor: Adolpho José Melfi Vice-Reitor: Hélio Nogueira da Cruz Pró-Reitor de Pesquisa: Luiz Nunes de Oliveira Supervisão Científica: Fredric M. Litto Coordenação Editorial e Pedagógica: Carlos Seabra Coordenação de Produção: Drica Guzzi e Akira Shigemori Roteiro, Pesquisa e Redação: Maria da Conceição C. Oliveira Projeto Gráfico/DTP: Ronald Chira e Ludimyla Russo Web Designer: Daniela Matielo Ilustração da Capa: Francisco Sá Godinho (Kiko) Revisão: Bete Abreu Colaboradores: Alda Ribeiro, Nilson G. S. Júnior : Programa Acessa São Paulo Tel.: (11) / acessa@sp.gov.br Rua da Mooca, 1921, Mooca CEP São Paulo/SP Escola do Futuro - USP Tel.: (11) / acessasp@futuro.usp.br Av. Profº. Lucio Martins Rodrigues, Trav. 4 - Bloco 18 - CEP São Paulo/SP Os foram desenvolvidos pelo Centro de Inclusão Digital e Educação Comunitária da Escola do Futuro da USP (CIDEC) para o Programa Acessa São Paulo do Governo do Estado de São Paulo, por meio de sua Secretaria da Casa Civil. A reprodução parcial ou integral deste caderno é permitida e estimulada somente para fins não comerciais e mediante citação da fonte. Maio/ CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5

3 Introdução A Internet pode ser um veículo de educação, lazer, trabalho, fonte de renda, pesquisa, informação, organização, mobilização etc. Tudo depende da forma como utilizamos a rede. Por exemplo: se tivermos conhecimento de algo que interessa a muitas pessoas, dispostas a pagar para adquiri-lo, podemos cobrar para ensiná-las por meio de um curso online. Podemos também publicar nossas idéias na defesa de alguma causa ou grupo ou apenas registrar nossas angústias e felicidades em um diário digital. A Internet é o único veículo pelo qual podemos, sem pagar nada, publicar nossa produção. Para isso basta ter acesso a um computador ligado à rede e aprender alguns passos para criar uma página pessoal. Neste caderno você conhecerá algumas ferramentas que estão disponíveis para fazer e publicar seu website. Você aprenderá a selecionar o material e como organizálo para publicação. Saberá como fazer páginas online e obterá dicas de como usar editores offline. Verá como é fácil hospedar suas páginas em servidores gratuitos. Conhecerá um pouco sobre a linguagem com a qual se escreve a imensa maioria das páginas na web. Descobrirá que quando editamos uma página offline precisamos de um aplicativo chamado FTP para transferir nossos arquivos para o servidor em que a hospedamos. Também saberá como criar e organizar links em sua homepage e aprenderá algumas estratégias fundamentais para divulgar seu website. Descobrirá o que é um blog e como você pode montar o seu. Ao final você encontrará sugestões de remissão entre os cadernos eletrônicos relacionados, uma seção onde encontrar links para downloads de programas freeware ou para cursos oferecidos online. Há também um glossário com os principais termos da informática e da Internet utilizados neste caderno. Vamos começar? Índice 1. Selecionando e organizando o conteúdo de seu primeiro site HTML e a linguagem de rede Como fazer páginas online e offline 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 Remissão entre cadernos e links na Internet Glossário CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 3

4 1 Selecionando e organizando o conteúdo de seu primeiro site para divulgar tais materiais, assim como outros eventos do seu bairro? Você tem uma série de crônicas familiares que acha que valem a pena ser lidas por outras pessoas? Um exemplo bem-humorado de página sobre dietas para manter, ganhar ou perder peso. Muitas pessoas desejam compartilhar eventos significativos da vida familiar. Isso é possível por meio de uma homepage. 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? Como Fazer 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. 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 No Infocentro Associação Popular de Saúde, em São Paulo- SP, monitores e usuários criaram um jornal online com temas interessantes para o público jovem da comunidade. 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 palavrachave do tema que deseja desenvolver. O passo seguinte é organizar o material e selecionar aquilo que você deseja publicar online. É importante que você seja criterioso nessa seleção, pois esse material poderá 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. 4 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5

5 Dica 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 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. 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 para 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. Jornal Comunitário online da Associação de Moradores do Jardim 9 de Julho, desenvolvido para contar a história do Jardim 9 de Julho. 2 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. Entretanto, HTML é ainda a linguagem mais utilizada para confeccionar páginas. Por isso, 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. É bom saber 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. CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 5

6 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, você deseja que uma ou mais palavras sejam realçadas em negrito, você colocará uma ou mais palavras dentro da marcação <b> palavra ou palavras </b> (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. Tags de negrito e itálico criadas em um bloco de notas salvo como arquivo.html. 6 Ao lado você pode ver o resultado ao abrir este arquivo no navegador. A HTML, geralmente, serve de base para todas as outras linguagens de marcação. Como fazer 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= destino do link] > Texto explicativo para o link </A>. Um exemplo de um link codificado diretamente em HTML é: <A HREF = > Fundação Nacional de Saúde </A>. No browser, a mesma frase aparece em uma caixa quando posicionamos o mouse em cima da imagem. As homepages 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. Dica 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. 6 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5

7 3 Como fazer páginas online e offline 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. Como fazer Experimente! Abra um bloco de notas e escreva algum texto utilizando algumas tags como: <HTML> Início do Documento <HEAD> Início do Cabeçalho <BR> Quebra de Linha <B> Bold, negrito <I> 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. 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 ter de dominar todos os códigos para confecção de páginas, podendo preocupar-se apenas com o conteúdo. Já existe na rede, em Língua Portuguesa, uma série de servidores que oferece esses editores para a criação de homepages. Esses servidores disponibilizam editores de HTML com instruções passo-a-passo para quem não conhece essa linguagem. Esses são alguns dos recursos oferecidos pelo Kit.net e pelo Bol, disponíveis 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 online. 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. O Windows, por exemplo, oferece o Microsoft FrontPage. Depois de prontas, a transferência de suas páginas e arquivos para o servidor que irá hospedálas deve ser feita com um aplicativo de FTP, como veremos adiante. Dica Há uma série de bons editores de HTML gratuitos e alguns em Língua Portuguesa que permitem que você edite suas páginas em modo offline, como o 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. CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 7

8 4 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. 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 online, 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. Dica Limite os estilos de fonte e outros atributos de formação de texto, como tamanhos, cores, etc. na página, porque o texto com um visual muito pesado pode se desviar do significado das palavras e até ser confundido com anúncios publicitários. No portal do Acessa SP, as notícias mais recentes estão no alto da tela para chamar a atenção do leitor. 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 podem precisar 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. 5 O que evitar no visual do seu site É 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 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. Vamos ver alguns aspectos que devem ser evitados 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. Vamos usar como exemplo um site que foi desenvolvido por Bruno Ávila justamente para ilustrar o que não deve ser feito. O site está disponível no endereço Segundo o criador da página do exemplo, o primeiro cuidado é com a cor de fundo em conflito com a cor da fonte (letras). O fundo xadrez dificulta a leitura do que está escrito principalmente porque 8 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5

9 Site criado especialmente para ilustrar o que não fazer no visual da página. a letra está na cor branca. O ideal seria que o fundo estivesse em uma cor apenas, de preferência neutra, como branco ou em tons mais claros com letras em cores escuras. Ou então o inverso, com um fundo de uma cor mais escura, preto por exemplo, e o texto escrito com letras brancas para aumentar o contraste. Um outro 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. No exemplo utilizado, a cor do menu não poderia estar com um fundo verde e com uma letra de tamanho tão grande. O estilo de fonte usado também deveria ser menos chamativo. O menu deve ser discreto, pois o principal é o conteúdo que está por trás dos links que o menu contém. Seguindo esse cuidado do que chamar a atenção, não se deve inserir elementos demais. No exemplo de site, o excesso de figuras, como a tesoura cortando a fita, acabou poluindo o visual, pois desviou a atenção para ela. É preciso usar esses elementos para destacar o que é importante. Imagens que não estão diretamente ligadas ao conteúdo do site não devem aparecer. Como foi dito no tópico anterior, não se deve abusar das animações. Se você visitar o site de exemplo, verá que o desenho animado imitando a placa de trânsito que representa site em construção está exagerado. 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 internauta. Dificilmente ele voltará para verificar se o site já está pronto. Provavelmente ele não voltará nunca mais. Dica Antes de começar a desenhar seu site no computador, faça um rascunho, no papel, usando 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. Se desejar, mostre esse rascunho a outras pessoas para perguntar o que elas acham. Por fim, o recomendado é navegar bastante pela Internet, procurar sites que você gosta visualmente e entender quais são as características que agradam e poderiam ser adotadas em seu site. Quanto mais referências você tiver, melhor. 6 Hospedagem de páginas Já vimos que é simples e barato fazer páginas de Internet e que elas podem servir para as mais diversas finalidades. Entretanto, para que cumpram com seus propósitos, elas devem estar hospedadas 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. Há servidores que oferecem editores online para a confecção de páginas pessoais e também Dica 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 online de editoração e serviços adicionais, como suporte a ASP, PHP, bancos de dados etc. CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 9

10 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. 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 para confirmação do cadastro e ativação de sua conta. Basta seguir os passos descritos nesse e pronto: você terá um espaço de hospedagem para seu site. 7 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. 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, independente 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. 8 Sobre registros de domínio e escolha dos nomes de subdomínios Um domínio é simplesmente o nome dado a um site da Internet, 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. Para que um domínio se torne de conhecimento É bom saber 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ãogovernamentais (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 esta registrado nos Estados Unidos. 10 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5

11 público, ele deverá ser registrado 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 domínios que têm o sufixo br. Esse site é o É 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. Endereços como são exemplos de subdomínios grátis. 9 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 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, 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 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. Uma maneira mais cara de se divulgar sites é com banners. Banners nada mais são do que espaços reservados para propaganda em sites de muito acesso, exibidos de maneira aleatória, cuja finalidade é anunciar seu site. Entretanto, o uso de banners como recurso de divulgação normalmente é restrito a sites comerciais, dado ao alto custo e ao retorno pouco garantido. São poucos internautas que se interessam pelos banners e clicam neles para ver seu conteúdo. Exemplo de como divulgar sua homepage, neste caso usando o geocities. O Anel de Poesia é um dos maiores webrings em Língua Portuguesa. CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 11

12 10 O que é e como montar um blog Além dos editores online 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! 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 palavrachave 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 desvantagens de cada um para decidir em qual dos servidores 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 vinculada ao servidor do blog. Blog produzido e administrado por monitores e usuários do Infocentro Pétalas de Amor, São Paulo, Capital. 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 justificava a relação custo e benefício de tal operação. Foi nesse momento que surgiram os primeiros servidores a oferecer utilitários online 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 homepage 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 Seu blog precisará de um nome (subdomínio), que lhe será requisitado no momento do cadastramento da sua conta, como exemplificado nesta imagem, no Blig. 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 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 a seguir: 12 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5

13 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 Tela com o texto editado. É dessa forma que o texto da imagem anterior será visualizado online. as tags. Clique em Publicar ou Enviar. Pronto! Seu texto já estará no ar, disponível para quem desejar lê-lo. 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. Os monitores dos Infocentros estão criando blogs para catalogar os serviços de governo eletrônico existentes. 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. Lembrese 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! Remissão entre os Caderno 2: Editoração e processamento de textos para conhecer um pouco mais sobre recursos para usar um corretor ortográfico e publicar o conteúdo de suas páginas livres de erros ortográficos. Caderno 4: Navegação e pesquisa na Internet lhe fornece dicas de pesquisa e de bons sites de busca. Caderno 7: Uso da impressora e tratamento de imagens você encontrará dicas de tratamento das imagens que ilustrarão o seu site. Caderno 8: Comunidades virtuais - listas, chats e outros, você pode conhecer outros recursos para incrementar sua homepage. Seção downloads Editores de páginas online e servidores gratuitos: Editores de HTML freeware: 6webhtm.html Servidores e editores de blog: Cursos online, tutoriais e outros: Websites dos Infocentros: CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 13

14 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 arquivos 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 Hiper-Texto. Um documento HTML é um conjunto de instruções em formato ASCII, usada 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 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 gratuita, 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 porta-voz oficial do movimento punk. 14 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5

15 1 6 Como usar e gerenciar seus s Gerenciamento e organização de arquivos 2 Editoração e processamento de textos 7 Uso da impressora e tratamento de imagens 3 8 Planilha eletrônica e e banco de dados Comunidades virtuais - listas, chats e outros 4 Navegação e pesquisa na Internet 9 Segurança no computador e na Internet 5 Criação e publicação de páginas na Internet 10 Multimídia: vídeo e áudio no computador CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 15

16 Publique-se A Internet é um meio que oferece uma grande diversidade de recursos. Pela rede você pode pagar contas, fazer pesquisas, enviar correspondências, fazer amigos. Com criatividade e sem gastar nada você também pode fazer uma homepage para publicar e difundir suas idéias. Se você gosta de escrever poesias, se adora fotografar a família, a cidade, se você pinta, desenha, se não pode ver uma câmara de vídeo que já produz um filme, se compõe músicas ou adora colecionar partituras e letras de canção, se você sabe muita matemática, história, filosofia, marcenaria, dança, receitas etc., a Internet pode ser muito interessante para você. Todos os seus talentos, os conhecimentos e as habilidades podem ser mostrados e circular nesse meio democrático por excelência! Neste caderno você saberá como se tornar autor de sua criação, aproveitando seus talentos e saberes e utilizando a Internet como meio para publicar sua produção, a partir da criação de um website. CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5