Tuesday, November 18, 2014

Create Your Own HTML Site

HTML é a base dos sites que você gosta na internet.

Até o final desta lição você vai construir um site sobre um passatempo seu.

Siga as instruções abaixo para começar.

1. Abrir o programa WordPad.

2. Copiar o conteúdo seguinte e colar no WordPad.



<!DOCTYPE html>

<html>

<title>

<!-- adicionar um título aqui -->

</title>


<body style="background-color: ######">

<h1 style="color: ######">

<!-- escreva o nome do seu passatempo aqui -->

</h1>


<img src="copiar e colar o endereço de uma imagem na internet do seu passatempo">


<p style="color: ######">

<!-- Escreva um parágrafo sobre seu passatempo preferido -->

</p>


<h3 style="color: ######">by</h3>


<h2 style="color: ######">

<!-- escreva seu nome -->

<h2>


</body>

</html>



3. Clicar em "Salvar Como" para nomear seu arquivo "site.html" e salvar na pasta "Documentos".

4. Abrir um navegador (Chrome, Firefox, Safari, or Internet Explorer).

5. Clicar em "Abrir Arquivo" e escolher o seu arquivo, "site.html", que está na pasta "Documentos".

6. Voltar ao NotePad e mudar o texto em vermelho para adicionar seu própio conteúdo.

7. Mudar o texto em verde para colorir o conteúdo e fundo da página do seu próprio jeito. Clicar no link para ver opções e nomes das cores. http://www.w3schools.com/html/html_colornames.asp

8. Buscar uma imagem do seu passatempo no Google. Clicar em "View Image" e copiar o endereço da barra de navegação de cima. Colar o endereço da imagem no lugar do texto azul para adicionar a imagem.

9. Clicar em "Salvar" depois de cada mudança que você faz.

10. Para ver as mudanças, Reload a página no seu navegador.

No comments:

Post a Comment