Design multimédia I

TeSP - Design Multimédia
5 ECTS; 1º Ano, 2º Semestre, 60,0 TP + 4,0 OT

Docente(s)
- Célia Maria Nunes Barreto

Pré-requisitos
Não aplicável.

Objetivos
1. Projetar e implementar websites.
2. Realizar estudos de design.
3. Desenvolver o domínio de software específico em webdesign.
4. Concretizar um projeto de webdesign, com domínio do Html e CSS.

Programa
1. Introdução à linguagem HTML e às primeiras sintaxes
a) A colocação de texto e imagens em páginas web;
b) Hiperligações internas, externas e e-mail link;
c) Tabelas regulares ou irregulares e as suas propriedades.

2. Introdução à linguagem Css
a) Css interno, externo ou importado;
b) Propriedades e atributos de cada Tag;
c) Subclasses e pseudo classes.

3. Introdução ao Dreamweaver
a) Criar um site: organização de um site e estrutura;
b) Inserir texto e imagens. Suas propriedades;
c) Criar o layout com tabelas: propriedades das tabelas.
d) Criar o layout com frames. E ainda, inline frames;
e) Introdução de Css em Dreamweaver;
f) A barra de navegação: criar hiperligações;
g) Os automatismos: Os templates e a sua importância.
h) Os formulários para a web;
i) A introdução de som e vídeo numa página web;
j) A introdução de javascript em Dreamweaver. Os Behaviors.

4. Projeto de webdesign
a) Definição do projeto:
? A definição de objetivos, público-alvo e seleção de conteúdos;
? A definição do projeto de webdesign: recolha de informação;
? A análise da concorrência como instrumento projetual.

b) O desenvolvimento da estrutura de um website:
? Recolha e análise de conteúdos;
? Organização da estrutura do site;
? Definição de layout e navegação.

c) Estudos de design na conceção do projeto:
? A cor na web: escala hexadecimal e paleta websafe;
? Esquemas de cor;
? A tipografia para a web;
? Os formatos de imagem para a web;
? As galerias de imagens para a web;
? Algumas galerias em Javascript;
? O guia de estilos.

Metodologia de avaliação
A avaliação, tanto em frequência como em exame consiste em três elementos de avaliação:
Exercício UM - projeto para um website;
Exercício DOIS - a produção do site;
Teste Individual.
Ponderação: Projeto- 30% ; Site- 50%; Teste- 20

Bibliografia
- KENTIE, P. Web Design, tools and techniques.. (pp. 1-436). USA: Peachpit Press
- PRING, R. (2000). WWW Color. (pp. 1-192). New York: Watson-Guptill Publications
- PRING, R. (2000). www type. (pp. 1-192). USA: Watson-Guptill Publications
- GLENWRIGHT, J. (2000). WWW Layout. (pp. 1-192). USA: Watson-Guptill Publications

Método de interação
1. Aulas teórico práticas com explanação dos conteúdos ministrados e apresentação de estudos de caso.
2. Aulas de práticas laboratoriais com exercícios práticos e acompanhamento do projeto.

Software utilizado nas aulas
Adobe Dreamweaver
Sublime Text