Este plano de aula tem como objetivo ensinar HTML básico para alunos de especialização em engenharia de software. A aula apresentará a história e sintaxe do HTML, seus principais elementos como tags, e exemplos de formulários e JavaScript. Os alunos participarão de um exercício prático no final para reforçar os conceitos aprendidos.

1. PLANO DE ENSINO:
PLANO DE AULA
I. DADOS DE IDENTIFICAÇÃO:
UFPR – UNIVERSIDADE FEDERAL DO PARANÁ
PROFESSOR: SILVIO SALES DO NASCIMENTO JÚNIOR
CURSO: ESPECIALIZAÇÃO EM ENGENHARIA DE SOFTWARE SÉRIE: ÚNICA TURMA: 2016
DATA: 16 DE SETEMBRO DE 2017 DURAÇÃO PREVISTA: 30 MINUTOS
ATIVIDADE DE: DISCIPLINA - PROGRAMAÇÃO EM JAVA PARA WEB ASSUNTO: HTML BÁSICO
II. MOTIVAÇÃO: Através de um exemplo visual com projetor multimídia, será apresentado a página de web da universidade e
identificado as tecnologias que ela utiliza, encontraremos logo no início a linguagem HTML, mostrando que o conteúdo desta aula é
o início para utilização das demais tecnologias.
III. OBJETIVO GERAL: Ao final da aula, o aluno deverá ser capaz de: Compreender sobre a sintaxe e estrutura de páginas HTML;
Utilizar seus elementos; Será capaz da básica produção de páginas web utilizando a linguagem HTML.
OBJETIVOS
ESPECÍFICOS
CONTEÚDO ESTRATÉGIA RECURSOS AVALIAÇÃO
O aluno deverá ser
capaz de:
1. Compreender o que
é HTML e como ele
está presente nas
páginas de web além
de um breve histórico
das versões do HTML.
1. Apresentação
expositiva e verbal do
conteúdo introdutório e
histórico das versões do
HTML.
1. Durante a apresentação ilustrar com
exemplos de páginas de web, identificar
as tecnologias desta página e encontrar
o HTML.
- Professor.
- Alunos.
- Quadro de giz.
- Projetor Multimídia.
- Computador.
- Apresentação PowerPoint.
- Apresentador Laser.
- Observação direta.
- Correção imediata.

2. OBJETIVOS
ESPECÍFICOS
CONTEÚDO ESTRATÉGIA RECURSOS AVALIAÇÃO
2. Compreender sobre
a sintaxe da linguagem
HTML e alguns termos
utilizados.
2. Apresentação
expositiva e verbal do
conteúdo sobre sintaxe e
estrutura do HTML.
2. Durante a apresentação do conteúdo
haverá exemplificação, de maneira
dinâmica e com observações.
- Professor.
- Alunos.
- Quadro de giz.
- Projetor Multimídia.
- Computador.
- Apresentação PowerPoint.
- Apresentador Laser.
- Observação direta.
- Correção imediata.
3. Compreender sobre
os principais elementos
(tags) do HTML e
alguns termos
utilizados.
3. Apresentação
expositiva e verbal do
conteúdo sobre os
principais elementos do
HTML.
3. Durante a apresentação do conteúdo
haverá observações, exemplificações, de
maneira dinâmica e serão destacados os
conteúdos da nova versão do HTML.
Também será exemplificado pequenos
trechos de estilos CSS.
- Professor.
- Alunos.
- Quadro de giz.
- Projetor Multimídia.
- Computador.
- Apresentação. PowerPoint.
- Apresentador Laser.
- Observação direta.
- Correção imediata.
4. Compreender sobre
formulários HTML,
métodos de envio e
seus principais
elementos (tags).
4. Apresentação
expositiva e verbal do
conteúdo sobre
formulários HTML.
4. Durante a apresentação do conteúdo
haverá observações, exemplificações, de
maneira dinâmica e serão destacados os
novos elementos para formulários do
HTML5.
- Professor.
- Alunos.
- Quadro de giz.
- Projetor Multimídia.
- Computador.
- Apresentação PowerPoint.
- Apresentador Laser.
- Observação direta.
- Correção imediata.
5. Conhecer sobre o
conteúdo da próxima
aula.
5. Apresentação
expositiva e verbal de um
pequeno conteúdo
ilustrativo e introdutório
sobre HTML + CSS.
5. Apresentação exemplificada de uma
página web utilizando somente HTML e
em seguida demonstrar como essa
mesma página fica aplicando recursos
de estilo do CSS.
- Professor
- Alunos.
- Quadro de giz.
- Projetor Multimídia.
- Computador.
- Apresentação PowerPoint.
- Apresentador Laser.
- Observação direta.
- Correção imediata.
6. Conhecer um
pequeno exemplo de
JavaScript.
6. Apresentação
expositiva e verbal de um
pequeno conteúdo
ilustrativo e introdutório
sobre JavaScript.
6. Apresentação exemplificada de um
código JavaScript que chama uma
função de soma de dois campos HTML e
mostra o resultado na tela.
- Professor
- Alunos.
- Quadro de giz.
- Projetor Multimídia.
- Computador.
- Apresentação PowerPoint.
- Apresentador Laser.
- Observação direta.
- Correção imediata.

3. OBJETIVOS
ESPECÍFICOS
CONTEÚDO ESTRATÉGIA RECURSOS AVALIAÇÃO
7. Realizar um
exercício de fixação
sobre o conteúdo de
HTML básico.
7. Exercício de fixação
sobre o conteúdo
absorvido durante a aula.
7. Utilizando uma ferramenta online
“syncfiddle” os alunos poderão
compartilhar de maneira interativa os
elementos HTML aprendidos durante a
aula.
- Professor
- Alunos.
- Quadro de giz.
- Projetor Multimídia.
- Computador.
- Apresentação PowerPoint.
- Apresentador Laser.
- Acesso à internet.
- Site: syncfiddle.net.
- Observação direta.
- Correção imediata.
IV. REFERÊNCIAS
MURPHY, Christopher. Introdução ao HTML5 e CSS: A evolução da Web. 2. ed. São Paulo/SP: Alta Books, 2014.
FREEMAN, Elisabeth; FREEMAN, Eric. Use a Cabeça! (Head First): HTML com CSS & XHTML. 2. ed. Rio de Janeiro/RJ: Alta Books, 2008.
RUSSEL, M.K., ARASAN, P.W. Avaliação em sala de aula conceitos e aplicações. Tradução: Marcelo de Abreu Almeida. 7. ed. Porto
Alegre/RS: AMGH, 2014.
W3schools. Disponível em <https://www.w3schools.com/html>. Acessado em 12 set. 2017.
Apostila Caelum. Disponível em <https://www.caelum.com.br/apostila-html-css-javascript/>. Acessado em 12 set. 2017.
Especificação do HTML 2.0. Disponível em <https://www.w3.org/MarkUp/html-spec>. Acessado em 12 set. 2017.
Especificação do HTML 3.2. Disponível em <https://www.w3.org/TR/REC-html32>. Acessado em 12 set. 2017.
Especificação do HTML 4.0. Disponível em <https://www.w3.org/TR/1998/REC-html40-19980424>. Acessado em 12 set. 2017.
Especificação do HTML 4.01. Disponível em <https://www.w3.org/TR/html401>. Acessado em 12 set. 2017.
Especificação do HTML 5. Disponível em <https://www.w3.org/TR/html5>. Acessado em 12 set. 2017.
DEVMEDIA. Disponível em <http://www.devmedia.com.br/html-basico-codigos-html/16596>. Acessado em 12 set. 2017.