Curso de Programação Web

Objetivo:

Capacitar o aluno a desenvolver websites estáticos utilizando as versões mais atuais da linguagem HTML e do CSS.

Tópicos:

1. Histórico das linguagens HTML e CSS;
2. Conceito sobre Tags;
3. Estrutura de uma página html;
4. Elementos estruturais e de texto;
5. Formulários;
6. Video e Audio;
7. Canvas;
8. Drag-and-drop;
9. Fundamentos do CSS;
10. Box Model;
11. Posicionamento de objetos;
12. Seletores, cascata e herança;
13. Background;
14. Bordas e Sombras;
15. Cores e Opacidade;
16. Fontes;
17. Colunas;
18. Bootstrap.

Bibliografia Básica:

• Lawson, Bruce; Sharp, Remy, Introdução ao HTML 5, Ed. Alta Books, 2011
• Silva, Maurício Samy, Desenvolva aplicações web profissionais com o uso dos poderosos recursos de estilização das CSS3, Ed. Novatec, 2012

Bibliografia Complementar:

• Meyer, Jainine, O guia Essencial do HTML5, Ed. Ciência Moderna, 2011

Conteúdo Programático

1. Visão histórica da Internet, seus protocolos e da linguagem HTML
2. Linguagem HTML – Parte 1
   • Introdução
   • Estrutura Principal
   • Elementos Estruturais
   • Elementos de Texto
   • Formulários
3. Linguagem CSS
   • Fundamentos
   • Box Model
   • Posicionamento
   • Seletores, cascata e herança
   • Background
   • Bordas e Sombras
   • Cores e Opacidade
   • Fontes
   • Colunas
   • Gradientes
4. Linguagem HTML – Parte 2
   • Vídeo e Áudio
   • Canvas
   • Drag and Drop
5. Bootstrap

Material de Aula:

HTML5 e CCS3

• HTML5 – Introdução
  • HTML5 – Um pouco de história – Teoria
  • HTML5 – A linguagem e suas novidades – Teoria
• HTML5 – Os elementos básicos de uma pagina
• HTML5 – Elementos Estruturais
  • Estilizando os Elementos Estruturais
• HTML5 – Elementos Básicos – Títulos
• HTML5 – Elementos Básicos – Parágrafos e Textos pré-formatados
• HTML5 – Imagens
• HTML5 – Hyperlinks 
• HTML5 – Listas
• HTML5 – Tabelas
  • Zebrando uma tabela
• HTML5 – Iframe
  • Estilizando a pagina com um menu horizontal e um iFrame
• HTML5 – Computer Code
• HTML5 – Quotations – Citações
• HTML5 – Formulários
  • Estilizando uma página de Cadastro

Bootstrap3

• Bootstrap : Introdução

Trabalhos:

• Primeiro Trabalho – Construir um site sobre o HTML5 ou sobre o CSS3

Material de Apoio disponível na Internet: