SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt?

Programação orientada a objetos
Programação orientada a objetosProgramação orientada a objetos
Programação orientada a objetosCleyton Ferrari
 
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
 
Curso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicosCurso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicosTiago Antônio da Silva
 
Metodologia para criação de sites
Metodologia para criação de sitesMetodologia para criação de sites
Metodologia para criação de sitesCelina Uemura
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front endandreluizlc
 
Aula 1 - Programação Dinâmica para Web
Aula 1 - Programação Dinâmica para WebAula 1 - Programação Dinâmica para Web
Aula 1 - Programação Dinâmica para WebDaniel Brandão
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento WebSérgio Souza Costa
 
Informática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsInformática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsJoeldson Costa Damasceno
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxMarceloRosenbrock1
 
Aula 01 - Introdução ao Sistema de Informação
Aula 01 - Introdução ao Sistema de InformaçãoAula 01 - Introdução ao Sistema de Informação
Aula 01 - Introdução ao Sistema de InformaçãoDaniel Brandão
 
Material aula informática básica
Material aula informática básicaMaterial aula informática básica
Material aula informática básicaCarlos Melo
 

Was ist angesagt? (20)

Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
 
Curso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSSCurso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSS
 
Programação orientada a objetos
Programação orientada a objetosProgramação orientada a objetos
Programação orientada a objetos
 
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
 
Aula - Internet
Aula - InternetAula - Internet
Aula - Internet
 
Slide internet
Slide   internetSlide   internet
Slide internet
 
Curso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicosCurso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicos
 
Metodologia para criação de sites
Metodologia para criação de sitesMetodologia para criação de sites
Metodologia para criação de sites
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
 
Aula 1 - Programação Dinâmica para Web
Aula 1 - Programação Dinâmica para WebAula 1 - Programação Dinâmica para Web
Aula 1 - Programação Dinâmica para Web
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento Web
 
Informática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsInformática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional Windows
 
Redes sociais
Redes sociaisRedes sociais
Redes sociais
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
 
Aula 01 - Introdução ao Sistema de Informação
Aula 01 - Introdução ao Sistema de InformaçãoAula 01 - Introdução ao Sistema de Informação
Aula 01 - Introdução ao Sistema de Informação
 
Aula 4 banco de dados
Aula 4   banco de dados Aula 4   banco de dados
Aula 4 banco de dados
 
Material aula informática básica
Material aula informática básicaMaterial aula informática básica
Material aula informática básica
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Mehr von 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
 

Mehr von 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.