Aula 1
Data: 22 de setembro de 2022
Súmario: - Introdução à disciplina e descrição do sistema e critérios de avaliação.
- Introdução do primeiro exercício.
Página de HTML - Layout Final
A página HTML deve conter:
- Fotografia do Aluno
- Identificação da Universidade e da Faculdade
- Nome do Aluno
- Número mecanográfico
- Turma do Aluno
- Nome da Disciplina
- Nome do Docente
- Ano
- Semestre
- Link para o blog
- Links para download de entrega dos exercícios
Apontamentos de HTML
Introdução
- o código inicia e acaba com <html> - depois de <html> coloca-se <!doctype html>
- depois de <!doctype html> coloca-se <body>
- a parte visível do código fica entre os comandos <body>
Exmplo:
<!DOCTYPE html>
<html>
<head>
<title>NOME DA PÁGINA</title>
</head>
<body>
<h1>TÍTULO DA PÁGINA</h1>
<p>UM PARÁGRAFO SOBRE UMA COISA QUALQUER</p>
</body>
</html>
Caracteristicas Estéticas
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>NOME DA PÁGINA</title>
</head>
<body>
<h1>TAMANHO DE LETRA 1</h1>
<h2>TAMANHO DE LETRA 1</h2>
<h3>TAMANHO DE LETRA 1</h3>
<h4>TAMANHO DE LETRA 1</h4>
<h5>TAMANHO DE LETRA 1</h5>
<h6>TAMANHO DE LETRA 1</h6>
</body>
</html>
- os parágrafos são definidos por <p> no início e no fim
- os links são definidos por <a href="link"></a>
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>NOME DA PÁGINA</title>
</head>
<body>
<a href="http://www.ga-s2.com">O MEU SITE</a>
</body>
</html>
- as imagens são definidas por <img>:
- src indica qual é que é o ficheiro
- alt o nome
- width e height o tamanho
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>NOME DA PÁGINA</title>
</head>
<body>
<img src=“foto.jpg" alt=“anacosta" width="104" height="142">
</body>
</html>
 |
| programação do site |
 |
| vizualização do site |
Comentários
Enviar um comentário