Publicação em Diário da República: Aviso n.º 1895/2018 - 12/02/2018
5 ECTS; 1º Ano, 2º Semestre, 60,0 TP + 4,0 OT , Cód. 617511.
Docente(s)
- João Manuel de Sousa Nunes Costa Rosa (1)
- Rui Miguel Sardinha Proença (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 consiste em dois elementos de avaliação:
1) Ex1 - planificação de um website - Ponderação 40%
2) Ex2 - produção do site - Ponderação - 60%
Os alunos que não entreguem os dois exercícios em frequência poderão fazê-lo em exame.
Bibliografia
- GLENWRIGHT, J. (2000). WWW Layout. (pp. 1-192). USA: Watson-Guptill Publications
- 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
Método de Ensino
1. Aulas teórico práticas com explanação dos conteúdos 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
Aprovado em Conselho Técnico Cientifico: 19 de julho de 2021
Download da Ficha da Unidade Curricular (FUC)
