 |
 |  | |||||||
 | ||||||||
 |
A criação de home pages é uma tarefa que pode ser executada por qualquer internauta, iniciante ou experiente. Uma home page é criada pelos comandos de uma linguagem chamada "HTML". Depois de aprender meia dúzia de comandos, o internauta já pode criar uma home page. Um programa "HTML" nada mais é do que um arquivo de texto, que pode ser gerado até pelo Bloco de Notas do "Windows", que contém os comandos da linguagem. Esse arquivo deve possuir a extensão .htm, como menu.htm. Para criar e testar uma home page, o usuário precisa ter apenas um navegador instalado na máquina. Não é preciso estar conectado à Internet. Uma página em "HTML" tem três elementos básicos: texto, hiperlinks e imagens. A parte textual da home page é composta pelo texto acomodado em parágrafos, cabeçalhos e linhas divisórias. As imagens são fotos ou figuras gravadas nos formatos gráficos JPG ou Gif. Os hiperlinks são um tipo especial de texto que, ao ser clicado, instrui o navegador para abrir outra página ou imagem. O comando <HTML> deve ser o primeiro e o último comando do programa. Note que o comando que fecha possui uma barra </HTML>. O comando <HEAD> </HEAD> é opcional, mas deve ser incluído, pois é usado para especificar diversas características da página. O comando <TITLE> </TITLE> exibe o texto que envolve na barra de título do navegador. O par <BODY> </BODY> envolve todos os comandos que são efetivamente responsáveis pela formatação da página. Abaixo segue a ordem de comandos obrigatórios para a estrutura de uma home page: <HTML> Depois de digitar os comandos acima, o usuário deve entrar com o texto que será exibido na página e os comandos especiais para formatar o texto ou inserir imagens e links. Esses novos comandos devem ser digitados entre os comandos <BODY> </BODY>. Usando o Bloco de Notas do "Windows", você deve digitar o texto normalmente. Contudo é importante lembrar que o navegador só entenderá que você terminou um parágrafo se digitar um comando <P>, que irá deixar uma linha em branco. O comando <BR> também pode ser usado para iniciar uma nova linha. De nada adianta pressionar a tecla Enter no fim de um parágrafo. O navegador não entende esse comando. Para alterar o tamanho ou a cor de um texto, use o comando <FONT SIZE=x COLOR=cor> texto</FONT>, em que x é um número de 1 (o menor) a 7 (o maior tamanho que é aplicado ao texto envolvido pelo comando). O parâmetro color= é opcional e pode ser usado para especificar uma cor diferente. Podem ser usados nomes de cores ou códigos. Exemplo: blue, yellow, green, white etc. Imagens Para inserir uma imagem, use o comando <IMG SRC="nome">, em que nome deve ser substituído pelo nome do arquivo de imagem. Exemplo: foto.gif, toto.jpg. A imagem é sempre exibida no local onde o comando foi inserido. Se for colocada no meio de um texto, a imagem aparecerá no meio da linha, envolvida por ele. Pode-se, contudo, alinhar a imagem pelo parâmetro Align. Exemplo: <IMG SRC="acro.jpg"> <align=left>. O parâmetro Align aceita os valores left, right e center para exibir a imagem à esquerda, à direita ou centralizada na linha onde foi colocada. Um tipo especial de link permite ativar o programa de e-mail automaticamente. Basta especificar, no lugar do endereço, mailto: seguido do endereço eletrônico. Exemplo: Somente com esses comandos já é possível criar uma home page. Nas próximas edições, a Folha trará mais detalhes desses comandos, além de novos tópicos, como criar tabelas e listas e inserir som em uma página. <TABLE></TABLE> define a tabela e deve envolver os demais comandos. <TR></TR> define uma linha da tabela. Se a tabela possuir três linhas deverá conter três pares deste comando. <TD></TD> Cria as colunas, ou células de cada linha da tabela. Se a tabela tiver quatro colunas, dentro de cada comando <TR></TR> deverão existir quatro pares destes comandos. Para inserir uma linha de comentário no programa HTML e que não é executado pelo browser use os caracteres <!-- para iniciar a linha. Veja um exemplo de uma tabela com duas linhas e três colunas <!-- início da linha 1--> <TR> <TD>Linha1 Col 1 </TD> <TD>Linha1 Col 2</TD> <TD>Linha1 Col 3</TD> </TR> <!-- fim da linha 1 --> <TR> <TD>Linha2 Col 1 </TD> <TD>Linha2 Col 2</TD> <TD>Linha2 Col 3</TD> </TR> </TABLE> Dentro do comando <TD></TD> você pode colocar qualquer texto, imagem ou comando HTML. O comando <TABLE> de abertura aceita vários parâmetros. Um deles é o parâmetro border. Se não for especificado a tabela terá uma linha envolvendo todas as células. Se for especificado zero como valor, nenhuma borda é exibida. Bordas podem ser exploradas para exibir imagens envolvidas por molduras. Uma tabela sempre vai ocupar a largura total da página a menos que seja especificada a opção width=x ond x é um número em pixels ou um percentual em relação a largura da janela. Exemplo <table width=200> ou <table width= 50%>. Através do parâmetro align=left/center/right pode-se especificar a posição da tabela dentro da largura da página. Você pode aninhar tabelas, ou seja criar tabelas dentro de tabelas. Por exemplo, dentro de uma célula de uma tabela você pode criar a definição de outra tabela. Tome bastante cuidado ao criar tabelas pois todos os comandos tem que abrir e fechar em pares. Um deles que fique sem o correto fechamento vai causar efeitos imprevisíveis na exibição da tabela. Se você acessar o tutorial online (www.ramalho.com.br/folha.htm) verá dois exemplos de tabelas sob o item Semana 4. O uso de tabelas oferece bastante opções para criar layouts de páginas interessantes. Por exemplo, você quiser criar uma página com colunas de texto como um jornal basta criar uma tabela com apenas uma linha e duas colunas ou três colunas, colocando o texto dentro de cada comando <TD>. As listas são classificadas em listas ordenadas, criadas com o par de comandos< OL></OL>, que colocam números na frente dos itens da lista, e listas não ordenadas, criadas com <UL></UL>, que colocam marcadores. Independente do tipo de lista usado, cada item deve ser precedido pelo comando <LI>. Veja exemplo de construção dos dois tipos de lista. <h2>Exemplo de marcadores alternativos</h2> Se estiver em outro diretório, use "file://" antes do caminho do arquivo. Para carregar um arquivo chamado lista que estivesse num diretório chamado exemp do drive e:, o comando seria o seguinte: Quando o arquivo estiver na Internet, preceda o seu nome com o protocolo usado pelo site, como "http://", "ftp://" etc. A minha página é acessada com o comando <A HREF="http://www.weblogger.com.br"> Weblogger Brasil </A>. Um documento que contenha três partes poderia ter três âncoras colocadas em pontos estratégicos: <A HREF="#parte3"> Acessa a terceira parte</A> Se você desejar acessar uma âncora em outro documento, especifique o nome do documento acrescentado do nome da âncora: Ao contrário dos outros formatos de som a música no formato .ra não pode, na maioria dos casos, ter o seu arquivo gravado no seu disco, apenas um arquivo de parâmetros, indicando onde está a música em um servidor real audio é armazenada no disco. Para ouvir esta música, além de estar conectado a internet você precisa possuir o plugin Real audio. Adaptado de: http://www.weblogger.com.br
| Veja também
| |||
  | ||||||||
| ||||||||
| ||||||||
