Autoria Web

  • Curso: Tecnologia em Sistemas para Internet
  • Disciplina: Autoria Web
  • Carga-Horária: 60h (80h/a) Pré-Requisito(s): — Número de créditos: 4

EMENTA

Planejamento visual. Linguagem de marcação de hipertexto (XHTML). Estrutura dos documentos hipertexto e seus elementos: texto, imagens, links, listas, formulários, tabelas e molduras. Folhas de estilo. Noções de interação humano- computador. Linguagem JavaScript.

PROGRAMA

Objetivos

   •   Criar páginas para a web, utilizando técnicas de planejamento visual;
   •   Estruturar o conteúdo das páginas (XHTML) de forma independente da apresentação (CSS);
   •   Usar ferramentas de autoria web;
   •   Fornecer conceituação básica da interação humano-computador e de noções de design aplicadas à Web.
   •   Desenvolver scripts para serem executados em navegador;

Bases Científico-Tecnológicas (Conteúdos)

  1. Introdução à Autoria Web
    1.1. Histórico
    1.2. Clientes e servidores
    1.3. Noção geral da família de protocolos TCP/IP
    1.4. Protocolo HTTP
    
  2. Linguagem XHTML
    2.1. Comparativo com HTML
    2.2. Estrutura do documento
    2.3. Elementos básicos: textos, imagens, hiperlinks, listas, formulários, tabelas, molduras (frames).
    
  3. Folhas de Estilo (CSS)
    3.1. Seletores e classes
    3.2. Propriedades: textos, fontes, cores, caixas e bordas, posicionamento.
    
  4. Introdução ao estudo da interface humano computador
    
  5. Análise de sites segundo os princípios do design
    5.1. Formas, layout e diagramação: Composição em papel.
    5.2. Tipografia e Webwriting: Construção e análise de texto
    
  6. Webdesign
    6.1. Interface do usuário e evolução das interfaces
    
  7. Linguagem JavaScript
    7.1. Elementos básicos da linguagem: sintaxe, tipos de dados, variáveis, expressões, comandos, funções, objetos, vetores.
    7.2. Eventos
    7.3. Document Object Model (DOM)
    7.4. Validação de formulário
    7.5. Cookies
    
  8. Ferramentas de apoio à Autoria Web
    

Procedimentos Metodológicos

• Aulas teóricas expositivas, práticas em laboratório, desenvolvimento de projetos. • Quadro branco, computador, projetor multimídia.

Recursos Didáticos

Livros didáticos, projetor multimídia, TV e vídeo, quadro branco, computador, revistas e periódicos, tecnologias da informação e comunicação, entre outros recursos coerentes com a atividade proposta.

Avaliação

• Avaliações escritas e práticas. • Trabalhos individuais e em grupo (listas de exercícios, estudos dirigidos, pesquisas). • Apresentação dos trabalhos desenvolvidos.