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

Prévia do material em texto

CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET
eletrônicos
5
Criação eCriação eCriação eCriação eCriação e
publicação depublicação depublicação depublicação depublicação de
páginas na Internetpáginas na Internetpáginas na Internetpáginas na Internetpáginas na Internet
CCCCCADERNOS
CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 52
 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.
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.
Os Cadernos Eletrônicos 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/2003
Expediente
ADERNOS
CCCCC
eletrônicos
Escola do Futuro - USP
Tel.: (11) 3091-6366/3091-9107 e-mail: acessasp@futuro.usp.br
Av. Profº. Lucio Martins Rodrigues, Trav. 4 - Bloco 18 -
CEP 05508-900 São Paulo/SP
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: www.acessasaopaulo.sp.gov.br
Cadernos 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
Cadernos Eletrônicos: www.cidec.futuro.usp.br/cadernos
Programa Acessa São Paulo
Tel.: (11) 6099-9579/6099-9641 e-mail: acessa@sp.gov.br
Rua da Mooca, 1921, Mooca
CEP 03103-902 São Paulo/SP
CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 3
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?
Introdução
Índice
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.....................................................................................................
4
5
7
8
8
9
10
10
11
12
13
14
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
Remissão entre cadernos e links na Internet.......................................................................................
Glossário...................................................................................................................................................
CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 54
1 Selecionando e organi-
zando o conteúdo de
seu primeiro site
Um exemplo bem-humorado de página sobre dietas para
manter, ganhar ou perder peso.
Algumas pessoas de sua comunidade têm uma
série de materiais históricoscomo 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 palavra-
chave 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.
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.
Você tem uma série de crônicas familiares
que acha que valem a pena ser lidas por outras
pessoas?
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?
para divulgar tais materiais, assim como outros
eventos do seu bairro?
CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET
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.
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.
2 HTML e a
linguagem de rede
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 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.
É 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.
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.
5
CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 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).
Tags de negrito e itálico criadas em um bloco de notas
salvo como arquivo .html.
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=“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>.
6
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.
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.
Exercício de uma imagem com o comando ALT feito no
bloco de notas. Repare no texto escrito entre as aspas.
No browser, a mesma frase aparece em uma caixa quando
posicionamos o mouse em cima da imagem.
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.
CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET
3 Como fazer páginas
online eoffline
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.
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.
Esses são alguns dos recursos oferecidos pelo Kit.net e
pelo Bol, disponíveis em Língua Portuguesa.
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.
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.
7
CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 58
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.
É 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
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
No portal do Acessa SP, as notícias mais recentes estão
no alto da tela para chamar a atenção do leitor.
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
www.brunoavila.com.br/artigo-19-03-03.htm.
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
CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 9
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.
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 poluindoo 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.
Site criado especialmente para ilustrar o que não fazer no
visual da página.
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 visual-
mente e entender quais são as características que
agradam e poderiam ser adotadas em seu site.
Quanto mais referências você tiver, melhor.
CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 510
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ã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 esta registrado nos
Estados Unidos.
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 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.
CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 11
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-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, 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.
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 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. Endereços como
www.infocentrodombosco.hpg.ig.com.br são
exemplos de subdomínios grátis.
CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5
Além dos editoresonline 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!
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
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:
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.
10 O que é e como
montar um blog
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
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 e-mail vinculada ao servidor do blog.
12
CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET
Remissão entre os
Cadernos Eletrônicos
Seção downloads
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.
Editores de páginas online e
servidores gratuitos:
www.vilabol.com.br
www.hpg.ig.com.br/
www.kit.net
http://br.geocities.yahoo.com/
www.tripod.lycos.com
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
Editores de HTML freeware:
www.softwarelivre.rs.gov.br
http://superdownloads.ubbi.com.br/programas/
6webhtm.html
http://www.pegar.com.br
Servidores e editores de blog:
www.blogger.com/
www.weblogger.com.br/
http://blig.ig.com.br/
Cursos online, tutoriais e outros:
www.acessa.sp.gov.br/webaula
www.cdcc.sc.usp.br/tutorial/index.htm
www.e-govestado.weblogger.terra.com.br
www.e-govmunicipio.weblogger.terra.com.br
www.e-govfederal.weblogger.terra.com.br
Websites dos Infocentros:
http://infosaem.weblogger.com.br/
www.infocentrolimeira.hpg.com.br
www.infocentrodombosco.hpg.ig.com.br
www.casadecultura.freesites.com.br/
www.jornal9dejulho.kit.net
www.associacaoforcajovem.kit.net
www.infocentroaps.hpg.com.br
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.
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!
Os monitores dos Infocentros estão criando blogs para
catalogar os serviços de governo eletrônico existentes.
13
CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5
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
“Protocolode 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
CADERNOS ELETRÔNICOS 5 CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET 15
Cadernos
Eletrônicos
Como usar e
gerenciar seus
e-mails
Cadernos
Eletrônicos
Editoração e
processamento
de textos
Cadernos
Eletrônicos
Planilha eletrônica e
e banco de dados
Cadernos
Eletrônicos
Navegação e
pesquisa na
Internet
Cadernos
Eletrônicos
Criação e
publicação de
páginas na Internet
1
2
3
4
5
Cadernos
Eletrônicos
Gerenciamento
e organização de
arquivos
Cadernos
Eletrônicos
Uso da impressora
e tratamento
de imagens
Cadernos
Eletrônicos
Segurança no
computador e
na Internet
Cadernos
Eletrônicos
Multimídia:
vídeo e áudio
no computador
6
7
8
9
10
Cadernos
Eletrônicos
Comunidades virtuais -
listas, chats e outros
CRIAÇÃO E PUBLICAÇÃO DE PÁGINAS NA INTERNET CADERNOS ELETRÔNICOS 5
Publique-se
A Internet é um meio que oferece uma grande diver-
sidade 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.
www.acessa.sp.gov.br