Aula 5 - Extra

Slide com algumas notas sobre conceitos de html - semântica e css que foram usados nos exercícios em aula e que não estão nos slides anteriores:

• Tag <main></main>
• Tag <figure></figure>
• Box Model e o que está incluído na largura de um elemento (width) e a propriedade box-sizing
• Propriedades line-height e letter-spacing

Download do slide

A organização dos ficheiros e das pastas

Sugestão de organização das pastas e nome dos ficheiros

AULA 5 - Exercício de revisões

Data
25 e 27 de Outubro e 2 de Novembro de 2016

Sumário
Exercício de revisões

Exercício prático
Download do exercício
Visualizar exercício no browser
Visualizar medidas do exercício no browser

AULA 4 - EXTRA - Pseudo-classes: first-child e last-child

Na última aula dos turnos de quinta-feira, durante a resolução do exercício 3, por lapso meu, surgiu um problema. Deixo-vos por isso uma nota extra sobre as pseudo-classes last-child e first-child e um vídeo com a explicação do que aconteceu com o exercício em particular. Caso fiquem com alguma dúvida digam-me na próxima aula.

Slide extra com explicação sobre as pseudo-classes first-child e last-child

AULA 4 - HTML 5: semântica

Data
18, 19, 26 de Outubro de 2016

Sumário
Resolução do exercício da aula anterior.
A semântica no HTML 5.

Recursos teóricos (slides)
HTML 5 - Semântica

Exercício prático
Criação de página web com recurso a tags semânticas de HTML 5

 

Link para visualizar exercício no browser

AULA 3 - Medidas do exercício

Link para visualizar exercício no browser

Dica: esta pseudoclasse pode dar-vos jeito para alinhar as três áreas centrais.

AULA 3 - Introdução à programação web: HTML e CSS (continuação da aula anterior)

Data
11, 13, 19 de Outubro de 2016

Sumário
Continuação da aula anterior.
Exercício práctico (HTML e CSS).

Recursos teóricos (slides)
Introdução ao HTML (continuação) e introdução ao CSS

Exercício prático
Criação de página web com recurso a tags HTML e formatação com CSS