Web Design

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

• Menu Dropdown: http://cssdeck.com/labs/another-simple-css3-dropdown-menu

Diários de Aula

4° Bimestre

Data	Conteúdo
08.10	Definição do trabalho do bimestre Media:TrabalhoWebDesign4bi.pdf

3° Bimestre

Data	Conteúdo
24.09	PROVA 3º Bimestre
17.09	Lista de exercícios - revisão para prova PDF Imagens: Arquivo:Img-ex3bi.zip

2° Bimestre

Data	Conteúdo
11.06	JQuery - Parte 4 Slides
04.06	Aula - jquery p3 - lista de exercícios
28.05	Aula
21.05	Feira de estágios
16.05	JQuery - trabalhando com fadeIn e fadeOut Slides imagens.zip
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

• Atividade: Lista de exercícios (1 ao 7)
• Slides
• Imagens notícias

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