1. U N I A R A C e n t r o U n i v e r s i t á r i o d e A r a r a q u a r a
DEPARTAMENTO DE CIÊNCIAS HUMANAS E SOCIAIS
CURSO DE GRADUAÇÃO EM DESIGN COM HABILITAÇÃO EM DESIGN DIGITAL
DISCIPLINA SÉRIE CÓDIGO SEMESTRE ANO
PROGRAMAÇÃO PARA WEB I 1 1 2 2012
DOCENTE RESPONSÁVEL: Leandro Donaires Figueira
DISTRIBUIÇÃO DA CARGA HORÁRIA
CARGA HORÁRIA TOTAL CARGA HORÁRIA SEMANAL
TEÓRICA PRÁTICA TEO/PRA
160 4 160
PLANO DE ENSINO
OBJETIVOS:
Capacitar o aluno a desenvolver sites Web usando as tecnologias HTML (Hypertext Markup Language –
Linguagem de Marcação de Hipertexto), CSS (Cascading Style Sheets – Folhas de Estilo em Cascata) e
Javascript. A disciplina trata de conceitos fundamentais de desenvolvimento voltado para Web
possibilitando que o aluno construa e publique sites Web que satisfaçam às necessidades específicas e
solucionem problemas provenientes do mercado.
EMENTA:
Introdução à linguagem HTML. Histórico, fundamentos e sintaxe da linguagem HTML. Tratamento e
formatação de textos, imagens e recursos de multimídia. Tratamento de links. Inserção de listas
formatadas. Inserção de tabelas (tables). Tratamento de formulários (forms). Introdução às folhas de
estilo em CSS. Propriedades e seletores. Métodos de posicionamento e tipos de layout em CSS.
Introdução à linguagem Javascript. Sintaxe e recursos básicos da linguagem.
CONTEÚDO PROGRAMÁTICO:
1. Introdução à linguagem HTML
- Histórico da Computação e da Internet
- Introdução a WWW e ao protocolo HTTP
- Conceitos básicos da linguagem HTML
- Estrutura de um documento HTML
- Tags, elementos e atributos
- Seções HEAD e BODY
2. Tratamento de textos, imagens e recursos de multimídia
- Divisões e parágrafos
- Formatação de texto
- Espaçamento e layout
- Inserção de imagens
- Imagens de fundo e cores
- Áudio e animação de texto
- Outros recursos de multimídia
3. Tratamento de links
- Conceitos básicos
- Referenciando documentos
- Criando hyperlinks
- Imagens sensíveis ao mouse
2. 4. Listas formatadas
- Listas não-ordenadas
- Listas ordenadas
- A tag <li>
- Listas aninhadas
- Listas de definição
- Listas em forma de diretório e em forma de menu
5. Tabelas (Tables)
- A estrutura padrão de uma tabela
- Principais tags (básicas e avançadas)
- Recursos avançados
6. Formulários (Forms)
- Fundamentos de formulários
- A tag <form>
- As tags <input> e <button>
- Áreas de texto (multiline text areas)
- Elementos de múltipla escolha (multiple-choice elements)
- Atributos de controle de formulários
- Elementos para rotular e agrupar
- Criando formulários efetivos
7. Introdução às folhas de estilo em CSS
- Definições e conceitos
- Modelo CSS de formatação visual
- Unidades CSS para medida
- Propriedades CSS
- Seletores CSS
8. Posicionamento e Layout em CSS
- O modelo de caixa
- Esquemas de posicionamento em CSS
- Posicionamento em profundidade com z-index
- Tipos de layout
- Centralizando o layout
- Layout com duas colunas
- Layout com três colunas
9. Introdução à linguagem JavaScript
- Sintaxe básica da linguagem
- Tipos de dados e variáveis
- Operadores aritméticos, relacionais, de atribuição e lógicos
- Estruturas de controle
- Funções embutidas e funções definidas pelo usuário
- Objetos
- Tratamento de eventos
ATIVIDADES COMPLEMENTARES:
As atividades complementares serão realizadas no laboratório de informática e apontam basicamente
para dois tipos de atividades:
- Elaboração e resolução de exercícios propostos em sala.
- Elaboração de projetos específicos assim que cada tópico do conteúdo for inteiramente contemplado
3. CRITÉRIOS DE AVALIAÇÃO DA APRENDIZAGEM:
Os critérios de avaliação da aprendizagem têm por objetivo avaliar o aluno tanto no contexto prático
quanto no contexto teórico, assim, haverá basicamente três tipos de critérios:
- Entregas de trabalhos individuais e em grupo (contexto prático e contexto teórico)
- Apresentação de trabalhos (fortemente voltado para o contexto prático)
- Provas individuais (fortemente voltado para o contexto teórico)
CRITÉRIOS DE AVALIAÇÃO PARA CICLO DE RECUPERAÇÃO:
O aluno deverá assistir às aulas de recuperação e realizar uma avaliação sobre os temas abordados na
disciplina.
BIBLIOGRAFIA BÁSICA:
CASTRO, Elizabeth. HTML para a World Wide Web. 4 ed. Makron Books do Brasil, 2000. 534p.
GOODMAN, Danny. Javascript: a Bíblia. Campus, 2001. 944p.
MEMÓRIA, F. Design para a Internet: Projetando a experiência perfeita. Campus, 2005.
BIBLIOGRAFIA COMPLEMENTAR:
CHAN, M. C. et al.1001 Dicas de programação.Makron Books, 1999
DEITEL, H.M.; DEITEL, P.J. . XML Como Programar. Bookman Companhia Ed, 2003
MAZZETTI, Gerardo; MINK, Carlos. HTML 4 com XML. São Paulo: Makron Books do Brasil, 2000.
411p.
KINGSLEY-HUGHES, A.; KINGSLEY-HUGHES, K. Iniciando em Javascript 1.5. Makron Books do
Brasil, 2001. 299p.
RAMALHO, José A. HTML dinâmico. 2 ed. Berkeley Brasil, 1999. 719p.
SOMERA, Guilherme. Treinamento prático em CSS. São Paulo: Universo dos Livros Editora, 2006.
Disponível em: http://books.google.com/books?
id=BTwgtyyJHAoC&printsec=frontcover&dq=CSS&hl=pt-
BR&ei=YHeUTdv4LKG00QHxrbnxCw&sa=X&oi=book_result&ct=result&resnum=1&ved=0CCwQ6AEwAA
#v=onepage&q&f=false. Acesso em 06/02/2012.
MEYER, Eric A. CSS: The definitive guide. 3rd Edition. O’Reilly Media Inc., 2006. Disponível em:
http://books.google.com/books?id=rdtCRLXAL78C&printsec=frontcover&dq=CSS&hl=pt-
BR&ei=YHeUTdv4LKG00QHxrbnxCw&sa=X&oi=book_result&ct=result&resnum=2&ved=0CDEQ6AEwAQ
#v=onepage&q&f=false. Acesso em 06/02/2012.
PILGRIM, Mark. HTML 5: Up and running. O’Reilly Media Inc., 2010. Disponível em:
http://books.google.com/books?id=Mk3sW0on7OAC&printsec=frontcover&dq=html5&hl=pt-
BR&ei=6HaUTZOpCO-
K0QHdzIz5Cw&sa=X&oi=book_result&ct=result&resnum=1&ved=0CC8Q6AEwAA#v=onepage&q&f=fals
e. Acesso em: 06/02/2012.
4. CRONOGRAMA DE AULAS
AULA ASSUNTO
1 Apresentação da disciplina e do plano de ensino.
2 Histórico da Computação e da Internet; Introdução a WWW e ao protocolo HTTP.
3 Conceitos básicos da linguagem HTML; Estrutura de um documento HTML.
4 Tags, elementos e atributos; Seções HEAD e BODY; Divisões e parágrafos.
5 Formatação de texto; Espaçamento e layout.
6 Inserção de imagens; Imagens de fundo e cores.
7 Áudio e animação de texto; Outros recursos de multimídia.
8 Correção da avaliação. Conceitos básicos sobre links; Referenciando doc.; Criando hyperlinks.
9 Revisão para a avaliação.
10 Avaliação do 1º bimestre.
11 Imagens sensíveis ao mouse. Listas não-ordenadas; Listas ordenadas; A tag <li>.
12 Listas aninhadas; Listas de definição; Listas em forma de diretório e em forma de menu.
13 A estrutura padrão de uma tabela; Principais tags (básicas e avançadas).
14 Recursos avançados de tabelas.
15 Fundamentos de formulários; As tags <form>, <input> e <button>; Áreas de texto.
16 Elementos de múltipla escolha; Atributos de controle de formulários.
17 Elementos para rotular e agrupar; Criando formulários efetivos.
18 Revisão para a avaliação.
19 Avaliação do 2º bimestre.
20 Definições e conceitos de CSS; Modelo CSS de formatação visual.
21 Unidades CSS para medida; Propriedades do CSS.
22 Seletores do CSS.
23 O modelo de caixa.
24 Esquemas de posicionamento em CSS; Posicionamento em profundidade com z-index.
25 Tipos de layout; Centralizando o layout.
26 Layout com duas colunas; Layout com três colunas.
27 Revisão para a avaliação.
28 Avaliação do 3º bimestre.
29 Correção da avaliação. Tipos de layout; Centralizando o layout; Layout com duas colunas.
30 Sintaxe básica da linguagem Javascript; Tipos de dados e variáveis.
31 Operadores aritméticos, relacionais, de atribuição e lógicos; Estruturas de controle.
32 Funções embutidas e funções definidas pelo usuário.
33 Objetos; Tratamento de eventos.
34 Avaliação do 4º Bimestre.
35 Avaliação substitutiva.
36 Correção da avaliação. Aula do ciclo de recuperação.
37 Aula do ciclo de recuperação.
38 Exame.