Académique Documents
Professionnel Documents
Culture Documents
5
Criação e
publicação de
páginas na Internet
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
Índice
1. Selecionando e organizando o conteúdo de seu primeiro site.................................................... 4
2. HTML e a linguagem de rede........................................................................................................... 5
3. Como fazer páginas online e offline................................................................................................ 7
4. Design gráfico: cuidados com o visual do site.............................................................................. 8
5. O que evitar no visual do seu site..................................................................................................... 8
6. Hospedagem de páginas................................................................................................................ 9
7. Colocando seu site no ar com FTP..................................................................................................10
8. Sobre registros de domínio e escolha dos nomes de subdomínios............................................10
9. Divulgar é preciso, apareça!.............................................................................................................11
10. O que é e como montar um blog..................................................................................................... 12
Remissão entre cadernos e links na Internet....................................................................................... 13
Glossário................................................................................................................................................... 14
zando 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?
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 Esses são alguns dos recursos oferecidos pelo Kit.net e
pelo Bol, disponíveis em Língua Portuguesa.
<BODY> Início do Corpo do Texto da
A maioria dos servidores que oferecem
Página editores online e hospedagem requer do usuário a
</BODY> Fim do Texto da Página escolha de uma categoria para inserir o site que
</HTML> Fim do Documento deseja construir e hospedar. Feita essa escolha,
Salve o bloco de notas com a basta seguir as instruções dos editores online.
Você também pode editar suas páginas sem
extensão .html, depois visualize em
estar conectado à rede. Para isso, é necessário que
um browser como ficou sua você tenha instalado em seu micro algum programa
formatação. editor de HTML. O Windows, por exemplo, oferece
o Microsoft FrontPage.
Depois de prontas, a transferência de suas
Para tornar esse processo mais fácil e menos páginas e arquivos para o servidor que irá hospedá-
tedioso, alguns programadores criaram softwares las deve ser feita com um aplicativo de FTP, como
que, a partir desses modelos já consagrados, veremos adiante.
permitem que alteremos apenas alguns elementos,
sem necessariamente editarmos por completo uma
página. Esses programas, os chamados editores de
Dica
HTML online, com apenas alguns cliques de mouse Há uma série de bons editores
oferecem várias soluções para a confecção de de HTML gratuitos e alguns em
páginas. Com eles, podemos escolher um modelo
padrão, configurar as cores, fontes, imagens e itens
Língua Portuguesa que permitem
afins, liberando-se de ter de dominar todos os códigos que você edite suas páginas em
para confecção de páginas, podendo preocupar-se modo offline, como o Bragasoft Visual
apenas com o conteúdo. HTML e o Fast HTML. Existe ainda o
Já existe na rede, em Língua Portuguesa, uma MAX’s HTML Beauty, o HotDog
série de servidores que oferece esses editores para
Professional e o Bask HTML. Consulte
a criação de homepages. Esses servidores
disponibilizam editores de HTML com instruções a seção “Links na Internet” para
passo-a-passo para quem não conhece essa saber onde adquirir esses aplicativos.
linguagem.
É importante usar texto com contraste e cores Navegando pela Internet você deve encontrar
de plano de fundo, para que os caracteres fiquem o muitos sites que não lhe agradam por causa do
mais legível possível. Se o fundo da tela for escuro, visual, embora não saiba exatamente por que você
as letras devem estar em cores claras. Assim o não gostou. Vamos ver alguns aspectos que devem
contraste fica mais evidente e mais fácil de ler. ser evitados ao se fazer um site para que você não
As informações mais importantes da página cometa erros e também saiba como identificar as
devem estar visíveis “acima da dobra” (na primeira falhas dos sites de que não gostou. Vamos usar
tela de conteúdo, sem rolar), pois muitas vezes o como exemplo um site que foi desenvolvido por
usuário não percebe que há mais informações para Bruno Ávila justamente para ilustrar o que não deve
“abaixo da dobra” e acaba não interagindo com esse ser feito. O site está disponível no endereço
conteúdo. O que é importante precisa ser mostrado www.brunoavila.com.br/artigo-19-03-03.htm.
logo no início. Segundo o criador da página do exemplo, o
Um outro cuidado que se deve tomar é com primeiro cuidado é com a cor de fundo em conflito
a quantidade de texto. As pessoas que utilizam a com a cor da fonte (letras). O fundo xadrez dificulta
Internet geralmente não têm muito tempo disponível a leitura do que está escrito principalmente porque
Exemplo de como divulgar sua homepage, neste caso O Anel de Poesia é um dos maiores webrings em Língua
usando o geocities. Portuguesa.
Seção downloads
Tela com o texto editado. É dessa forma que o texto da
imagem anterior será visualizado online. Editores de páginas online e
as tags. Clique em “Publicar” ou “Enviar”. Pronto! servidores gratuitos:
Seu texto já estará no ar, disponível para quem www.vilabol.com.br
desejar lê-lo. www.hpg.ig.com.br/
Então, que tal pôr a mão na massa? Escolha www.kit.net
um servidor que ofereça editores de HTML online e http://br.geocities.yahoo.com/
hospedagem gratuita, arregace as mangas, mobilize www.tripod.lycos.com
toda a sua disposição e criatividade e faça a sua Editores de HTML freeware:
própria homepage ou o seu blog.
www.softwarelivre.rs.gov.br
http://superdownloads.ubbi.com.br/programas/
6webhtm.html
http://www.pegar.com.br
Como usar e
1 Cadernos
Eletrônicos
Gerenciamento
6
gerenciar seus e organização de
e-mails arquivos
Cadernos
Eletrônicos
Editoração e
2 Cadernos
Eletrônicos
7
Uso da impressora
processamento e tratamento
de textos de imagens
Cadernos
Eletrônicos 3 Cadernos
Eletrônicos
8
Planilha eletrônica e Comunidades virtuais -
e banco de dados listas, chats e outros
Cadernos
Eletrônicos
Navegação e
4 Cadernos
Eletrônicos
Segurança no
9
pesquisa na computador e
Internet na Internet
Cadernos
Eletrônicos
Criação e
5 Cadernos
Eletrônicos
Multimídia:
10
publicação de vídeo e áudio
páginas na Internet no computador
www.acessa.sp.gov.br