Concepo de websites

Fundamentos do
planeamento de um
website
Regras para um website eficaz
Para um website ser eficaz h uma
diversidade de regras que devem ser
cumpridas. Essas regras aplicam-se
quanto:
Ao contedo
forma
Aos modelos de paginas
Ao construir e planear um website,
alm das regras que devem ser
seguidas, necessrio ter em conta
a usabilidade de forma a que o
cliente/utilizador fique satisfeito.

Regras para um website eficaz
Regras sobre o contedo
O contedo de um site pode ser
apresentado como texto, imagem,
vdeo e som.
Ao definir os contedos presentes
num site, importante ter em
ateno:

Categorizao dos contedos
Condensao


Regras sobre o contedo
Categorizao dos contedos
Desenvolve-se um site a partir de um
tema previamente escolhido. Quando
conhecido o tema, necessrio decomp-
lo nos diversos contedos do site
organizando em diferentes categorias e
subcategorias Estrutura lgica dos
contedos.
Assim o site ir apresentar:
Maior flexibilidade
Maior escalabilidade
Maior convertabilidade


Regras sobre o contedo
Condensao
Os contedos de uma pgina
devem ser sempre orientados ao
utilizador/pblico alvo.

Regras sobre a forma
Consistncia e previsibilidade
A consistncia e previsibilidade de
um site um conjunto de
caractersticas que so esperados
de maneira a manter a coerncia e
estabilidade.



Regras sobre a forma
Consistncia e previsibilidade
Consistncia
Caractersticas que permitem ao
utilizador identificar as pginas
pertencentes a um mesmo site.

Previsibilidade
Caractersticas que permitem ao
utilizador identificar de forma intuitiva e
rpida, os elementos que podem estar
presentes em todas as pginas.



Regras sobre a forma
Uso racional da tecnologia

Desenvolvimento de pginas web
usando unicamente HTML
Pginas com contedos estticos

CGI (Common Gateway Interface)
tecnologia utilizada para o
desenvolvimento de pginas com
contedos dinmicos.
Regras sobre a forma
Uso racional da tecnologia
Desenvolvimento de pginas web
usando unicamente HTML Pginas com
contedos estticos

CGI (Common Gateway Interface)
tecnologia utilizada para o
desenvolvimento de pginas com
contedos dinmicos.

A alterao dos contedos destas
paginas efectuada do lado do servidor
levando a uma sobrecarga de trfego na
rede.

Regras sobre a forma
Tecnologias do lado do cliente que
permitem adicionar contedos activos s
pginas: Java Applets, ActiveX.

Para ultrapassar as limitaes do lado
do cliente foram definidos pelo w3c novos
standards como o DHTML e XML.
Regras sobre a forma
Recurso a imagens
A utilizao de imagens pode contribuir
para a criao de pginas mais atractivas

aumento do nmero de utilizadores

No entanto, uma pgina web com muitas
imagens e com tamanhos inapropriados.

Pginas lentas e possvel diminuio do
nmero de utilizadores

Regras sobre a forma
Combinao de cores
As cores transmitem informao
Devem ser utilizadas associadas a
um determinado contexto.
CUIDADO na criao de
combinaes de cores

Conjuntos harmoniosos

http://www.mxstudio.com.br/Conteudos/
Dreamweaver/Cores.htm
Regras sobre a forma
Combinao de cores
Regras sobre a forma
Combinao de cores

As combinaes de cores podem ser
feitas segundo as regras:
Cores do mesmo tom
Cores com o mesmo nvel de
saturao e luminosidade
Cores de fundo devem
contrastar com o texto e elementos
grficos.
Regras sobre a forma
Uso de frames permite a definio
de uma estrutura dividindo a pgina
em espaos mais pequenos.
Modelos de pginas
Conjunto predefinido de formatos de
texto e grficos a partir dos quais se
criam websites.
Tabelas de esquemas
Estilos
Formatao
Grficos
Pgina de abertura
www.up.pt
Pgina inicial
www.gamespy.pt
Os ficheiros correspondentes s
pginas iniciais geralmente tm o nome
index com extenso .html
Contactos
www.uma.pt
Mapa do site
Livro de visitas
http://www.dgeep.mtss.gov.pt/visitas.php
Pginas de contedo
Actividade prtica
Estabelea a comparao entre 2 sites
mostrando um que no respeite as regras
descritas anteriormente e outro que realmente
respeite.
Sugesto: Organizar a informao numa
tabela.