Transcript Slide 1

UNIDADE 4: Criação de Páginas Web
Conceitos básicos
Técnicas de implantação de páginas na Web
Criação de páginas
Programa de edição Web: FrontPage
Programa de animação gráfica Web: Flash
Programa de edição Web: Dreamweaver
Publicação
UNIDADE 4: Criação de Páginas Web
Técnicas de implantação de páginas na Web
Programação de páginas Web
O HTML é a linguagem mais utilizada para criar páginas Web com hipertexto.
Utilizando a linguagem HTML podemos criar páginas em que certos itens
(palavras e/ou imagens) contêm uma ligação – link – a outra zona da mesma
página ou a outros documentos.
UNIDADE 4: Criação de Páginas Web
Técnicas de implantação de páginas na Web
DHTML (Dynamic HTML) – Linguagem que torna os elementos da uma página
(texto, imagens, etc.) mais dinâmicos.
VRML (Virtual Reality Modelling Language) – Linguagem que permite a
criação de ambientes virtuais por onde se pode passear, visualizar objectos
por ângulos diferentes e até interagir com eles.
UNIDADE 4: Criação de Páginas Web
Técnicas de implantação de páginas na Web
Editores de páginas Web
Editores mais utilizados na criação de páginas Web: FrontPage e Dreamweaver.
FrontPage – Desenvolvido pela Microsoft, é considerado um dos melhores
programas para a criação de Web sites.
Dreamweaver – Desenvolvido pela Macromedia, permite implementar
rapidamente menus interactivos, criar elementos que respondem a acções
diversas dos utilizadores, inserir animações, multimédia, ficheiros Flash, etc.
UNIDADE 4: Criação de Páginas Web
Técnicas de implantação de páginas na Web
Editores de imagem e efeitos especiais
CorelDRAW e Photoshop são dois editores de imagem muito utilizados na criação
de páginas Web.
CorelDRAW – Programa gráfico, desenvolvido pela Corel, que cria imagens
recorrendo à utilização de objectos armazenados internamente como equações
matemáticas (vectores).
Photoshop – Software desenvolvido pela Adobe que permite manipular as
imagens de diversas formas e reconhece várias extensões de ficheiros gráficos.
UNIDADE 4: Criação de Páginas Web
Técnicas de implantação de páginas na Web
Editores e programas de animação gráfica
Flash – Software desenvolvido pela Macromedia que oferece recursos
surpreendentes para criar Web sites apelativos, abrangentes e interactivos.
ULEAD GIF Animator – Programa de produção de imagens animadas (GIFs
animados) desenvolvido pela ULEAD Systems.
UNIDADE 4: Criação de Páginas Web
Ferramentas e utilitários
FTP (File Transfer Protocol) – Protocolo utilizado para transferir ficheiros
entre dois computadores.
Programas que implementam este protocolo:
Cute FTP
WS FTP
O CRT-Secure é um software específico e utilizado quando se pretende
garantir uma ligação segura.
UNIDADE 4: Criação de Páginas Web
Ferramentas e utilitários




Indicação da pasta onde se
encontram os ficheiros a transferir.

Pastas e ficheiros para selecção.

Pastas e ficheiros para onde se
pretende efectuar a transferência.
UNIDADE 4: Criação de Páginas Web
Ergonomia e amigabilidade de uma página Web
Regras de adaptação do utilizador à página Web.
Características desejáveis no interface entre o
utilizador e a página Web.
UNIDADE 4: Criação de Páginas Web
Ergonomia e amigabilidade de uma página Web
Aspectos a ter em atenção antes de iniciar o desenvolvimento de um Web site:
Em cada página, o número de elementos a reter deve ser limitado.
A informação deve estar organizada tendo em atenção a sua importância.
Os termos nos menus são padronizados e devem ser respeitados.
Os símbolos utilizados, sempre que possível, devem expressar o seu significado.
As cores a utilizar e os efeitos gráficos devem ser escolhidos com cuidado.
As imagens a incluir em cada página, bem como o seu formato, devem ser
escolhidas cuidadosamente.
UNIDADE 4: Criação de Páginas Web
Ergonomia e amigabilidade de uma página Web
Aspectos a ter em atenção antes de iniciar o desenvolvimento de um Web site:
Utilizar um vocabulário simples.
Disponibilizar apenas a informação necessária, evitando redundâncias.
Outros aspectos importantes:
Diminuir, ao máximo, o número de escolhas em cada página.
Utilizar títulos para que o utilizador saiba sempre onde está.
Disponibilizar um mapa do site para o utilizador se situar.