ACT – HTML

Aula 01

Internet / HTML (Páginas / Sites)

Antes de começar a trabalhar com HTML, esta aula tem por objetivo apresentar os termos básicos que envolvem o HTML – Linguagem de Marcação de Texto.

Atividade 

1

Internet – World Wide Web

2

Protocolo – TCP / IP e  HTTP

3

HomePage 

4

Site

5

Browsers

6

URL (Uniform Resource Locator ou, em português, Localizador de Recursos Uniforme)

7

HTML

Link do material:

Aula

Modelo:

CRÉDITOS: 

Tutorial com comandos das tags de marcação da linguagem HTML. TCDF – Tribunal de contas do Distrito Federal. Disponível em: Comandos HTML

Adaptado pelo autor

Aula 02

Introdução ao HTML – Informações básicas

Esta aula tem como objetivo dar continuidade aos ensinamentos sobre lógica utilizando um jogo um pouco mais aprimorado.
A ideia é que o aluno consiga identificar em um fluxograma qual atividade está errada durante o fluxo e propor uma solução para aquele exercício

Atividade 

1

Tags – Função de cada Tag

2

Estrutura básica

3

Regras do HTML

4

Partes básicas do HTML

• Cabeçalho da página
• Título
• Script
• Meta
• Corpo do texto
• Títulos e subtítulos
• Negrito, itálico e sublinhado
• Parágrafos
• Alinhamento
• Quebra de linha
• Fontes

Link do material:

Aula

Exemplo

Modelo:

CRÉDITOS:
Tutorial com comandos das tags de marcação da linguagem HTML. TCDF – Tribunal de contas do Distrito Federal. Disponível em: Comandos HTML

Adaptado pelo autor

Aula 03

Partes básicas HTML

Esta aula tem como objetivo apresentar as TAGS utilizadas para formatação de fontes, inserção de links na página, link especial, inserção de imagens, associação de texto a imagem.

Atividade 

1

Atributos de Fontes: 

• Cor
• Tamanho
• Tipo

2

Imagens:

• URL absoluto
• URL relativo
• ALT
• Alinhamentos
• Dimensões

Link do material:

Aula

Exemplo

Modelo:

CRÉDITOS:
Tutorial com comandos das tags de marcação da linguagem HTML. TCDF – Tribunal de contas do Distrito Federal. Disponível em: Comandos HTML

Adaptado pelo autor

Aula 04

HTML – Listas e Seções

Esta aula tem por objetivo estruturar a elaboração de páginas na internet utilizado listas e seções e reforçar o aprendizado dos comandos utilizados nas aulas anteriores.

Atividade 

1

Tags para criação de listas:

• Listas ordenadas 
• Listas não ordenadas
• Listas ordenadas com caracteres especiais

2

Seções

• Id
• Texto
• Imagens

Link do material:

Aula

Exemplo

Modelo:

CRÉDITOS:
Tutorial com comandos das tags de marcação da linguagem HTML. TCDF – Tribunal de contas do Distrito Federal. Disponível em: Comandos HTML

Adaptado pelo autor

Aula 05

Links

Esta aula tem por objetivo explorar as tags para inserção de links em páginas HTML. Tags para criação e formatação de links, links para arquivos, links para sites externos.

Atividade 

1

Links:

• Href
• Atributos de A
• Especificar links
• Link especial

Link do material:

Aula

Exemplo

Modelo:

CRÉDITOS:
Tutorial com comandos das tags de marcação da linguagem HTML. TCDF – Tribunal de contas do Distrito Federal. Disponível em: Comandos HTML

Adaptado pelo autor

Aula 06

Tabelas

Esta aula tem por objetivo organizar e distribuir informações com o uso de tabelas, através de tags para adição de linhas e colunas, formatação de células e inserção de imagens.

Atividade 

1

Tabelas:

• Linha
• Coluna
• Células
• Imagens

Link do material:

Aula

Exemplo

Modelo:

CRÉDITOS:
Tutorial com comandos das tags de marcação da linguagem HTML. TCDF – Tribunal de contas do Distrito Federal. Disponível em: Comandos HTML

Adaptado pelo autor

Aula 07

Desafio: Elaboração de página na internet

Esta aula tem por objetivo desafiar os alunos do curso para que elaborem uma página na internet utilizando todos os recursos apresentados em sala de aula. Uma página pronta é apresentada para que tomem como base para a criação da página com o tema livre.

Atividade 

1

Elaboração de página na internet

• Texto
• Fonte
• Alinhamento
• Parágrafo
• Itálico, negrito, sublinhado
• Imagens
• Links
• Tabelas

Link do material:

Aula

Exemplo

Modelo:

CRÉDITOS:
Tutorial com comandos das tags de marcação da linguagem HTML. TCDF – Tribunal de contas do Distrito Federal. Disponível em: Comandos HTML

Adaptado pelo autor