SlideShare une entreprise Scribd logo
1  sur  4
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
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
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.
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.

Contenu connexe

Tendances

1.Introdução Banco de Dados
1.Introdução Banco de Dados1.Introdução Banco de Dados
1.Introdução Banco de Dadosvini_campos
 
Banco de dados exercícios resolvidos
Banco de dados exercícios resolvidosBanco de dados exercícios resolvidos
Banco de dados exercícios resolvidosGleydson Sousa
 
Metodologia de Desenvolvimento de Softwares
Metodologia de Desenvolvimento de SoftwaresMetodologia de Desenvolvimento de Softwares
Metodologia de Desenvolvimento de SoftwaresAragon Vieira
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScriptCarlos Eduardo Kadu
 
Aula 1. apresentação + frameworks
Aula 1. apresentação + frameworksAula 1. apresentação + frameworks
Aula 1. apresentação + frameworksandreluizlc
 
Aula1 - Apresentação de Banco de Dados
Aula1 - Apresentação de Banco de DadosAula1 - Apresentação de Banco de Dados
Aula1 - Apresentação de Banco de DadosRafael Albani
 
Aula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileAula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileCloves da Rocha
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScriptBruno Catão
 
Sistema Operacional Windows (versão 11)
Sistema Operacional Windows (versão 11)Sistema Operacional Windows (versão 11)
Sistema Operacional Windows (versão 11)DaviMatos25
 
tmn - Introdução ao JavaScript
tmn - Introdução ao JavaScripttmn - Introdução ao JavaScript
tmn - Introdução ao JavaScriptClaudio Gamboa
 
Modelo Relacional, Rede e Hierárquico
Modelo Relacional, Rede e HierárquicoModelo Relacional, Rede e Hierárquico
Modelo Relacional, Rede e Hierárquicorosimaracorsino
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Bruno Grange
 
Aula 01 - Ms PowerPoint
Aula 01 - Ms  PowerPointAula 01 - Ms  PowerPoint
Aula 01 - Ms PowerPointRoney Sousa
 
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTMLCriação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTMLLeonardo Soares
 

Tendances (20)

1.Introdução Banco de Dados
1.Introdução Banco de Dados1.Introdução Banco de Dados
1.Introdução Banco de Dados
 
Banco de dados exercícios resolvidos
Banco de dados exercícios resolvidosBanco de dados exercícios resolvidos
Banco de dados exercícios resolvidos
 
Metodologia de Desenvolvimento de Softwares
Metodologia de Desenvolvimento de SoftwaresMetodologia de Desenvolvimento de Softwares
Metodologia de Desenvolvimento de Softwares
 
Aula básica de internet
Aula básica de internetAula básica de internet
Aula básica de internet
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScript
 
Aula 1. apresentação + frameworks
Aula 1. apresentação + frameworksAula 1. apresentação + frameworks
Aula 1. apresentação + frameworks
 
Aula1 - Apresentação de Banco de Dados
Aula1 - Apresentação de Banco de DadosAula1 - Apresentação de Banco de Dados
Aula1 - Apresentação de Banco de Dados
 
Aula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileAula 1 - Introdução ao Mobile
Aula 1 - Introdução ao Mobile
 
Introdução ao MySQL
Introdução ao MySQLIntrodução ao MySQL
Introdução ao MySQL
 
Curso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTMLCurso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTML
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScript
 
Sistema Operacional Windows (versão 11)
Sistema Operacional Windows (versão 11)Sistema Operacional Windows (versão 11)
Sistema Operacional Windows (versão 11)
 
tmn - Introdução ao JavaScript
tmn - Introdução ao JavaScripttmn - Introdução ao JavaScript
tmn - Introdução ao JavaScript
 
Modelo Relacional, Rede e Hierárquico
Modelo Relacional, Rede e HierárquicoModelo Relacional, Rede e Hierárquico
Modelo Relacional, Rede e Hierárquico
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
 
Aula 01 - Ms PowerPoint
Aula 01 - Ms  PowerPointAula 01 - Ms  PowerPoint
Aula 01 - Ms PowerPoint
 
Criação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTMLCriação de formulários e tabelas com HTML
Criação de formulários e tabelas com HTML
 
Introdução a Bancos de Dados
Introdução a Bancos de DadosIntrodução a Bancos de Dados
Introdução a Bancos de Dados
 

Similaire à Programacao para Web I Plano de Ensinodoc

Mestrado em Ensino de Informática - Planificação de uma aula
Mestrado em Ensino de Informática - Planificação de uma aulaMestrado em Ensino de Informática - Planificação de uma aula
Mestrado em Ensino de Informática - Planificação de uma aulaJosé Vasconcelos
 
Planode Aula
Planode AulaPlanode Aula
Planode Aulasofteam
 
Tic para os profissionais
Tic para os profissionaisTic para os profissionais
Tic para os profissionaisEltonSouza66
 
TIC para os Profissionais.pdf
TIC para os Profissionais.pdfTIC para os Profissionais.pdf
TIC para os Profissionais.pdfEltonSouza64
 
Keynote Arquitetura InformaçãO
Keynote Arquitetura InformaçãOKeynote Arquitetura InformaçãO
Keynote Arquitetura InformaçãOAna Brambilla
 
ARQUITETURA LÓGICA DO MODELO E-MATURITY -DESENVOLVIMENTO E FUNCIONAMENTO DO S...
ARQUITETURA LÓGICA DO MODELO E-MATURITY -DESENVOLVIMENTO E FUNCIONAMENTO DO S...ARQUITETURA LÓGICA DO MODELO E-MATURITY -DESENVOLVIMENTO E FUNCIONAMENTO DO S...
ARQUITETURA LÓGICA DO MODELO E-MATURITY -DESENVOLVIMENTO E FUNCIONAMENTO DO S...Universidade Estadual do Ceará
 
Objetos aprendizagem
Objetos aprendizagemObjetos aprendizagem
Objetos aprendizagemSilvia Dotta
 
Elerning em contexto de Realidade Aumentada
Elerning em contexto de Realidade AumentadaElerning em contexto de Realidade Aumentada
Elerning em contexto de Realidade AumentadaCarlos Amorim
 
Arquitetura da informação para blogs
Arquitetura da informação para blogsArquitetura da informação para blogs
Arquitetura da informação para blogsLaura Inafuko
 
Introdução à Engenharia de Software e UML
Introdução à Engenharia de Software e UMLIntrodução à Engenharia de Software e UML
Introdução à Engenharia de Software e UMLNatanael Simões
 
Ensino Profissionalizante - Tecnológico.pptx
Ensino Profissionalizante - Tecnológico.pptxEnsino Profissionalizante - Tecnológico.pptx
Ensino Profissionalizante - Tecnológico.pptxtaricgomes
 

Similaire à Programacao para Web I Plano de Ensinodoc (20)

Mestrado em Ensino de Informática - Planificação de uma aula
Mestrado em Ensino de Informática - Planificação de uma aulaMestrado em Ensino de Informática - Planificação de uma aula
Mestrado em Ensino de Informática - Planificação de uma aula
 
Planode Aula
Planode AulaPlanode Aula
Planode Aula
 
Tic para os profissionais
Tic para os profissionaisTic para os profissionais
Tic para os profissionais
 
TIC para os Profissionais.pdf
TIC para os Profissionais.pdfTIC para os Profissionais.pdf
TIC para os Profissionais.pdf
 
Keynote Arquitetura InformaçãO
Keynote Arquitetura InformaçãOKeynote Arquitetura InformaçãO
Keynote Arquitetura InformaçãO
 
ARQUITETURA LÓGICA DO MODELO E-MATURITY -DESENVOLVIMENTO E FUNCIONAMENTO DO S...
ARQUITETURA LÓGICA DO MODELO E-MATURITY -DESENVOLVIMENTO E FUNCIONAMENTO DO S...ARQUITETURA LÓGICA DO MODELO E-MATURITY -DESENVOLVIMENTO E FUNCIONAMENTO DO S...
ARQUITETURA LÓGICA DO MODELO E-MATURITY -DESENVOLVIMENTO E FUNCIONAMENTO DO S...
 
Cp fsc tic[1]
Cp fsc tic[1]Cp fsc tic[1]
Cp fsc tic[1]
 
Programa TIC
Programa TICPrograma TIC
Programa TIC
 
Sistemas de Informação II - Aula01- Apresentação da disciplina
Sistemas de Informação II - Aula01- Apresentação da disciplinaSistemas de Informação II - Aula01- Apresentação da disciplina
Sistemas de Informação II - Aula01- Apresentação da disciplina
 
portfolio unopar
portfolio unoparportfolio unopar
portfolio unopar
 
Objetos aprendizagem
Objetos aprendizagemObjetos aprendizagem
Objetos aprendizagem
 
Aula1 apresentaçao
Aula1 apresentaçaoAula1 apresentaçao
Aula1 apresentaçao
 
Autocad pitágoras 2 d
Autocad   pitágoras 2 dAutocad   pitágoras 2 d
Autocad pitágoras 2 d
 
Aulas de TIC - TGPSI
Aulas de TIC - TGPSIAulas de TIC - TGPSI
Aulas de TIC - TGPSI
 
Contabilista
ContabilistaContabilista
Contabilista
 
Elerning em contexto de Realidade Aumentada
Elerning em contexto de Realidade AumentadaElerning em contexto de Realidade Aumentada
Elerning em contexto de Realidade Aumentada
 
Arquitetura da informação para blogs
Arquitetura da informação para blogsArquitetura da informação para blogs
Arquitetura da informação para blogs
 
Introdução à Engenharia de Software e UML
Introdução à Engenharia de Software e UMLIntrodução à Engenharia de Software e UML
Introdução à Engenharia de Software e UML
 
Ensino Profissionalizante - Tecnológico.pptx
Ensino Profissionalizante - Tecnológico.pptxEnsino Profissionalizante - Tecnológico.pptx
Ensino Profissionalizante - Tecnológico.pptx
 
1345486916110
13454869161101345486916110
1345486916110
 

Plus de DESIGN DIGITAL UNIARA 2012

WebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreWebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreDESIGN DIGITAL UNIARA 2012
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...DESIGN DIGITAL UNIARA 2012
 
Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDESIGN DIGITAL UNIARA 2012
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDESIGN DIGITAL UNIARA 2012
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDESIGN DIGITAL UNIARA 2012
 
Design Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação VisuaçDesign Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação VisuaçDESIGN DIGITAL UNIARA 2012
 

Plus de DESIGN DIGITAL UNIARA 2012 (20)

Horario 2012
Horario 2012Horario 2012
Horario 2012
 
Programação para Web I Calendario 2012
Programação para Web I Calendario 2012Programação para Web I Calendario 2012
Programação para Web I Calendario 2012
 
Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 
Programacao para Web I 02 Internet
Programacao para Web I 02  InternetProgramacao para Web I 02  Internet
Programacao para Web I 02 Internet
 
Programacao para Web I 01 a Historia
Programacao para Web I 01 a HistoriaProgramacao para Web I 01 a Historia
Programacao para Web I 01 a Historia
 
Programacao para Web I Projeto do site
Programacao para Web I Projeto do siteProgramacao para Web I Projeto do site
Programacao para Web I Projeto do site
 
WebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreWebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 Bimestre
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
 
Tipografia ii
Tipografia iiTipografia ii
Tipografia ii
 
Design digital i_exercicio_tipografia
Design digital i_exercicio_tipografiaDesign digital i_exercicio_tipografia
Design digital i_exercicio_tipografia
 
Tipografia 01
Tipografia 01Tipografia 01
Tipografia 01
 
Percepcao e comunicacao_visual
Percepcao e comunicacao_visualPercepcao e comunicacao_visual
Percepcao e comunicacao_visual
 
Design Digital Fundamentos do Design
Design Digital Fundamentos do DesignDesign Digital Fundamentos do Design
Design Digital Fundamentos do Design
 
Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design Digital
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x Tensão
 
Design Digital Tipografia II
Design Digital Tipografia IIDesign Digital Tipografia II
Design Digital Tipografia II
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
 
Design digital i_fundamentos
Design digital i_fundamentosDesign digital i_fundamentos
Design digital i_fundamentos
 
Design Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação VisuaçDesign Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação Visuaç
 

Programacao para Web I Plano de Ensinodoc

  • 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.