Fichas de atividade

Módulo 3 – Criação de páginas Web em FrontPage – 23/04/20

Conceitos abordados:
Criar a página índex com tabelas, formatação de tabelas
Formatação de texto, imagens e o fundo das páginas.
Criar hiperligações diversas.

Exercício Nº 4

1. Crie a sua pasta de trabalho com o nome Correio no seu Ambiente de Trabalho. Inicie
o FrontPage e faça um novo Web site para a pasta Correio.
2. Na página index.htm, vá ao menu TabelaTabela e Celulas de Layout e no painel à

direita insira um esquema de tabelas como o apresentado na figura abaixo,

dimensionando a tabela com os valores indicados

60

390

21

100 269 100

3. Insira uma imagem do globo, alterando as dimensões para: retire Manter taxa de
proporção e altere para 269 pixéis de largura por 390 pixéis de altura.
4. Coloque um letreiro digital com o texto O MEU WEBSITE (Inserir>Componente da
Web… e, na janela apresentada, escolha Efeitos dinâmicos> Letreiro digital 
concluir)., com o tipo de letra Arial, tamanho 18pt, cor preta e a negrito. Para o
restante texto é a mesma formatação.
5. Digite o texto eu@meuwebsite.pt, com tipo de letra Arial, tamanho 18pt, cor preta e
a negrito. Associe uma hiperligação de correio electrónico a este endereço.
6. Centre os textos anteriores, tal como apresentado na figura.
7. Formate o fundo da tabela com uma cor a gosto.
8. Formate o fundo da página com uma imagem a gosto.
9. Grave a página índex.htm. A partir dela, crie duas novas páginas com os nomes
enderecos.htm e contas.htm.
10. Elimine as imagens e formate o fundo das células com a cor branca, nas novas
páginas.
11. Na página enderecos.htm, digite o texto na célula central: O símbolo @ separa o
nome do utilizador do nome do domínio no endereço.
12. Centre o texto anterior e formate-o com tipo de letra Arial, tamanho 14 pt e cor
preta.
13. Altere o título para Endereços, com o tipo de letra Arial, tamanho 18 pt, cor
vermelha e a negrito.
14. Na página contas.htm, digite o texto na célula central: Para adicionar uma conta, é
preciso saber o tipo de servidor de correio electrónico.
15. Centre o texto anterior e formate-o com tipo de letra Arial, tamanho 14 pt e cor
preta.
16. Altere o título para Contas, com o tipo de letra Arial, tamanho 18 pt, cor vermelha e
a negrito.
17. Organize o Web site de acordo com a estrutura apresentada na figura abaixo.

18. Crie 2 botões interactivos com os nomes

endereços e contas na página index.htm e com as seguintes características:
a. Cápsula em alto-relevo 5;
b. Tipo de letra Tahoma, tamanho 10;
c. Cor original preta;
d. Cor temporária do tipo de letra vermelho;
e. Cor do tipo de letra clicado – verde-lima;
f. Largura da imagem – 100 pixéis;
g. Altura da imagem – 200 pixéis;
h. Transformar o botão numa imagem JPEG e utilizar o branco como cor de
fundo;
 i. Ligação respectiva às páginas endereços.htm e contas.htm.
19. Crie nas restantes páginas, botões interactivos com as características anteriores
mas com as ligações para a página index.htm e para contas.htm ou endereço.htm.
20. Visualize o site e teste todas as ligações entre as páginas.
 Fichas de atividade
Módulo 3 – Criação de páginas Web em FrontPage – 28/04/20

Conceitos abordados:
Criar a página índex com frames e associar novas
páginas as frames.
Formatar tabelas, letras, imagens e o fundo das páginas.
Criar hiperligações diversas.

Exercício Nº 5

1. Inicie o FrontPage, selecione um novo Web site e defina a localização da página em

C:\florista\

2. A página index.htm tem as seguintes características: Conteúdo

Frame esquerda: Frame direita:

 Nome da frame menu  Nome da frame conteúdo
 Ocupa 25% de  Ocupa 25% de largura total

largura total
 Largura do limite 1  Largura do limite 1 pto

pto
De seguida vamos gravar as páginas existentes: a frame da esquerda irá ser sempre

ocupada por uma página de nome menu.htm, a frame da direita irá alterar mas para já

vamos guardar a presente com o nome quem.htm e o todo será chamado de index.htm

Página menu.htm terá as seguintes características:

- imagem de nome logótipo.bmp, seguido de @Florista em

Verdana, tamanho 24 e cor amarela.

- Quatro opções em tipo de letra Verdana, tamanho 22 e

cor azul, separadas por uma linha em branco que irão

receber posteriormente hiperligações para cada uma das

páginas respectivas.

- Fundo da página cor-de-rosa.

A frame do lado direito será ocupada por uma das três

páginas possíveis, dependendo da opção de menu

escolhida.
3. A página quem.htm tem as seguintes características:

Fundo da página negro;

Todo texto em cor branca;

Título “FLORIS” em Arial

e tamanho 48;

Restante texto em Arial e

tamanho 18.

4. A página orquideas.htm tem as seguintes características:

Fundo da página com cor amarelo claro ao seu gosto;

Todo texto em cor vermelha;

Título em Verdana a negrito e tamanho 16 ;

Restante texto em Verdana e tamanho 12;

As imagens e os nomes estão montados numa tabela de 4 linhas por 3 colunas;

As imagens têm o nome de orquídea_X em que o X é um número de 1 a 6.

5. A página outras.htm tem as seguintes características:

Fundo da página normal;

Título em Verdana, cor vermelho e tamanho 20.

Texto em Verdana, cor vermelho e tamanho 16.

Cada série de imagens está montada numa tabela de 3 linhas por 2 colunas, centrada;

As imagens estão numeradas de 1 a 6;

Todos os nomes das flores em Verdana e tamanho 12 a preto;

Esta página vai ter ainda os seguintes marcadores e hiperligações:

- palavra Abril tem uma hiperligação que envia para o marcador Série Abril;

- palavra Maio tem uma hiperligação que envia para o marcador Série Maio;

- palavra topo tem uma hiperligação que envia para o ionicio da página;

A hiperligação e-mail deverá apontar para floris@florista.pt

 Fichas de atividade

Módulo 3 – Criação de páginas Web em FrontPage – 30/04/20

Conceitos abordados:
Criar páginas novas.
Formatar o fundo, tipo de letra, cor e tamanho.
Criar hiperligações.

Exercício Nº 6

1. Crie um novo Web site com o nome viagem, no ambiente de trabalho.

2.Crie e guarde as páginas do site, tal como o indicado no quadro:

Nome da página Nome do ficheiro

Europa index.htm
Portugal portugal.htm
Itália italia.htm
Calendário calendario.htm
Lisboa lisboa.htm
Roma roma.htm

3.Crie as páginas do site de acordo com a estrutura apresentada:

4. Aplique a todas as páginas do site o tema Cápsulas.

5. Insira em cada página do site uma Faixa de página com o nome da respectiva página.
6. Com um estilo baseado no tema das páginas, insira barras de navegação em todas as
páginas do site, tal como o indicado na tabela.
7. Na página Europa crie dois pontos activos
poligonais, nas áreas de Portugal e da Itália, e
com ligações às respectivas páginas.

8.Nas páginas Portugal e Itália, crie dois pontos

activos circulares, nas áreas de Lisboa e de Roma,
com ligações às respectivas páginas.

9. Na página Lisboa, a seguir aos botões de navegação, insira uma tabela com as seguintes
características:
Nº de linhas:1; Nº de colunas: 1; Largura 600 pixeis; Área de células 10;
Espaçamento entre células 10
Tamanho dos limites:5
Limite da tabela: fechado

10. Dentro da tabela digite o texto seguinte com o tipo de letra Arial e tamanho 12 pt.

Lisboa é uma cidade de vales e colinas abertas sobre o rio. Lisboa é uma cidade de vales e
colinas abertas sobre o rio. O clima ameno, a abundância de fauna e fl ora terão
determinado a sua ocupação por povos primitivos. A partir da colina do Castelo, a cidade foi
crescendo. Fenícios, Gregos e Cartaginenses aqui fundaram colónias. Os romanos
consolidaram a sua vocação portuária e piscatória; a polis integrada no itinerário
Imperial, desenvolveu-se. Construíram-se numerosos edifícios, nomeadamente fórum,
templos, termas, palácios, vilas e um teatro.

11. Depois do texto, insira um parágrafo e a seguir insira a seta.

 Fichas de atividade

Módulo 3 – Criação de páginas Web em FrontPage – 30/04/20

Conceitos abordados:
Criar páginas novas.
Formatar o fundo, tipo de letra, cor e tamanho.
Criar hiperligações.

Exercício Nº 6

1. Crie um novo Web site com o nome meu_site, no disco C:\.

2. Aplique a todas as páginas do site o tema estrada.
3. Crie uma folha de estilos em cascata externa com o nome estrada, a partir do modelo
Auto-estrada.
4. Aplique a todas as páginas do site o tema estrada.
5. Em todas as páginas do site, insira uma tabela com as seguintes características:
Alinhamento: Centro
Largura:600 pixéis
Altura: 500pixeis
Área das células:1
Espaçamento entre células:8
Tamanho dos limites: 6
6. Aplique um limite azul-marinho a todas as células da tabela e com um alinhamento
centrado.
7. Formate todos os parágrafos das páginas com espaçamentos antes e depois de 0 pt e
entrelinhamento simples.
8. Formate os títulos de cada página do site com o estilo Título 1. Por sua vez, aplique um
fundo azul-atlântico e defina uma altura de 50 pixeis para as respectivas células.
9. Com um estilo gráfico baseado no tema Diário, insira na página inicial uma barra de
navegação com ligações personalizadas as páginas agenda, fotografias e formulário.
Guarde-a com o nome barra.
10. Nas restantes páginas, insira uma barra de navegação Anterior, Seguinte e Home page,
com um estilo gráfico baseado no tema Diário, a seguir à tabela e com um alinhamento ao
centro.

PÁGINA INICIAL:
 Na página home page aplique um fundo branco e outro
vermelho.
 Defina uma altura de 25 pixéis para a segunda célula da
tabela.
 A seguir insira uma imagem qualquer.
 Insira uma ligação ao endereço de correio electrónico: meuwebsite@portoeditora.pt,
formatando o texto com a cor branca e um estilo negrito e normal.

AGENDA
 Divida a tabela de acordo com o apresentado.
 Digite o texto contido nas células, aplicando os estilos
Titulo 3 e Titulo 5
 Aplique um fundo branco nas células que contem imagens.
 Insira a imagem de um automóvel que à passagem do rato
alterne com uma imagem diferente.

GALERIA DE FOTOGRAFIAS
 Na página fotografias aplique um fundo vermelho e outro
branco. Defina uma altura de 25 pixeis para as
respectivas células.
 Digite o texto contido nas células anteriores,
aplicando os estilos Titulo2 e Titulo3.
 Insira uma galeria de fotos na última célula e aplique
um fundo cinzento-prateado.

FORMULARIO
 Insira um formulário.
Caixa de texto- 43 caracteres de largura; Caixa
pendente: Aveiro, Beja, Maia, Porto e …
Botão de opção Sim e Não; Caixa de verificação: cabo,
adsl, rdis; Área de texto: largura em caract – 32 e nº.
de linhas – 3; caixa de texto largura em caract- 43
Campo de palavra-passe. Botão : LIMPAR e ENVIAR.
 Fichas de atividade

Módulo 3 – Criação de páginas Web em FrontPage – 05/05/15

Conceitos abordados:
Criar páginas novas.
Formatar o fundo, tipo de letra, cor e tamanho.
Criar hiperligações.

Exercício Nº 10

1. Crie um novo Web site com o nome Escola_de _arte na sua pasta de trabalho.
2. Crie uma página de frames hierarquia aninhada e guarde-a com o nome índex.htm.
3. As restantes páginas do Web deverão ser guardadas da seguinte forma:

4. Crie no paint um logótipo de 100 pixels de largura por 100 pixels de altura.
5. Na frame de título
a) Insira uma tabela com uma linha e uma coluna.
b) Digite o texto ESCOLA SUPERIOR DE ARTES. Formate-o com o tipo de letra arial,
tamanho 18 cor RGB(FF,66,00) estilo negrito e alinhamento à esquerda;
c) Formate o fundo da página com a cor RGB(00,00,66)

6. Dimensione a frame de título com 65 pixels de altura. Esta frame não pode ser
redimensionada no browser nem mostrar as barras de deslocamento.
7. Na frame de faixa:
a) insira o logótipo no topo da página , com um alinhamento à esquerda;
b) insira uma tabela com 3 linhas e uma coluna;
c) digite em cada célula da tabela os seguintes textos:LOCAL, CURSOS E FOTOS;
d) formate os textos anteriores com o tipo de letra arial, tamanho 14, cor RGB(FF,66,00) e
alinhamento à esquerda;
e) formate o fundo da página com a cor RGB(00,00,66)
8. Dimensione a frame de faixa com 124 pixels de largura. Esta frame não pode ser
redimensionada no browser nem mostrar as barras de deslocamento.
9. Na frame de faixa, crie as seguintes ligações:

10. Formate as ligações anteriores para remover os sublinhados e activar efeitos

para passagem com o rato, alternando o tipo de letra para Brodway e estilo
negrito itálico.
11. Estrutura o site de acordo com a figura:

12. Na frame principal, local, insira uma tabela com 3 linhas e 1 coluna.
13. Na primeira célula digite o texto LOCALIZAÇÃO. Formate-o com o tipo de letra arial,
tamanho 14, RGB(00,00,66) estilo negrito e alinhamento à esquerda;
14. De seguida, e na primeira célula insira uma linha horizontal com 3 pixels de altura e cor
RGB(FF,66,00).
15. Na segunda célula insira uma imagem com 200 pixels de largura por 200 pixels de altura
e com um alinhamento à esquerda.
16. na 3ª célula digite “Rua das Flores nº 15”. Formate-o com o tipo de letra Times New
Roman, tamanho 12 cor preta estilo negrito e alinhamento à esquerda.
17. Insira uma quebra de liha e digite na 2ª linha o texto: “5000 Ribeira” com a mesma
formatação anterior.
18. Formate o fundo da página com uma imagem qualquer.
19. Na frame principal, cursos insira uma tabela com 5 linhas e 1 coluna.
20. Na 1ª célula digite CURSOS. Formate-o com o tipo de letra arial, tamanho 14,
RGB(00,00,66) estilo negrito e alinhamento à esquerda;
21. De seguida, e na primeira célula insira uma linha horizontal com 3 pixels de altura e cor
RGB(FF,66,00).
22. nas células seguintes digite em cada uma delas respectivamente: Design de Inetriores,
jardins, Arquitectura e Pintura e Desenho.
23. Formate os textos anteriores com o tipo de letra Times New Roman, tamanho 14 cor
RGB(00,00,66) estilo negrito e alinhamento à esquerda;
24. Formate o fundo da página com a mesma imagem da página local.