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

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Linha 24: Linha 24:
<ul>
<ul>
   <li>JQuery - trabalhando com fadeIn e fadeOut</li>
   <li>JQuery - trabalhando com fadeIn e fadeOut</li>
   <li>{{pdf}} [[Media:Arquivo:Jquery-p3.pdf</li>
   <li>{{pdf}} [[Media:Arquivo:Jquery-p3.pdf|Slides]]</li>
   <li>{{zip}} [[Media:Arquivo:Imagens-jquery-p3.zip</li>
   <li>{{zip}} [[Media:Arquivo:Imagens-jquery-p3.zip|imagens.zip]]</li>
</ul>
</ul>
|-
|-

Edição das 10h32min de 16 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
16.05
06.05
  • Uso de máscaras em formulários HTML
  • 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