Criar website


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!



Bookmark and Share

 

 

  Sign in   Recent Site Activity   Terms   Report Abuse   Print page  |  Powered by Google Sites