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

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
m (Protegeu "Web Design" ([Editar=Permitir apenas administradores] (indefinidamente) [Mover=Permitir apenas administradores] (indefinidamente)))
Linha 16: Linha 16:


= Diários de Aula =
= Diários de Aula =
==06/05==
==2&deg Bimestre==
* Baixar o arquivo: {{zip}} [[Media:Mascara.zip]]
{| class="wikitable"
* {{pdf}} [[Media:Mascaras.pdf|Slides Aula sobre máscaras]]
|-
! Data !! Conteúdo
|-
| 16.05 ||
<ul>
  <li>JQUERY</li>
  <li>{{pdf}} [[Media:JQUERY10.pdf|Slides]]</li>
</ul>
|-
| 06.05 ||
<ul>
  <li>Uso de máscaras em formulários HTML</li>
  <li>Baixar o arquivo: {{zip}} [[Media:Mascara.zip]]</li>
  <li>{{pdf}} [[Media:Mascaras.pdf|Slides Aula sobre máscaras]]</li>
</ul>
|-
| 30.04 ||
<ul>
  <li>Validação com JQuery</li>
  <li>Baixar o arquivo: {{zip}} [[Media:Validacao.zip|Validação.zip]]</li>
  <li>criar uma pasta chamada '''validacao''' e descompactar o arquivo dentro desta.</li>
  <li>{{pdf}} [[Media:Jquery-validacao.pdf|Slides Aula sobre validação]]</li>
</ul>
|-
| 16.04 ||
<ul>
  <li>Introdução ao JQuery</li>
  <li>Lista de exercícios: {{pdf}} [[Media:Jquery-p1.pdf|Slides]]</li>
  <li>Imagens [[Arquivo:Images-exercicios-jquery-p1.zip]]</li>
</ul>
|}


== 30/abr ==
==1&deg Bimestre==
* Baixar o arquivo: {{zip}} [[Media:Validacao.zip|Validação.zip]]
=== 26/mar: Estrutura de páginas HTML5 ===
** criar uma pasta chamada '''validacao''' e descompactar o arquivo dentro desta.
* {{pdf}} [[Media:Jquery-validacao.pdf|Slides Aula sobre validação]]
 
==Confiram! Lista de exercícios recebidos==
* [[Media:WD-trabalhos-recebidos-1b.pdf|Lista]]
 
== 16/abr: Jquery ==
* Lista de exercícios: {{pdf}} [[Media:Jquery-p1.pdf|Slides]]
* Imagens [[Arquivo:Images-exercicios-jquery-p1.zip]]
 
== 26/mar: Estrutura de páginas HTML5 ==
* utilizando as tags <nowiki><nav>, <footer>, <header></nowiki>
* utilizando as tags <nowiki><nav>, <footer>, <header></nowiki>
* Elaborar 3 telas de protópipos do PFC.
* Elaborar 3 telas de protópipos do PFC.


== 18/mar: Formulários ==
=== 18/mar: Formulários ===
* Novos tipos de inputs do HTML5
* Novos tipos de inputs do HTML5
* atributos especiais
* atributos especiais
Linha 42: Linha 61:
* {{pdf}} [[Media:Tif webdesign 06sem.pdf|Slides]]
* {{pdf}} [[Media:Tif webdesign 06sem.pdf|Slides]]


== 12/mar: Projeto Cinema 7 (continuação) ==
=== 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.
* 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.
* {{pdf}} [[Media:Tif_webdesign_05sem.pdf|Atividade]]
* {{pdf}} [[Media:Tif_webdesign_05sem.pdf|Atividade]]
* {{pdf}} [[Media:Tif_webdesign_05sem_rev.css.pdf|Revisão de CSS]]
* {{pdf}} [[Media:Tif_webdesign_05sem_rev.css.pdf|Revisão de CSS]]


== 25/fev: Projeto Cinema 7 ==
=== 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.
* 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.
* {{pdf}} [[Media:Tif webdesign 04sem.pdf|Atividade]]
* {{pdf}} [[Media:Tif webdesign 04sem.pdf|Atividade]]
* {{zip}} [[Media:Tif wd sem04 imagens.zip|Imagens cinema 7]]
* {{zip}} [[Media:Tif wd sem04 imagens.zip|Imagens cinema 7]]


== 19/fev: Tabelas com CSS ==
=== 19/fev: Tabelas com CSS ===
* Atividade: Lista de exercícios (1 ao 7)
* Atividade: Lista de exercícios (1 ao 7)
* {{pdf}} [[Media:Tif webdesign 03sem.pdf|Slides]]
* {{pdf}} [[Media:Tif webdesign 03sem.pdf|Slides]]
* {{zip}} [[Media:Tif wd sem03 imagens.zip|Imagens notícias]]
* {{zip}} [[Media:Tif wd sem03 imagens.zip|Imagens notícias]]


== 12/fev: Revisão de Tabelas ==
=== 12/fev: Revisão de Tabelas ===
* Uso de tabelas com CSS
* Uso de tabelas com CSS
* Tags: <nowiki><table>, <tr>, <td></nowiki>
* Tags: <nowiki><table>, <tr>, <td></nowiki>
Linha 64: Linha 83:
* {{zip}} [[Media:Bandeiras-paises.zip|Imagens bandeiras]]
* {{zip}} [[Media:Bandeiras-paises.zip|Imagens bandeiras]]


== 05/fev: Introdução a disciplina ==
=== 05/fev: Introdução a disciplina ===
* Introdução a Disciplina
* Introdução a Disciplina
* Revisão de conteúdo: HTML e CSS
* Revisão de conteúdo: HTML e CSS

Edição das 17h57min de 15 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&deg Bimestre

Data Conteúdo
16.05
06.05
30.04
16.04

1&deg 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
Disponível em “http://wiki.foz.ifpr.edu.br/wiki/index.php?title=Web_Design&oldid=2618”