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>:
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>:
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:
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:
Como construir Tráfego para o teu Site,
Ganhe dinheiro com o seu site.
Guia e dicas, experimente:
http://ganhar.noble7fix.com
Ganhe dinheiro com o seu site.
Guia e dicas, experimente:
http://ganhar.noble7fix.com
Guia Prático HTML
Lição 5 - Criar Website
Construir um Website
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.
Abertura, "cabeça", "corpo" e fecho.
Nada do que estava à espera, provavelmente. Agora falta o conteúdo para além da estrutura.
Claro que este título não vai aparecer no conteúdo da página. O conteúdo que vai ser visivle 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:
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:
Guia Prático HTML
Copyright © 2007 by Noble7fix · All Rights reserved · E-Mail: noble7fix@gmail.com
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:
Vamos então fazer o quadro completo e o seu Notepad em HTML fica assim:
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
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