AULA 01
Introdução à disciplina e descrição dos critérios de avaliação da mesma.
Elaboração do primeiro exercício.
PÁGINA DE HTML
Elementos de avaliação a conter na página:
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 da aula:
Página web pessoal:
http://home.fa.ulisboa.pt/~utilizador
Acesso FileZilla:
- Servidor: home.fa.ulisboa.pt
- Nome de Utilizador: número mecanográfico
- Palavra Passe: Password do Moodle
Colocar todos os ficheiros da página dentro da pasta public_html
Elaboração da ficha html:
1. Abrir o Notepad
2. O ficheiro deve ser guardado com o nome: "index.html"
Construção da página
1. Regras para o código:
Todos os documentos de HTML começam com:
O HTML inicia com <html> e termina com </html>
A parte visível do documento HTML fica compreendida entre <body> e </body>
Exemplo:
<!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>
2. Características Estéticas:
O tamanho de letra é definido por <h1>, <h2>, <h3>, etc.
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>
3. Parágrafos:
Os parágrafos são definidos por <p> no início e no fim </p>
Exemplo:
<!DOCTYPE html>
<html>
<head>
<title>NOME DA PÁGINA</title>
</head>
<body>
<p>ESTE É O MEU PRIMEIRO PARÁGRAFO.</p>
<p>ESTE É O MEU SEGUNDO PARÁGRAFO.</p>
<p>ESTE É O MEU TERCEIRO PARÁGRAFO.</p>
<p>ESTE É O MEU QUARTO PARÁGRAFO.</p>
<p>ESTE É O MEU QUINTO PARÁGRAFO.</p>
</body>
</html>
4. Links:
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>
5. Imagens:
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=“martarodrigues" width="104" height="142">
</body>
</html>
6. Atributos da Cor:
Exemplo:
<!DOCTYPE html>
<html>
<head>
<title>NOME DA PÁGINA</title>
</head>
<body style="background-color:lightgrey;">
<h1 style="color:blue;">SOFIA MACHADO SANTOS</h1>
<p style="color:red;">FACULDADE DE ARQUITETURA </p>
</body>
</html>
Comentários
Enviar um comentário