curso profissional de multimédia disciplina: sistemas de ... · técnicas de implantação de...

Disciplina: Sistemas de Informação

2014 / 2015

Módulo nº2 – “Linguagem de Programação I”

Professora: Sónia Santos

Email: [email protected]

Curso Profissional

de Multimédia

Mód. 2 “Linguagem de Programação I”

Técnicas de implantação de páginas na Web

Criação de páginas:

Programa de edição Web: FrontPage

Conceitos básicos

Programa de animação gráfica Web: Flash

Programa de edição Web: Dreamweaver

Publicação

Programa de edição Web: Notepad++



O HTML é a linguagem mais utilizada para criar páginas Webcom 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.


DHTML (Dinâmico HTML) – Linguagem que torna os elementos

de uma página (texto, imagens, etc.) mais dinâmicos permitindo

dinamizar todos os elementos desta.

VRML (Virtual Reality Modelling Language ) – Linguagem que

permite a criação de ambientes virtuais por onde se pode passear,

visualizar objetos por ângulos diferentes e até interagir com eles.



Editores de páginas Web:

Dois dos editores mais utilizados na criação de páginas Web são oFrontPage e o DreamWeaver.

FrontPage – Desenvolvido pela Microsoft , é considerado um dosprogramas mais simples para a criação de Websites.

DreamWeaver – Desenvolvido pela Macromedia , permiteimplementar rapidamente menus interativos, criar elementos querespondem a ações diversas dos utilizadores, inserir animações,multimédia e arquivos Flash e outros elementos em páginas Web.


Microsoft Web Expression – Desenvolvido pela Microsoft , com avantagem de ser gratuito.


Editores de imagens e efeitos especiais

O Corel Draw e o Photoshop são dois dos editores de imagem maisconhecidos e utilizados na criação de páginas Web.

Corel Draw – Programa gráfico, desenvolvido pela Corel , que criaimagens recorrendo à utilização de objetos armazenadosinternamente, como equações matemáticas (vetores).

Photoshop – Software desenvolvido pela Adobe , que permitemanipular as imagens de diversas formas e reconhece váriasextensões de ficheiros gráficos.



Editores e programas de animação gráfica

O Flash é um software desenvolvido pela Macromedia que oferece

recursos surpreendentes para criar Web sites apelativos,

abrangentes e interactivos.

O ULEAD GIF Animator é um programa de produção de imagens

animadas (GIFs animados) desenvolvido pela ULEAD Systems .



Ferramentas e utilitários

FTP (File Transfer Protocol) – Protocolo utilizado para transferirficheiros entre dois computadores.

Programas que implementam este protocolo:

Cute FTP WS FTP

O CRT-Secure é um software específico e utilizado quando sepretende garantir uma ligação segura.


Indicação da pasta, no seu computador, onde estão os ficheiros que pretende transferir.

Pastas e ficheiros para seleção.

Pastas e ficheiros existentes no computador para onde se pretende efetuar a transferência.

1

2

3

1

2

3

Ferramentas e utilitários


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.


Em cada página, o número de elementos a reter deve ser limitado.

Aspetos a ter em atenção antes de iniciar o desenvolvimento de um site:

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.

Escolha quais as imagens a incluir em cada página bem como o seu formato.



Diminuir ao máximo o número de escolhas em cada página.

Aspetos a ter em atenção antes de iniciar o desenvolvimento de um site:

Utilizar títulos para que o utilizador saiba sempre onde está.

Disponibilizar um mapa do site para o utilizador se situar.

Utilizar um vocabulário simples.

Disponibilizar apenas a informação necessária, evitando redundâncias.

Outros aspetos importantes:



Planeamento de um Web siteOs Web sites têm objetivos diferentes. O objetivo de um site, quer seja decariz pessoal quer seja de cariz profissional, determina o seu aspeto.

Definição do site:

Quais os seus objetivos?

A quem se destina (público alvo)?

Como será produzido?

Que tecnologia será utilizada na sua construção?

Onde será colocado?

Qual o espaço máximo que poderá ocupar?

Como será atualizado?


Arquitetura do site:

Definição da forma como ele será apresentado e o tipo de navegaçãoentre as páginas que pretendemos implementar.

Desenho do site:

Escolha das cores, dos "backgrounds”, das formas, dos tipos de letra,das fotografias, dos textos e ilustrações a incluir, etc.

Planeamento de um Web site


Exemplo de um ambiente de trabalho

Barra de Menus

Barras de Ferramentas

Barra de Lista de Pastas

Zona de Visualização das páginas

Ativar/Desativar Lista de Pastas

Ativar/Desativar Árvore de NavegaçãoSeparador Estrutura

Separador Dividir

Separador Código

Separador Pré-visualização

1

2

3

4

5

6

7

8

9

10

1

2

3

4

65 7 8 9 10

curso profissional de multimédia disciplina: sistemas de ... · técnicas de implantação de...

Documents