Publicação em Diário da República: Despacho nº 3359/2013 - 01/03/2013
5 ECTS; 2º Ano, 2º Semestre, 60,0 TP + 4,0 OT , Cód. 964420.
Docente(s)
- Célia Maria Nunes Barreto (2)
(1) Docente Responsável
(2) Docente que lecciona
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 exame consiste na realização de dois exercícios práticos e um teste individual.
Exercício UM _projeto para um website e exercício DOIS_ a produção do site.
Ponderação: Projeto- 30% ; Site- 50%; Teste- 20
Bibliografia
- Glenwright, J. (2000). WWW Layout. (pp. 1-192). USA: Watson-Guptill Publications
- KENTIE, P. (2002). 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
Método de Ensino
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
