Lição 5 - Criar Website
Poderá ficar admirado mas já tem todas as
condições para criar um primeiro website nem que seja só com algumas
palavras, vamos experimentar?
Recapitulando os passos: abrir o Notepad
E vamos começar com uma frase, escolha a que quiser para fazer este exercicio.
Neste exemplo vamos escolher a seguinte frase:
O meu primeiro website é o melhor do mundo.
Como
tudo o que envolve computadores e linguagens se baseia num código
lógico, tal como o Html da esquerda para a direita e de cima para baixo
e é só seguir essa lógica, em pouco tempo domina o assunto.
Em
primeiro lugar vamos determinar que tipo de ficheiro é, já adivinhou é
com a extensão .html ou .htm (vamos desenvolver mais à frente), para
conseguir ser interpretado pelo Browser, se fosse com a extensão .txt,
ou .jpg o browser não ia entender.
Para isso em primeiro lugar na primeira linha do lado esquerdo, Notepad digitamos: <html>
Assim
o comando <html> é a tag de abertura de qualquer página web que
deve ser fechada como se lembra com o comando da tag de fecho
</html> quando terminar a página HTML.
Então
vamos à parte prática: Pode inserir texto e muito mais entre esta tag
de abertura e tag de fecho <html> e </html>.
Após
a abertura vamos colocar o cabeçalho "head" (cabeça), que fornece
informações sobre o documento e um "body" (corpo), onde se insere o
conteúdo. Ai está a lógica do HTML , a "cabeça" (<head> e
</head>) fica em cima do "corpo" (<body> e </body>)
tal como no nosso corpo.
Eis um exemplo de como aparece no Notepad:
Notepad<html> <head> </head> <body> </body> </html>
Atenção que será importante ter uma estrutura
bem organizada á medida que vai colocando informação, e o voltar para
trás para a frente, saltar, espaços tudo é determinado pelo próprio
editor de texto do Notepad, assim pelo facto de usar a linguagem HTML
não altera as funções do Notepad. Esta é a estrutura básica de qualquer
página web, tão simples:
Abertura, "cabeça", "corpo" e fecho.
Nada do que estava à espera, provavelmente. Agora falta o conteúdo para além da estrutura.
Colocar Conteúdo
Vamos
relembrar que o seu documento HTML contém duas partes: uma head e um
body. Na parte do head insere-se as informações que são fundamentais
para o seu site ser identificado e ser facilmente encontrado na Net e a
outrra parte é o body (corpo) onde insere tudo o que diz respeito à
informação que deseja transmitir e ser visivel para as pessoas, tal
como este texto que está a ler
O
título do documento vai aparecer no browser (navegador) Por iso é
importante escolher um bom título pois vai aparecer no topo da barra do
Browser, para isso deverá usar a secção "head". A tag para acresentar
um título é <title>:
Notepad <title> A melhor página Web </title>
Claro que este título não vai aparecer no
conteúdo da página. O conteúdo que vai ser visivel na página para quem
visita o seu website irá ser colocado entre as tags "body" (corpo).
Vamos lembrar que acima já determinamos o conteúdo que é a seguinte frase: "O meu primeiro website é o melhor do mundo." Esta frase é o que devemos inserir no "body". Assim, vamos a isso: Então digite na seção body o seguinte:
Notepad <p> O meu primeiro website é o melhor do mundo. </p>
Lembra-se que tal como a tag <b>
significa "bold" (negrito) a tag <p> significa a abreviatura
para "paragraph" (parágrafo) que lógicamente corresponde ao conteúdo
que é um texto parágrafo.
Vamos então fazer o quadro completo e o seu Notepad em HTML fica assim:
Notepad<html>
<head>
<title> A melhor página Web </title>
</head>
<body>
<p> O meu primeiro website é o melhor do mundo. </p>
</body> </html>
PARABÉNS ! Começou a sua aventura em websites, acabou de construir uma página...
e
agora como a mostrar ao mundo pela Net...vamos continuar, o resto
também é facil. Depois no Notepad salve o documento com a extensão
.html isso é muito importante por exemplo "guarde como" :
experiencia.html
depois
clique nessa página que guardou e veja o resultado e aí está, uma
página pronta a ser mostrada ao mundo...bom, quer dizer, ainda falta o
ALOJAMENTO e o DOMINIO para estar sempre acessível na Net, o que quer
dizer precisa fazer upload para um alojamento na Net...isto é fácil,
iremos desenvolver mais para a frente!
|
|