Introdução ao HTML

Desde do Zero

Internet é uma rede de computadores conectados em toda a extensão do

Globo Terrestre que oferece diversos serviços a seus usuários como podem ser o
correio eletrônico, o chat ou a web. Todos os serviços que oferece a Internet são
realizados por milhares de computadores que estão permanentemente ligados e
conectados à Internet, esperando que os usuários lhes solicitem os serviços e
servindo-os uma vez solicitados. Como dissemos, há servidores para tudo, os que
oferecem correio eletrônico, outros tornam possível nossas conversas por chat,
outros a transferência de arquivos ou a visita às páginas web e assim até completar
a lista de serviços de Internet.

Também existe outro tipo de servidor que são os que se encarregam de

prover de acesso à Internet a nossos computadores, são os provedores de acesso,
os servidores aos que nos conectamos com nossos modems. Quando fazemos a
chamada com o modem aos servidores que provêm o acesso entramos e fazemos
parte da Internet e enquanto mantivermos a conexão poderemos acessar a todos
os servidores espalhados por todo o mundo e solicitar-lhes seus serviços.

No momento que pedimos um serviço de Internet nos convertemos em

clientes do servidor que o oferece. Para solicitar um destes serviços é necessário
contar com um programa especial que costuma ser diferente para cada serviço da
Internet. Por exemplo, para acessar ao correio eletrônico utilizamos Outlook, para
acessar à web utilizamos Firefox ou Internet Explorer ou para entrar no chat
utilizamos um programa como Mirc ou Pirch. Todos estes programas que nos dão
acesso aos serviços da Internet se denominam clientes, como se pode ver, para ser
o cliente de um servidor de Internet necessitamos um programa cliente do serviço
ao que tentamos acessar.

A Web é um serviço da Internet

Comentamos o serviço da Internet que nos interessa, o serviço web, e logo seu
funcionamento e outras coisas básicas.

Toda esta introdução serve para percebermos que a Internet é um conjunto

de serviços e a web, que é o que queremos analisar, não é mais do que um deles.
Provavelmente seja o mais popular neste momento e às vezes parece que a
Internet se limita à Web, como nos anúncios de imprensa, onde quase sempre nos
vendem portais ou produtos da Web como se eles fossem o único que se pudesse
fazer na Internet. A Web é então, um serviço que consiste em um imenso conjunto
de páginas conectadas umas às outras por um sistema de links.

O sistema no qual está construído a web chama-se hiper-texto e é um

emaranhado de páginas conectadas com links. Os sistemas de hiper-textos são
utilizados em outros contextos, como a ajuda do Windows, e são muito fáceis de
utilizar e de encontrar o que buscamos rapidamente. A web não só se limita a
1

apresentar textos e links, como também pode nos oferecer imagens, vídeos, áudios
Página

e todo o tipo de apresentações, chegando a ser o serviço mais completo em meios

que tem a Internet. Por esta razão, para nos referirmos ao sistema que implementa

Instrutor: Igo Rafael / Washington Oliveira

a Web (hipertexto) se cunhou um novo termo que é a hipermídia, fazendo
referência a que a web permite conteúdos multimídia.

A multimídia, caso alguém ainda não conheça, faz referências a muitos

meios, somente quer dizer que estão sendo utilizados muitos meios para
apresentar informações como são o vídeo, o áudio ou a realidade virtual. Quando
nos vendem um computador multimídia, nos vendem um computador que está
construído para poder trabalhar com muitos meios como imagem, áudio, animação,
vídeo, etc.

Como é uma web por dentro

Aproximamo-nos de uma página web por dentro, ou seja, analisamos como estão feitas
por dentro.

Quando vemos em nosso navegador ou cliente web, uma página web,

parece uma só entidade, mas, não é assim, ela está composta por uma série de
arquivos diferentes, como são as imagens, os possíveis vídeos e o mais importante,
o código de origem que diz aonde colocar cada texto, cada imagem ou cada vídeo e
a forma que estes terão ao serem colocados na página. Não é um problema que as
webs estejam compostas por tantos elementos, já que rapidamente veremos que
sua organização é fácil e que não os perderemos ou nenhum deles escapará.

Como podemos ver de forma resumida, para publicar na Internet

necessitaremos construir alguns documentos hipertextos ou hipermídia, com seus
correspondentes arquivos de imagens ou vídeos e colocá-los em alguns
computadores que são servidores de páginas web. Mas isto é algo que vamos tratar
de explicar pouco a pouco nos seguintes capítulos.

Embora signifique adiantar os conhecimentos, é interessante assinalar que

com uma simples ação podemos ver o código de origem das páginas, ou seja, como
estão feitas por dentro. Para isso, no Internet Explorer há que clicar no menu Exibir
> Código Fonte e no Netscape há que selecionar Ver > Origem da página.

Passos prévios I, pensar em um tema

Antes de iniciar a criação das páginas é aconselhável pensar no tema que será tratado e
que este seja atraente.

Para publicar uma página na Internet devemos seguir alguns passos,

primeiro um planejamento, logo a construção das páginas e mais tarde, a
divulgação e a constante atualização das páginas. Neste capítulo vamos ver quais
são estes passos prévios que devemos realizar para que nosso esforço e resultados
sejam os melhores possíveis, ou seja, vamos ver qual é o planejamento que há que
fazer antes de colocar mãos à obra.

Pensar em um tema

Pode ser o mais importante dos passos para a criação de uma web. Há que
elaborar a idéia e juntar os dados sobre o tema escolhido para sua página na
2

Internet.
Página

Instrutor: Igo Rafael / Washington Oliveira

 Quando fazemos inclusive uma página pessoal, podemos falar de algum
tema interessante como nosso time de futebol ou nosso cantor favorito, ou de um
tema que nos comova profundamente, como a ecologia ou a história de nossa
região.

Também podemos construir uma página que trate de nossa família ou de

nossos cães, ou de ambos juntos, mas temos que levar em conta que o valor desse
tipo de página é bem menor e que certamente os demais usuários não irão se
interessar. Se desejarmos construir uma página que algum dia seja popular,
devemos abordar temas que sejam de interesse para um grupo de pessoas.

Uma vez pensado o tema é muito importante juntar o máximo de dados

possíveis sobre ele, embora muitas das idéias possam estar em nossa cabeça, é
importante ter anotações, fotografias ou opiniões de outras pessoas que também
conheçam o assunto que temos em mente. Insisto que é importante que o material
que vamos publicar tenha o maior valor possível, pois assim conseguiremos os
melhores resultados.

Passos prévios II, Estrutura do site

Há que pensar também na estrutura do site e como defini-lo.

Também é importante pensarmos na estrutura dos conteúdos de todo o site

antes de desenhá-lo. Neste ponto temos que pensar sobre várias coisas, como as
distintas seções que vai conter o site, a ramificação das páginas que vamos tratar,
etc.
A maneira para que este ponto seja realmente útil, é preparar todas as
idéias no papel. Com toda a tranqüilidade do mundo e com toda a determinação
possível vamos preparar uma série de diagramas e listagens que nos permitam
dirigir nossos esforços da mellhor forma.

Seções do site: Poderemos pensar em quais seções vamos colocar no site.

Uma com informação geral, outra com informação de contato, outra com uma visita
gráfica as nossas instalações, etc.

Diagrama do site: Podemos desenhar em um papel quais são as distintas

seções do site, colocando-as dentro de quadrados e representar também os links
existentes entre cada seção mediante linhas que unam esses quadrados. É algo
muito simples e divertido de fazer, além do mais podemos ter novas idéias para o
website na medida que vamos desenhando.

Esquema de uma página: Também podemos desenhar no papel uma

página do site que vamos construir para vermos aonde colocar a barra de
navegação, o logotipo do site ou da empresa, um possível banner publicitário, etc.
Este esquema também pode ser útil na hora de construir as páginas e além do
mais, sempre é mais fácil desenhar sobre o papel do que desenhar diretamente
com o computador.
3

Estes passos são opcionais, qualquer um pode se dispor a construir uma

Página

página logo depois de decidir que deseja ter uma página web, entretanto, nem todo
mundo é capaz de expor bem quais são seus objetivos e fazer um projeto com

Instrutor: Igo Rafael / Washington Oliveira

todos os pontos desenvolvidos de antemão. O mais importante são os resultados
finais, por isso, começar a casa pelo telhado não será positivo para nossa página.
Portanto, os resultados finais melhorarão se fizermos primeiro um bom
planejamento.

O que é necessário para começar

Veremos o pouco que falta para começar a desenhar páginas web.

Para desenharmos páginas web precisamos realmente de pouco material. Na

maioria dos computadores instalados com Windows XP já se encontram todos os
materiais necessários para começar sem necessidade de obter novos programas.

Teoricamente, os materiais necessários são um editor de textos, com o qual

programaremos nossas páginas e um cliente do web como o Internet Explorer ou o
Netscape Navigator. Como em um computador com Windows XP de fato sempre
vem instalado o bloco de notas, e tendo também o Internet Explorer, podemos
então começar a construir uma página web sem mais necessidades do que já
temos.

Em outros sistemas diferentes do Windows XP será também muito fácil obter

um editor de texto simples e um navegador (browser) para que se vejam as
páginas que vamos criar, se já não estiverem instalados. Sites na web onde podem
ser baixados estes programas são Tucows ou Download.com, onde têm software de
todos os sistemas operativos como Windows, Mac OS, ou Linux.

Sem dúvida, em nossa aventura com o desenvolvimento do website já

sabemos vamos necessitar de muitos mais programas como por exemplo,
programas de retoque fotográfico ou editores complexos de páginas web, mas
ainda não é necessário falarmos deles porque não são necessários para dar nossos
primeiros passos.

4
Página

Instrutor: Igo Rafael / Washington Oliveira