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.