frontpage exp pmo.PPT - home.utad.pthome.utad.pt/~oliveira/frontpage_exp_pmo.pdf · Pode...

15
1 FrontPage Express PAULO MOURA OLIVEIRA 1 FrontPage Express Iniciar o FrontPage Express Iniciar o FrontPage Express Assistente da home page pessoal Inserir uma hiperligação uma imagem um som de fundo um vídeo quebras de linhas e linhas horizontais PAULO MOURA OLIVEIRA 2 ficheiros e componentes de webboot um painel rolante Menu Ficheiro Menu Editar Menu Formatar Menu Ver

Transcript of frontpage exp pmo.PPT - home.utad.pthome.utad.pt/~oliveira/frontpage_exp_pmo.pdf · Pode...

1

FrontPageExpress

PAULO MOURA OLIVEIRA1

FrontPage Express

• Iniciar o FrontPage ExpressIniciar o FrontPage Express• Assistente da home page pessoal • Inserir

uma hiperligação uma imagem um som de fundoum vídeoquebras de linhas e linhas horizontais

PAULO MOURA OLIVEIRA 2

ficheiros e componentes de webbootum painel rolante

• Menu Ficheiro• Menu Editar• Menu Formatar• Menu Ver

2

Iniciar o FPE:

Depois de arrancar o FrontPage Express (FPE) quer utilizando os comando dosMenus do Windows quer através do ícone apropriado no ambiente de trabalhoaparece a seguinte janela:

Barra de Título

Barra Menus

Barra de Formatação

PAULO MOURA OLIVEIRA 3

Barra de Formatação

Barra de FerramentasPadrão

Área de Trabalho

Início: Considera-se a introdução ao FPE e às suas várias funcionalidades assumindo-seque se inicia a construção de uma página nova.1. Aceder ao Menu Ficheiro2. Escolher a opção Novo3. Seleccionar a opção pretendida do Menu seguinte

1

3. Seleccionar a opção pretendida do Menu seguinte

Pode-se seleccionar dentro dos vários tipos de modelosde página existentes desde a Página em normal (embranco) ou utilizar um Assistente.

Neste caso selecciona-se oAssistente da home pagepessoal.

2

PAULO MOURA OLIVEIRA 4

Pode seleccionar quais as secçõesprincipais que deseja incluir napágina a construir.

3

Assistente da home page pessoal :

Nome do Ficheiro que contém a página

Título da Página

3

4Título da Página

5

PAULO MOURA OLIVEIRA 5

Assistente da home page pessoal :

6

7

8 98 9

PAULO MOURA OLIVEIRA 6

4

Assistente da home page pessoal :

10

11

12

PAULO MOURA OLIVEIRA 7

Nota:Para comutar o teclado do formato em Inglês paraPortuguês e vice-versa fazer: Alt esquerdo+shift.

Assistente da home page pessoal :

13Depois de seleccionar as opções e responder ao questionário do Assistenteaparece a página proposta na qual é necessário preencher os campos em falta ecolocar a informação adicional que se pretende.

PAULO MOURA OLIVEIRA 8

5

Inserir uma Hiperligação:

Para inserir ou modificar uma hiperligação:1. escrever ou seleccionar o texto no qual se pretende

inserir a hiperligação2 Menu Inserir2. Menu Inserir3. Opção Hiperligação

Exemplo:

PAULO MOURA OLIVEIRA 9

Inserir uma Imagem:

Para inserir uma imagem:1. Aceder ao Menu Inserir2. Escolher a Opção Imagem3 Especificar a localização do ficheiro da3. Especificar a localização do ficheiro da

Imagem

Exemplo:

Nota1: As imagem a serem inseridas devem ser copiadas paraa pasta que contém os restantes ficheiros da página

Nota2: As imagem devem ser preferencialmente do formatoJPEG ou GIF

PAULO MOURA OLIVEIRA 10

Exemplo:

6

Inserir um som de fundo:

Para inserir um som de fundo:1. Aceder ao Menu Inserir2. Escolher a Opção Som de Fundo3 Especificar a localização do ficheiro de3. Especificar a localização do ficheiro de

Som

Nota1: O ficheiro de som deve ser copiado para a pasta quecontém os restantes ficheiros da página

Nota2: Os ficheiros de som devem ser preferencialmente doformato WAVE ou MIDI

PAULO MOURA OLIVEIRA 11

Inserir um Video:

Para inserir um video:1. Aceder ao Menu Inserir2. Escolher a Opção Vídeo3 Especificar a localização do ficheiro de3. Especificar a localização do ficheiro de

Vídeo

Nota1: O ficheiro de video deve ser copiado para a pasta quecontém os restantes ficheiros da página

Nota2: Os ficheiros de video devem ser preferencialmente doformato AVI

PAULO MOURA OLIVEIRA 12

7

Menu Inserir: Outras Opções

Quebra de LinhaTem quatro opções que constam noseguinte submenu:

Linha HorizontalInsere uma linha entre duas linhas.

g

Insere uma linha de espaçoadicional:

Pode-se modificar as propriedades dessalinha clicando duas vezes sobre a mesmaacedendo à seguinte janela:

PAULO MOURA OLIVEIRA 13

Nota1: Quando se utiliza a tecla deEnter em vez de uma linha deespaçamento introduzem-se duas linhas.

Menu Inserir: Outras Opções

SímboloPermite inserir qualquer símbolo dajanela de selecção:

ComentárioPermite inserir um comentário deauxilio na construção a página. Nãoj çsão visíveis no browser.

PAULO MOURA OLIVEIRA 14

Exemplo:

8

Menu Inserir: Outras Opções

FicheiroPermite uma parte de um ficheiroWeb dentro doutro.

Componente WebBotPermite inserir três componentes:1. Incluir2. Marca de Hora3. ProcurarExemplo:

Supondo que existe uma firma chamadaWebDesign que faz páginas e que incluisempre um cabeçalho com o logotipo da firmano topo de todas as folhas. Pode-se efectuarinserindo um ficheiro webdesig.htm

Uma WebBot é uma componente que desencadeiauma acção especificada de forma automática.

Componente WebBot

PAULO MOURA OLIVEIRA 15

Permite inserir três componentes:1. Incluir2. Marca de Hora3. Procurar

Símbolo

Menu Inserir: Outras Opções

Componente WebBotPermite inserir três componentes:1. Incluir

1. IncluirPermite incluir partes deficheiro, com a diferença emrelação à inclusão de ficheiro 2. Marca de Hora

3. Procurar

relação à inclusão de ficheiro,que as alterações efectuadas noficheiro incluído se alteraremautomaticamente nos ficheirosonde o comando Incluir foiutilizado.

Nota1: No modo de edição poderásurgir uma referência à página incluída

PAULO MOURA OLIVEIRA 16

surgir uma referência à página incluída(ou de erro).

9

Menu Inserir: Outras Opções

Componente WebBot

2. Marca de HoraPermite incluir informação relativa à data ePermite incluir informação relativa à data ehora da última modificação.

PAULO MOURA OLIVEIRA 17

Exemplo:

Menu Inserir: Outras Opções

Componente WebBot3. ProcurarPermite incluir campospara efectuar umapesquisa dentro do site.pesqu sa de t o do site.Esta opção pode ser útilno caso do site ser grande.

PAULO MOURA OLIVEIRA 18

10

Menu Inserir: Outras Opções

Inserir Painel RolantePermite fazer com que uma frase de texto deslize no Ecrã. Parainserir um painel rolante:

1. Menu Inserir2. Seleccionar Painel Rolante3. Preencher e seleccionar dados na Janela de Propriedades.

Especifica direcção do movimento do texto,velocidade…

Exemplo:

PAULO MOURA OLIVEIRA 19

Especifica Largura e Altura da Barra de Texto.

Inserir uma Hiperligação (ou link)1. Seleccionar o texto2. Aceder ao Menu Inserir3 S l i Hi li ã

Menu Inserir: Outras Opções

3. Seleccionar Hiperligação4. Introduzir o endereço no campo URL no caso de

uma ligação externa5. Utilizar o separador Abrir Páginas no caso de

ligação interna (Ver Secção Marcador)

PAULO MOURA OLIVEIRA 20

Exemplo:

11

Menu Ficheiro

Cria uma nova páginaAbre um ficheiro existente

Fecha a página correnteFecha a página corrente

Permite especificar o nome e localde armazenamento da página.Quando se utiliza o comandoGuardar na primeira vez tambémaparece a mesma janela.

Guarda a página num ficheiro

Opções de Impressão

PAULO MOURA OLIVEIRA 21

Menu Ficheiro

Propriedades da página: Abre umajanela que permite especificaralgumas características da página.

Geral: Este separador permiteespecificar a localização, título ealgumas definições da página

PAULO MOURA OLIVEIRA 22

Nota1: O seperador Fundo será vistonoutra secção.

12

Menu Editar

Algumas das opções que constam no Menu Editar são comuns a outras ferramentas daMicrosoft.

Selecciona o documento todo

Permite localizar e substituir textoPermite inserir e modificar ummarcador.

Marca-se uma parte da página emconstrução para que possa ser

Permite Editar uma Hiperligação

Permite Remover uma Hiperligação

PAULO MOURA OLIVEIRA 23

acedida de outra parte da mesmapágina através de uma hiperligação

Exemplo: MarcadoresSuponha que quer criar duas secções ou páginas dentro do site chamadas 11 e 12 e criar ligações para as mesmas:

Menu Editar

1. Seleccionar o texto2. Aceder ao Menu Editar3. Seleccionar Marcador4. Introduzir o nome do marcador na janela5. Seleccionar o texto de ligação6. Inserir uma hiperligação para o marcador no

modo de Edição

PAULO MOURA OLIVEIRA 24

Exemplo:

13

Menu Formatar

Algumas das opções queconstam no Menu Formatarsão comuns a outrasferramentas da Microsoft.ferramentas da Microsoft.

Exemplo:

PAULO MOURA OLIVEIRA 25

Menu FormatarRemove qualquer tipo de formatação a umtexto.

Exemplo:Antes

Após a remoção

PAULO MOURA OLIVEIRA 26

14

Menu Ferramentas

Avançar: Mostra a página seguinte nalista de páginas já editadas

Retroceder: Mostra a páginaanteriormente editada

Seguir hiperligação: Segue ahiperligação especificada no endereço.

Opções do tipo de letra: Para ajustar oconjunto de caracteres para diferentesidiomas.

PAULO MOURA OLIVEIRA 27

Menu Tabela

A inserção e manipulação deTabelas dentro do FrontPage étrivial, seguindo a metodologia doWord:

Permitem inserir linhas, colunas,células…

Exemplo:Inicialmente o tamanho das células é fixo e pequeno, masexpandem-se automaticamente com a inserção do conteúdo:

Wo d:1. Aceder ao Menu Tabela2. Seleccionar Inserir tabela3. Especificar os parâmetros

PAULO MOURA OLIVEIRA 28

15

Menu Tabela

E l

As propriedades da tabela permiteespecificar vários parâmetros que constamna janela ao lado.

PAULO MOURA OLIVEIRA 29

Exemplo:Neste caso alterou-se o fundo das células e a cor das linhas:

Menu Ver

E l

As propriedades da tabela permiteespecificar vários parâmetros que constamna janela ao lado.

PAULO MOURA OLIVEIRA 30

Exemplo:Neste caso alterou-se o fundo das células e a cor das linhas: