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

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Linha 25: Linha 25:
| '''08.10''' ||  
| '''08.10''' ||  
<ul>
<ul>
   <li>Definição do trabalho do bimestre [[TrabalhoWebDesign4bi.pdf]]</li>
   <li>Definição do trabalho do bimestre [[Arquivo:TrabalhoWebDesign4bi.pdf]]</li>
</ul>
</ul>
|}
|}


==3&deg; Bimestre==
==3&deg; Bimestre==

Edição das 10h41min de 8 de outubro de 2014

Carga Horária

  • 76 horas aulas

Ementa

  • HTML5; Folhas de estilo (CSS); Jquery

Ano Letivo 2014


Professor: Felippe Scheidt
Email: 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

4° Bimestre

Data Conteúdo
08.10

3° Bimestre

Data Conteúdo
24.09
  • PROVA 3º Bimestre
17.09

2° Bimestre

Data Conteúdo
11.06
04.06
  • Aula - jquery p3 - lista de exercícios
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