10.º Um projecto multimédia Tecnologias da Informação e da Comunicação Tecnologias da...

10.º10.º

Um projecto Um projecto multimédiamultimédiaTecnologias da Informação e da Comunicação

Tecnologias da Informação e da Comunicação

Web: criação de páginas

MSFRONTPAGE

Professor: Rafael Vieira.


Apresentação do programa

O programa MSFrontpage da Microsoft é uma das ferramentas de mais fácil utilização para a edição e publicação de páginas Web.

Trata-se de um programa bastante intuitivo e fácil de utilizar para criar, gerir e publicar imediatamente páginas Web (*), utilizando as rotinas de edição, formatação e inserção de objectos multimédia utilizadas nos programas de processamento de texto e de criação de apresentações.

(*) Por página Web entende-se um documento multimédia que contém hiperligações. O conjunto destas páginas constitui um sítio Web. O conjunto dos sítios Web constitui, por sua vez, a Web ou World Wide Web (WWW) que não é mais do que um conjunto de documentos hipermédia unidos pelas hiperligações que permitem a navegação com um simples clique do rato.



O ambiente de trabalho e seus elementos

O ambiente de trabalho do MSFRONTPAGE é constituído por:

uma barra de título onde se identifica a aplicação e a apresentação;

uma barra de menus com as funcionalidades do aplicativo;

uma barra de ferramentas padrão com botões para executar as operações mais frequentes;



uma barra de ferramentas de formatação com botões que permitem aplicar várias formatações de texto que integram a apresentação;

uma barra de visualização que te permite seleccionar vários modos de visualização da página;

uma barra de status;



um painel de tarefas, que pode ser activado ou desactivado, com vários menus de ajuda à elaboração das tuas páginas Web.



Planeamento e criação de um sítio Web

O planeamento da página ou do sítio é a primeira tarefa a executar antes de utilizares o MSFrontpage.

Para construir a tua página deves fazer as seguintes perguntas: qual o objectivo da página?

a quem se dirige?

que informação deve conter?

que recursos gráficos são necessários?

que estilo de página é o mais adequado?



Outro aspecto importante é o arranjo gráfico do sítio, o qual deve facilitar a navegação entre as páginas, nomeadamente através de:

ícones claros e consistentes;

identificação esquemática dos menus;

botões de navegação que permitam voltar à página inicial ou ir até qualquer outra página do sítio;

títulos, subtítulos, cabeçalhos, rodapés e links bem visíveis.



Estrutura do sítio – hierarquia da informação

Depois de definires o conteúdo do teu sítio, terás de organizar a informação a incluir nas páginas. Essa tarefa inclui a divisãoda informação em unidades a incluir em cada página, oestabelecimento de uma hierarquia entre esses blocos de informação e, finalmente, a determinação das ligações entre esses blocos de informação. Eis um exemplo:

Página

principal

1.ª página

2.ª página

3.ª página

4.ª página

5.ª página

6.ª página

7.ª página



Página principal

Página 4 Página 5 Página 6 Página 7 Página 8

Página 2 Página 3

Outro exemplo de hierarquização pode ser este:



Consistência das páginas e do sítio Outro dos aspectos a ter em conta na construção de sítios Web é oda sua consistência, isto é, o de uma identidade visual própria quese deve manter ao longo de todas as páginas para que o leitor encontre a informação que deseja utilizando sempre os mesmos procedimentos. Esta identidade visual é conseguida através de:

utilização de molduras (frames) que dividem a página em áreas para colocação de informação específica; localização de títulos em locais estratégicos; disposição e organização dos menus, dos cabeçalhos e rodapés;



ligações e barras de ferramentas sempre nos mesmos locais; código de cores idêntico em todas as páginas; formatação de caracteres semelhante;

modelos de botões idênticos, etc.

Esta identidade gráfica ajudará o leitor na navegação e no acesso rápido à informação.

Consistência das páginas e do sítio



Antes da elaboração do teu sítio Web, deverás definir o aspecto visual das páginas para assegurares a consistência do sítio. Se não tiveres uma ideia precisa do que queres fazer, é aconselhável que abras páginas Web existentes para observares diferentes tipos de arranjo gráfico que poderão inspirar-te para a elaboração do teu sítio e ajudar-te a definir um modelo próprio. Um exemplo de definição de arranjo gráfico de página é o da imagem seguinte:



Na definição do aspecto visual do sítio Web, a informação e os objectos que nela forem inseridos deverão estar organizados e dispostos em locais estratégicos que são importantes para a leitura das páginas e que lhe conferem uma identidade própria. Um dos procedimentos que podes adoptar é o da utilização de molduras ou de tabelas que estruturam a página em áreas de informação separadas, como podes ver nos exemplos da figura seguinte:



Aspectos relevantes a ter em conta são ainda:

Os cabeçalhos e rodapés

Os títulos e subtítulos

A legibilidade do texto

As cores

Os objectos multimédia



Criação e gestão de um sítio Web A gestão ou manutenção do sítio é importante uma vez que há actualizações constantes a fazer, o que pode implicar a construção ou o acrescentamento de novas páginas. Neste caso, é importante manter a consistência do sítio, a sua integridade gráfica e a identidade visual. Por isso, é aconselhável que a gestão ou manutenção dos sítios Web seja feita por uma só pessoa que assegure a consistência e a integridade do sítio e que deverá executar as seguintes tarefas: responder aos e-mails dos utilizadores; assegurar o funcionamento de eventuais grupos de discussão presentes no sítio; assegurar o funcionamento de chats; interagir com os utilizadores, pois o seu contributo é muito importante para a qualidade e actualidade de qualquer sítio.



Criação, abertura e guarda de páginas Criação de novas páginas

abrir o menu Ficheiro, seleccionar Novo...

seleccionar Página em branco no painel de tarefas que se abre ou, então,

clicar no botão Nova página na barra de ferramentas padrão. Se clicares na seta inserida neste botão, abrir-se-á um menu com várias opções



Criação, abertura e guarda de páginas

Se clicares em Página... abrir-se-á a janela Modelos de página onde poderás optar por vários modelos de página preexistentes, com formulários, com molduras e folhas de estilos.



Para abrires uma página já existente deves proceder da seguinte maneira: no menu Ficheiro, clicar em Abrir, ouclicar no botão Abrir da barra de ferramentas;na janela que se abre, seleccionar a página pretendida e clicar no botão Abrir.

Abertura de páginas



Guardar páginas

Para guardar páginas criadas, o procedimento é igualmente simples. No menu Ficheiro deverás: seleccionar a opção Guardar ou clicar no botão Guardar ;na janela que se abre, seleccionar a pasta onde queres guardar a página, atribuir-lhe um nome na janela Nome de ficheiro e clicar no botão Guardar .

Se abriste uma página fora do sítio Web onde estás a trabalhar e a pretendes guardar, então deverás seleccionar a opção Guardar como... e repetir os passos atrás descritos.



Pré-visualização e impressão de páginas

Para executar estas operações deverás:abrir o Frontpage e seleccionar a página a imprimir; abrir o menu Ficheiro e seleccionar a opção Pré-visualizar ;pré-visualizar toda a página e seleccionar o que queres imprimir;clicar no botão Imprimir para iniciar a impressão.


10.º Um projecto multimédia Tecnologias da Informação e da Comunicação Tecnologias da...

Documents

Transcript of 10.º Um projecto multimédia Tecnologias da Informação e da Comunicação Tecnologias da...