Web Design: mudanças entre as edições

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Linha 40: Linha 40:
| '''06.05''' ||  
| '''06.05''' ||  
<ul>
<ul>
   <li>Uso de máscaras em formulários HTML</li>
   <li>Uso de máscaras em formulários HTML com [[JQuery]]</li>
   <li>Baixar o arquivo que contém as bibliotecas javascript: {{zip}} [[Media:Mascara.zip|Mascara.zip]]</li>
   <li>Baixar o arquivo que contém as bibliotecas javascript: {{zip}} [[Media:Mascara.zip|Mascara.zip]]</li>
   <li>{{pdf}} [[Media:Mascaras.pdf|Slides]]</li>
   <li>{{pdf}} [[Media:Mascaras.pdf|Slides]]</li>

Edição das 16h22min de 22 de maio de 2014

Carga Horária

  • 76 horas aulas

Ementa

  • HTML5; Folhas de estilo (CSS); Jquery

Ano Letivo 2014


Professor: Felippe Scheidt (felippe.scheidt@ifpr.edu.br)
Horário: 4a feira/7h30 - 9h30 - 2 aulas/semana
Atendimento paralelo: 5a feira/13h30-14h30.

Materiais úteis

Diários de Aula

2° Bimestre

Data Conteúdo
28.05
  • Aula
21.05
  • Feira de estágios
16.05
06.05
  • Uso de máscaras em formulários HTML com JQuery
  • Baixar o arquivo que contém as bibliotecas javascript: Mascara.zip
  • Slides
30.04
  • Validação com JQuery
  • Baixar o arquivo que contém a biblioteca de validação: Validação.zip
  • criar uma pasta chamada validacao e descompactar o arquivo dentro desta.
  • Slides
16.04
  • Introdução ao JQuery
  • Lista de exercícios: Slides
  • Arquivo com imagens para fazer os exercícios: imagens.zip
  • Funções: ready(); bind(); css(); text(); hide(); show(); val(); attr()

1° Bimestre

26/mar: Estrutura de páginas HTML5

  • utilizando as tags <nav>, <footer>, <header>
  • Elaborar 3 telas de protópipos do PFC.

18/mar: Formulários

  • Novos tipos de inputs do HTML5
  • atributos especiais
  • Revisão de formulários
  • Slides

12/mar: Projeto Cinema 7 (continuação)

  • Aperfeiçoar o site Cinema 7 utilizando CSS. Adicionar um menu de navegação no site. Colocar todo o CSS dentro de um único arquivo.
  • Atividade
  • Revisão de CSS

25/fev: Projeto Cinema 7

  • Desenvolver um web site sobre filmes, contendo uma index, a página do respectivo filme, e uma página para um artista do filme. Utilizar CSS com Divs ou Tabelas.
  • Atividade
  • Imagens cinema 7

19/fev: Tabelas com CSS

12/fev: Revisão de Tabelas

  • Uso de tabelas com CSS
  • Tags: <table>, <tr>, <td>
  • Principais propriedades do CSS para formatação de tabelas
  • Slides
  • Imagens bandeiras

05/fev: Introdução a disciplina

  • Introdução a Disciplina
  • Revisão de conteúdo: HTML e CSS
  • Slides