Esta é uma série de tutoriais, produzidos pelo grupo P² KLH do projeto ACT, que tem como objetivo fazer uma introdução com os conceitos básicos de HTML.
|
Aula 01 – Introdução ao HTML e inserção de Imagens |
|
Objetivo: Introduzir o HTML e sua estrutura; apresentar algumas tags básicas para a estruturação de um site; e ensinar como inserir imagens em uma página HTML. |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação do projeto e do responsável pela aula |
2 min |
| 2 |
Introdução ao HTML
|
4 min |
|
3 |
O que são Tags + Estrutura de uma página |
4 min |
|
4 |
Ambiente de desenvolvimento |
1 min |
|
5 |
Principais Tags e as características de uma Tag |
2 min |
|
6 |
Criando uma página HTML com imagens |
4 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP: |
||
|
CRÉDITOS:
|
||
|
Aula 02 – Inserção de listas |
|
Objetivo: Introduzir o uso de listas em páginas HTML, apresentando os tipos de listas e suas implementações. |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação do projeto e do responsável pela aula |
2 min |
|
2 |
Revisar o conteúdo da aula 1 |
2 min |
|
3 |
Introduzir listas |
4 min |
|
4 |
Explicar como são implementadas e demonstrar na prática |
5 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP: |
||
|
CRÉDITOS:
|
||
|
Aula 03 – Inserção de Links |
|
Objetivo: Demonstrar na prática o uso de links e âncoras por meio da Tag <a> |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação do projeto e do responsável pela aula |
2 min |
|
2 |
Revisar conteúdo da aula 2 |
2 min |
|
3 |
Aula expositiva: Links |
4 min |
|
4 |
Atributos: Title e Target |
2 min |
|
5 |
Aula expositiva: Âncoras |
4 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP: |
||
|
CRÉDITOS:
|
||
|
Aula 04 – Inserção de tabelas |
|
Objetivo: Introduzir o uso de tabelas na criação de uma página HTML e explicar sua estrutura. |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação do projeto e do responsável pela aula |
2 min |
|
2 |
Introdução: tabelas e sua estrutura no HTML |
4 min |
|
3 |
Aula prática |
4 min |
|
4 |
Apresentação de algumas Tags do HTML5 para estruturação das tabelas |
2 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP: |
||
|
CRÉDITOS:
|
||
|
Aula 05 – Inserção de formulário |
|
Objetivo: Introduzir a criação de formulários em uma página HTML apresentando sua estrutura e as tags que o compõem (seus atributos e usos) |
| Atividade |
Tempo estimado |
|
|
1 |
Apresentação do projeto e do responsável pela aula |
2 min |
|
2 |
Revisar conteúdo da aula 4 |
4 min |
|
3 |
Aula expositiva |
10 min |
|
4 |
Aula prática |
6 min |
|
Acesse o post completo da aula aqui |
||
|
Link do vídeo do Youtube do canal ACT UNICAMP: |
||
|
CRÉDITOS:
|
||