Antes de mas nada a sigla HTML e uma abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto.
Como faço uma página para colocar na Internet?
Você pode usar programas WYSIWYG (Netscape Communicator, Front Page ou outro) para fazer seus arquivos para Internet, porém antes de colocá-los no servidor ou provedor de acesso, deve abrir os arquivos em modo texto no Wordpad ou em qualquer redator de textos, desde que na hora salvá-lo tenha o cuidado de colocar a extensão .htm ou .html e escolher o modo texto. Assim, poderá ir acertando os códigos html para tornar o arquivo compatível com todos os navegadores (browsers).
A) A estrutura de uma página em código html é:
<html>
<head>
<title>Título da página</title>
<META NAME="author" CONTENT="nome do autor da página">
<META NAME="keywords" CONTENT="palavras, chaves, referências">
<META NAME="description" CONTENT="Construa uma página usando html.">
</head>
<BODY TEXT="#000000" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000" BACKGROUND="indexlit.jpg">
<IMG SRC="avesso.jpg" BORDER=0 HEIGHT=60 WIDTH=269>
<FONT COLOR="#FF0000"><FONT SIZE=+2>
textos, imagens, conteúdos diversos que devem aparecer na página</FONT></FONT>
</body>
</html>
Na estrutura acima substitua o texto "Título da página" com o nome da sua página e substitua, de acordo com seu interesse, todos os dizeres entre aspas após a palavra CONTENT nas três linhas iniciadas com <META NAME... As palavras chaves – keywords - é que servirão para facilitar que sua página seja encontrada pelos mecanismos de buscas. Após o termo <BODY... os parâmetros ou atributos colocados entre aspas são variáveis pois determinam as cores e um arquivo de imagem .jpg específico. Também após o termo <IMG... foi colocado um arquivo .jpg que pode ser substituído por outro e os números após os sinais de igual são variáveis de acordo com a vontade de diminuir ou aumentar a imagem. Finalmente, as mesmas observações servem para FONT.
B) Alguns comandos e atributos :
1. Parágrafo utilize:
<P> para quando não tiver atributos ou
<P>...</P> para atributos
Ex: <P>Aqui começa um parágrafo.
2) Para alinhar o texto à esquerda:
<P ALIGN="LEFT"> Este texto será alinhado à esquerda.</P>
Obs: Para alinhar à direita utilize RIGHT e centro, utilize CENTER.
3) Para mudar de linha utilize:
<BR>
Ex: Esta linha termina aqui. <BR>
4) Para deixar uma linha em branco:
<BR>
5) Para inserir uma imagem:
<IMG SRC="...">
Obs: entre aspas deverá ser colocado o nome da imagem .jpg ou .gif
Ex: <IMG SRC = "avesso.gif">
6) Para linkar:
< A HREF="...">...</A>
Obs:
a. entre aspas deverá ser colocado o endereço completo URL (http://...)
Ex: < A HREF="http://www.avesso.net"> AVESSO</A>
e quando o link é para a mesma página < A HREF ="Avesso">Avesso</A>
é preciso colocar no destino < A name ="Avesso">Avesso<A>
b. para abrir a janela de e:mail, deverá ser escrito MAILTO: "..." e entre aspas o e-mail.
Ex: <A HREF =MAILTO:"avesso@avesso.net"> avesso@avesso.net</A>
c. querendo atribuir uma imagem a um endereço de URL ou e-mail, basta digitar o comando de inserir imagem após o link.
Ex: <A HREF = MAILTO:"avesso@avesso.net"> </A> <IMG SRC= "avesso.jpg ></A>
Importante:
1. Querendo ver o código HTML de uma página na Internet, caso não esteja protegida, basta clicar com o botão direito do mouse e escolher "Exibir código fonte".
1. Os nomes de arquivos para Internet devem ser escritos em letras minúsculas, sem inicial maiúscula. Verifique sempre os nomes de arquivos no Windows Explorer pois há programas que mesmo pedindo para salvar o nome em letras minúsculas, eles estão programados para salvá-los com inicial ou extensão em letras maiúsculas.
2. Os programas que editam no modo WYSIWYG ("o que você vê é o que você tem") deixam as páginas mais demoradas para carregar, além de ficarem distorcidas conforme o navegador(browser) utilizado devido, principalmente à concorrência entre a Microsoft e a Netscape. Além disso, o Front Page, Netscape Communicator e outros, salvam os arquivos com extensão diferente : .htm ou .html. Convém ficar atento para que todos os arquivos da página tenham sempre a mesma extensão, pois assim facilitará os links entre as páginas.
3. Depois de um bom treino, o melhor mesmo é utilizar um redator de textos e visualizar as páginas no navegador em off-line.
Nenhum comentário:
Postar um comentário