|
Curso de Webdesign
Material
de Curso de Webdesign Gratuito |
|
EXERCÍCIO 1 Vamos praticar?
Bem entendido os conceitos básicos e você mais feliz, vamos criar nossa primeira
página.
1º) Abra o Bloco de Notas – Iniciar/Programas/Acessórios/Bloco de Notas
2º) Digite o código da listagem 1.2. Após digitá-lo salve na pasta Meus Documentos ou
em outra se preferir com o nome exemplo1.html. Como?
Resposta:
1) Abra o Menu Arquivo e escolha Salvar
2) Na janela que aparecer como mostrar figura 1.1, faça as seguintes tarefas:
2.1) Na opção Salvar em selecione a pasta onde deseja salvar, no caso Meus
Documentos
2.2) Na opção Nome do arquivo coloque o nome do arquivo exemplo1.html
2.3) Finalmente clique no botão Salvar.
Listagem 1.2
<html>
<head>
<title>Minha Home Page</title>
</head>
<body>
Aqui neste espaço desenvolverei minha Home Page!
Aguarde!!
</body>
O TÍTUO ADICIONADO NA PÁGINA ATRAVÉS DO TAG TITLE
</html>
|
|
Fim da Listagem 1.2
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço
digite C:\Meus documentos\exemplo1.html. Veja a figura 1.2
Exercício 2 – Vamos aprender mais um pouco?
Em alguns momentos em sua página faz necessário comentar alguns trechos do código
para facilitar na leitura e manutenção da página, por isso adicionamos comentários, ou
seja, palavras ou frases que não são exibidos no Nevegador, apenas são visto como
estamos trabalhando no código fonte.
Na listagem 1.3 faremos um novo exemplo e incrementaremos novos tags. Digite a
listagem 1.3 abaixo e salve com o nome exemplo2.html na pasta Meus Documentos.
�� ATENÇÃO: Salve sempre os seus exemplos na pasta Meus Documentos, o processo
para salvar é igual ao do Exemplo1, troque apenas o nome do arquivo. Na dúvida
veja o exemplo 1. Tudo bem?
Listagem 1.3
<!Início do Documento HTML>
<html>
<head>
<title>Melhorando Minha Home Page</title>
<meta name="author" content="NMBS Informática">
<meta name="keywords" content="html, homepages">
</head>
<! Início do Corpo da Página>
<body>
<h1>Este é o título Principal</h1>
<h2>Este é o título Secundário</h2>
<h3> Estou adorando criar páginas</h3>
<hr>
<p>Este é o 1º Primeiro Paragráfo <br> Esta é 2ª
Linha do 1º Paragráfo
<p>Com este recurso inicio um paragráfo<br> E Com
este recurso quebro uma linha
<hr>
<! Fim do Corpo da Página>
</body>
</html>
<! Fim do Documento HTML>
Fim da Listagem 1.3
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço
digite C:\Meus documentos\exemplo2.html. Veja a figura 1.3
CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO
Agora, que você viu o resultado do exemplo2.html a cada vez mais feliz, por está
entendendo esta linguagem, vamos passar para o Exercício 3.
|
