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

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
m (Removeu a proteção de "Web Design")
 
(28 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 8: Linha 8:
= Ano Letivo 2014 =
= Ano Letivo 2014 =


<br>'''Professor:''' Felippe Scheidt (felippe.scheidt@ifpr.edu.br)
<br>'''Professor:''' Felippe Scheidt
<br>'''Email:''' <span style="color:blue">felippe.scheidt@ifpr.edu.br</span>
<br>'''Horário:''' 4a feira/7h30 - 9h30 - 2 aulas/semana
<br>'''Horário:''' 4a feira/7h30 - 9h30 - 2 aulas/semana
<br>'''Atendimento paralelo:''' 5a feira/13h30-14h30.
<br>'''Atendimento paralelo:''' 5a feira/13h30-14h30.


=Materiais úteis=
=Materiais úteis=
* Menu Dropdown: http://cssdeck.com/labs/another-simple-css3-dropdown-menu


= Diários de Aula =
= Diários de Aula =
==2&deg; Bimestre==
==2&deg; Bimestre==
{| class="wikitable"
{| class="wikitable"
|-
|-
! Data !! Conteúdo
|-
| '''13.05''' ||
<ul>
  <li>Validação com jQuery: [[Media:Jquery-validacao.pdf|Slides]]</li>
</ul>
|-
| '''29.04''' ||
<ul>
  <li>Arquivo de imagens para exercícios jQuery: [[Media:Images-exercicios-jquery-p1.zip|ZIP]]</li>
</ul>
|}
 
==1&deg; Bimestre==
{| class="wikitable"
|-  
! Data !! Conteúdo
! Data !! Conteúdo
|-
|-  
| '''28.05''' ||  
| '''22.04''' ||
<ul>
  <li>Introdução ao jQuery: [[Media:Jquery-p1.pdf|Slides]]</li>
</ul>
|-
| '''01.04''' ||  
<ul>
<ul>
   <li>Aula</li>
   <li>CSS: Propriedades background e position</li>
</ul>
</ul>
|-
|-  
| '''21.05''' ||  
| '''25.03''' ||  
<ul>
<ul>
   <li>Feira de estágios</li>
   <li>Formulários no HTML5</li>
  <li>{{pdf}} [[Media:Tif webdesign 06sem.pdf|Atividade]]</li>
  <li>{{zip}} [[Media:Semana06-web-imagens.zip|Imagens para exercícios]]</li>
</ul>
</ul>
|-
|-  
| '''16.05''' ||  
| '''11.03''' ||  
<ul>
<ul>
   <li>[[JQuery]] - trabalhando com fadeIn e fadeOut</li>
   <li>Tags estruturais do HTML5</li>
   <li>{{pdf}} [[Media:Jquery-p3.pdf|Slides]]</li>
   <li>{{pdf}} [[Media:Tif webdesign 04sem.pdf|Atividade]]</li>
   <li>{{zip}} [[Media:Imagens-jquery-p3.zip|imagens.zip]]</li>
   <li>{{zip}} [[Media:Tif wd sem04 imagens.zip|Imagens para exercícios]]</li>
</ul>
</ul>
|-
|-  
| '''06.05''' ||  
| '''04.03''' ||  
<ul>
<ul>
   <li>Uso de máscaras em formulários HTML com [[JQuery]]</li>
   <li>Tabelas e CSS</li>
   <li>Baixar o arquivo que contém as bibliotecas javascript: {{zip}} [[Media:Mascara.zip|Mascara.zip]]</li>
   <li>{{pdf}} [[Media:Tif webdesign aula03.pdf|Slides]]</li>
   <li>{{pdf}} [[Media:Mascaras.pdf|Slides]]</li>
   <li>{{zip}} [[Media:Tif wd sem03 imagens.zip|Imagens para exercícios]]</li>
</ul>
</ul>
|-
|-  
| '''30.04''' ||
| '''25.02''' ||  
<ul>
<ul>
   <li>Validação com [[JQuery]]</li>
   <li>Tabelas e CSS</li>
   <li>Baixar o arquivo que contém a biblioteca de validação: {{zip}} [[Media:Validacao.zip|Validação.zip]]</li>
   <li>{{pdf}} [[Media:Tif webdesign aula02.pdf|Slides]]</li>
  <li>criar uma pasta chamada '''validacao''' e descompactar o arquivo dentro desta.</li>
   <li>{{zip}} [[Media:Bandeiras-paises.zip|Imagens para exercícios]]</li>
   <li>{{pdf}} [[Media:Jquery-validacao.pdf|Slides]]</li>
</ul>
</ul>
|-
|-    
| '''16.04''' ||
| '''11.02''' ||
<ul>
<ul>
   <li>Introdução ao [[JQuery]]</li>
   <li>Introdução a Disciplina</li>
   <li>Lista de exercícios: {{pdf}} [[Media:Jquery-p1.pdf|Slides]]</li>
   <li>Revisão de conteúdo: HTML e CSS {{pdf}} [[Media:Tif webdesign aula01.pdf|Slides]]</li>
  <li>Arquivo com imagens para fazer os exercícios: {{zip}} [[Media:Images-exercicios-jquery-p1.zip|imagens.zip]]</li>
  <li>'''Funções:''' ready(); bind(); css(); text(); hide(); show(); val(); attr()</li>
</ul>
</ul>
|}
|}
==1&deg; Bimestre==
=== 26/mar: Estrutura de páginas HTML5 ===
* utilizando as tags <nowiki><nav>, <footer>, <header></nowiki>
* 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
* {{pdf}} [[Media:Tif webdesign 06sem.pdf|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.
* {{pdf}} [[Media:Tif_webdesign_05sem.pdf|Atividade]]
* {{pdf}} [[Media:Tif_webdesign_05sem_rev.css.pdf|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.
* {{pdf}} [[Media:Tif webdesign 04sem.pdf|Atividade]]
* {{zip}} [[Media:Tif wd sem04 imagens.zip|Imagens cinema 7]]
=== 19/fev: Tabelas com CSS ===
* Atividade: Lista de exercícios (1 ao 7)
* {{pdf}} [[Media:Tif webdesign 03sem.pdf|Slides]]
* {{zip}} [[Media:Tif wd sem03 imagens.zip|Imagens notícias]]
=== 12/fev: Revisão de Tabelas ===
* Uso de tabelas com CSS
* Tags: <nowiki><table>, <tr>, <td></nowiki>
* Principais propriedades do CSS para formatação de tabelas
* {{pdf}} [[Media:Tif webdesign aula02.pdf|Slides]]
* {{zip}} [[Media:Bandeiras-paises.zip|Imagens bandeiras]]
=== 05/fev: Introdução a disciplina ===
* Introdução a Disciplina
* Revisão de conteúdo: HTML e CSS
* {{pdf}} [[Media:Tif webdesign aula01.pdf|Slides]]


[[Categoria:Técnico em Informática]]
[[Categoria:Técnico em Informática]]
[[Categoria:Desenvolvimento Web]]
[[Categoria:Desenvolvimento Web]]
[[Categoria:Disciplina]]

Edição atual tal como às 17h01min de 26 de abril de 2016

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

2° Bimestre

Data Conteúdo
13.05
  • Validação com jQuery: Slides
29.04
  • Arquivo de imagens para exercícios jQuery: ZIP

1° Bimestre

Data Conteúdo
22.04
  • Introdução ao jQuery: Slides
01.04
  • CSS: Propriedades background e position
25.03
11.03
04.03
25.02
11.02
  • 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=12536”