Instituto Presbiteriano Mackenzie

Escola Americana e Colgio Mackenzie

Passo a Passo

So Paulo
2001

ndice
Introduo .......................................................................................... 2
Como adquirir o FrontPage? ................................................................... 2
Conhecendo a janela do FrontPage:......................................................... 3
O uso das teclas Shift e Enter................................................................. 3
Vamos comear a trabalhar.................................................................... 4
Criando uma pgina da Web................................................................... 4
Criando uma Nova Pgina ...................................................................... 5
Criando Quadros (Frames) ..................................................................... 6
Inserindo Botes (Hover Button)............................................................. 9
Salvando o seu Site ............................................................................ 10
Criando uma Nova Pgina .................................................................... 12
Procedimentos a Seguir ....................................................................... 13
Criando Tabelas (Table): ..................................................................... 15
Mudando a Aparncia da Tabela............................................................ 17
Mesclando as Clulas .......................................................................... 19
Dividindo as Clulas ............................................................................ 20
Desenhando a Tabela .......................................................................... 22
Excluindo Linhas e Colunas da Tabela .................................................... 23
Inserindo Imagens dentro da Tabela...................................................... 24
Inserindo Vdeos ................................................................................ 26
Inserindo Texto no Site ....................................................................... 28
Msica e Som .................................................................................... 30
Inserindo Hyperlinks ........................................................................... 31
Criando Link para uma Pgina que j est Publicada na Internet ................ 34
Criando Link para Envio de E-mail ......................................................... 36
Mudando a Cor de Fundo do Site........................................................... 37
Aplicando efeito de Marca dgua ao Site................................................ 40
Criando Letreiro Digital na Pgina ......................................................... 43

Escola Americana e Colgio Mackenzie

Introduo
O software FrontPage muito utilizado para a criao, gerenciamento e
publicao de pginas (sites) na Internet. Sendo um produto da
Microsoft Corporation, ele apresenta uma interface bastante amigvel e
fcil de utilizar. No requer conhecimentos avanados do usurio, nem
to pouco uma mquina com um hardware especfico.
O aluno que j teve a oportunidade de trabalhar com o Word (editor de
textos) e o Power Point (programa para criao de apresentaes
profissionais), com certeza ter familiaridade com o programa
FrontPage. Isto acontece,
justamente porque a sua janela, as
ferramentas, os atalhos, a barra de ttulo, a barra de status, as opes
da barra de menu so comuns nos produtos da Microsoft.

Como adquirir o FrontPage?

Existem basicamente duas formas de ter o FrontPage, so elas:

Atravs do pacote Microsoft Office (nesse pacote voc ir

encontrar no s o FrontPage, como outros sofwares: Word,
Excel, Power Point, Access, Outlook);
Individual: que ir trazer apenas o FrontPage (muito utilizado em
upgrades (atualizao)) que oferece ao usurio uma opo mais
econmica, no sendo necessrio trocar todo o pacote MS-Office.

Escola Americana e Colgio Mackenzie

Conhecendo a janela do FrontPage

Barra de Ttulo

Barra de Menu

Barra de
Ferramentas Padro

Barra de
Ferramentas
Formatao

Barra
de
Modos

Barra de
Status

Guias de visualizao
da pgina

O uso das teclas Shift e Enter

Ao pressionarmos a tecla <Enter>, estaremos criando um novo
pargrafo.
Se desejarmos apenas ir para a linha seguinte, devemos pressionar a
combinao de teclas <Shift> + <Enter>.

Escola Americana e Colgio Mackenzie

Lembre-se: quando clicamos na tecla Enter, estaremos criando um

novo pargrafo e o espao do cursor em relao linha de cima ser
maior.

Vamos comear a trabalhar

Para iniciar o programa FrontPage, devemos:
Iniciar Programas Microsoft FrontPage
Ou, simplesmente utilizar o atalho que est na rea de trabalho do
Windows.

Para ativar
o programa,
basta dar
dois cliques
com o
boto
esquerdo
do mouse.

Criando uma Pgina da Web

O FrontPage trabalha com webs. As webs (grupo de arquivos
relacionados disponibilizados em um servidor Web na Internet)
facilitam a organizao dos arquivos. aconselhvel utilizar webs
para construo de sites do que pginas soltas. Alm do controle e
localizao dos arquivos serem facilitados, vrios recursos do FrontPage
sero mais explorados se utilizados em uma web.
Escola Americana e Colgio Mackenzie

Para criar uma web, devemos:

File New Web

Ou podemos utilizar o boto New Page para criarmos uma Web.

Visualize:

Criando uma Nova Pgina

Devemos criar todas as pginas que iro fazer parte da nossa
Homepage. Antes de linkar, ou seja, vincular as pginas, ou mesmo
antes de publicar na Internet, devemos ter todas as pginas prontas.
Para isso, devemos:
File New Page ou

Escola Americana e Colgio Mackenzie

Criando Quadros (Frames)

Os frames (quadros) so utilizados para dividir a rea de trabalho (tela)
do FrontPage em quadros independentes, que se relacionam atravs dos
links. Atravs dos frames podemos ter vrias pginas HTML ao mesmo
tempo, no havendo sobreposio de pginas.
Ser muito til para os alunos que quiserem montar um menu com
vrios botes. Conforme for clicando nesses botes, poder exibir a
janela contendo os dados ao lado, ou seja, no ser necessrio abrir
vrios arquivos ou ter que ficar criando links para voltar a pgina
principal (Homepage).
Para criar uma nova pgina, utilizando os frames (quadros) devemos:
File New Page Frames Pages
1 Passo:
File New Page

Escola Americana e Colgio Mackenzie

2 Passo:
Devemos escolher a opo Frame Pages.

Formatos
de Frames

3 Passo:
s escolher um dos formatos disponveis. Escolha o que for mais
adequado ao seu trabalho.

Escola Americana e Colgio Mackenzie

No exemplo acima, podemos notar que nossa pgina (site) est dividida
em dois frames (quadros), no frame da esquerda podemos utilizar para
inserir os botes de acesso s nossas pginas e o frame da direita ser
utilizado para visualizar as pginas, conforme o internauta for clicando
nos botes.
Observe que temos dois tipos de botes na janela acima: Set Initial
Pages e New Page.

Set Initial Pages: ser usado para acessar uma pgina que j
est pronta no formato *.htm ou *.html. No sendo preciso
montar novamente a pgina.
New Page: ser usado para criar uma nova pgina.

Observao:
Quando for salvar os frames (quadros), muito cuidado, procure nomear
o arquivo de forma que fique fcil de localizar cada quadro, ou seja,
dever salvar todas as partes.

Escola Americana e Colgio Mackenzie

Inserindo Botes (Hover Button)

Os botes so utilizados na construo de pginas, deixando o seu site
com uma aparncia profissional. O boto ser o responsvel por
carregar cada pgina.
Para inserir os botes, podemos utilizar o comando Hover Button do
FrontPage ou mesmo desenhar esses botes.
Insert Component Hover Button
1 Passo:
Insert Component Hover Button

2 passo:
Formatar o seu boto, inserindo texto, aplicando cor, efeito e link ao
boto:

Escola Americana e Colgio Mackenzie

Para
localizar
as pginas
que j
esto
salvas no
seu
diretrio

Para
aplicar
efeitos ao
boto

Salvando o seu Site

Para salvar o arquivo que acabamos de montar, devemos:
1 Passo:
File Save ou
Cuidado na hora de salvar:
Grave na sua unidade e
pasta.

D um nome para a sua pgina.

Escola Americana e Colgio Mackenzie

10

2 Passo:
Na opo Save in (Salvar em), devemos obedecer o seguinte
procedimento:

Os alunos dos 1 e 2 Anos do Ensino Mdio do Colgio

Mackenzie devero salvar na unidade (F:). Dentro da unidade
(F:), devero escolher a pasta da sua turma e em seguida sua
subpasta (que vai de acordo com o micro em que a turma
elegeu).
Os alunos dos 3 Anos do Ensino Mdio do Colgio Mackenzie
devero salvar em (G:). Dentro da unidade (G:), devero
selecionar a pasta da sua turma e em seguida sua subpasta.

3 Passo:
Na opo File name (nome do arquivo) devemos dar um nome para a
pgina.
Observao:
A Homepage (pgina principal) dever ter sempre o nome de
index.htm ( uma conveno adotada por Webdesigners). Com
esse nome ficar mais fcil para o seu professor localizar o seu
arquivo no momento da correo.

Os sites devem ser nomeados de maneira que fiquem fceis de

serem localizados. Em especial, quando for montar os links. No
utilize seu nome ou do colega, nmeros, datas. Isso far com que
seu trabalho fique confuso no momento de linkar ou mesmo de
localizar o arquivo.
Utilize nomes de arquivos contendo apenas 8 (oito) caracteres,
apesar da maioria dos provedores aceitarem nomes de arquivos
maiores.
Tambm evite letras maisculas, acentuao e pontuao nos
nomes dos arquivos.

Escola Americana e Colgio Mackenzie

11

Criando uma Nova Pgina

Depois de salvo, voc pode a qualquer momento alterar as pginas que
esto gravadas no seu diretrio. Para isto, basta abrir o arquivo
existente.
1 passo:
File Open ou
Escolha o
diretrio
(pasta)
em que
est salvo
a sua
pgina

Voc tambm poder localizar os seus arquivos

atravs dessa estrutura

Verifique se a extenso *.html

est selecionada, caso
contrrio voc no consiguir
ver suas pginas.

Lembrete:
Para inserir as figuras (vetoriais e gifs animadas) e fotos devemos
utilizar o seguinte caminho:
Insert Picture From File
No devemos utilizar a opo File Open para inserir figura, um
procedimento errneo.
At agora aprendemos como criar uma pgina (Homepage e os sites),
utilizando a opo File New Page e como criar os frames (File
New Page Frame).
Escola Americana e Colgio Mackenzie

12

Vamos pensar em como a nossa pgina dever ficar depois de pronta.

O ideal, ao criar um site planejar toda sua estrutura antes de comear
a colocar a mo na massa.
J aconteceu com muitas pessoas que tiveram de mudar todo o layout
do site, justamente por no terem obedecido certas normas de
trabalho.

Procedimentos a Seguir
Vamos estudar essas normas, que com certeza ser de suma
importncia para voc: Aluno Webdesigner.
Procedimento 1:
Pense na seguinte pergunta:
A pgina que voc est montando ser destinado a que pblico?

Se estiver trabalhando numa escola, como o nosso caso, em

que devemos montar projetos que posteriormente sero avaliados
e
colocados
no
Portal
Educacional
Emack
(vide
http://www.emack.com.br/), devemos tomar certas precaues, como
por exemplo:
No utilizar as cores que no combinem com os elementos
inseridos na sua pgina;
No abusar das cores. Hoje, o que mais chama a ateno dos
internautas justamente uma pgina colorida e no
monocromtica (preta e branca), mas isso no significa que sua
pgina dever ser infectada por todas as cores existentes da
paleta de cores.
Existem estudos, mostrando que as cores de tons pastis
(amarelo claro, azul claro, salmo, laranja claro, etc) so as mais
utilizadas. As cores mais vibrantes devero ser utilizadas na cor
do ttulo da sua pgina, para enfatizar partes importantes do
corpo do texto, botes do site, ou seja, tudo aquilo que fizer parte
do primeiro plano da pgina. No se esquea que as fotos e as
figuras tambm so coloridas.
Escola Americana e Colgio Mackenzie

13

Procedimento 2:
As fontes (tipos de letras) mais utilizadas na Internet so: Verdana,
Arial e Times New Roman, Tahoma. O site do Emack (portal da
Educao Bsica do Mackenzie - www. emack.com.br) utiliza a fonte
Verdana como fonte padro. Isso se deve justamente, por ser uma letra
no cansativa para a leitura alm de ter uma tima nitidez e resoluo.
Seria ruim visitar uma pgina na Internet, com uma fonte muito
pequena e imperceptvel para leitura.
Procedimento 3:
O ttulo deve apresentar um tamanho maior em relao ao corpo do
texto (por exemplo: tamanho 7 36pt).
O corpo do texto deve apresentar um tamanho menor, como por
exemplo: 10pt, 12pt, 14pt, no mais do que isso.
Procedimento 4:
As partes mais importantes do texto devem ser grifadas, para que o
leitor (internauta) possa ter uma ateno especial na codificao da
mensagem. Utilize para isto: o negrito
texto
O itlico

, o itlico

, a caneta marca

.
ser muito utilizado para grifar palavras de lngua

estrangeira. J o sublinhado
, ser utilizado apenas para fazer
meno ao link, por esse motivo no devemos usar o sublinhado em
momento algum.
Procedimento 5:
Existem vrias ferramentas de alinhamento
(respectivamente
so alinhar a esquerda, centralizar e alinhar a direita) que iro alinhar
textos e figuras.
Voc poder utilizar o menu Format Font para alterar as
configuraes de cores, letras, tamanhos, estilos e efeitos ao invs da
barra de ferramentas formatao. Antes de alterar as configuraes,
devemos selecionar o texto ou apenas parte desse texto.

Escola Americana e Colgio Mackenzie

14

Voc poder utilizar o menu Format Paragraph para alterar o

espaamento entre pargrafos, palavras, linhas, recuos entre os
pargrafos e alinhamentos. Antes de alterar devemos selecionar o(s)
pargrafo(s).

Criando Tabelas (Table):

Um procedimento muito utilizado na montagem das pginas o recurso
Tabelas.
Escola Americana e Colgio Mackenzie

15

Com a opo tabelas possvel organizar os objetos que iro fazer

parte do seu site, sendo possvel trabalhar com vrias colunas numa
nica pgina.
Vamos aprender a criar uma tabela no FrontPage, cujo caminho o
mesmo usado no Microsoft Word.
1 Passo:
Table Insert Table

2 Passo:
Ir aparecer uma caixa de dilogo Insert Table. Veja o exemplo abaixo:

Escola Americana e Colgio Mackenzie

16

Atravs
dessa
opo
ser
possvel
definir o
nmero de
linhas e
colunas da
sua tabela

Para mudar a
largura da sua
coluna, sendo
possvel
trabalhar com
as unidades de
medida: Pixels
ou
Porcentagem.

Permite
alinhar a
tabela no
site.
Para
mudar a
espessura
da borda.
Se for
definida
como
zero, as
bordas
ficaro
ocultas.

Quanto maior a
numerao,
maior ser o
espao entre o
texto e a borda
da tabela.

Quanto maior a
numerao,
maior ser o
espao entre
as clulas da
tabela.

Para ocultar as bordas da tabela, devemos definir em Border

size = 0 (zero).

Mudando a Aparncia da Tabela

Vamos aprender como mudar a aparncia inicial de sua tabela,
aplicando vrios recurso, como por exemplo: cor e espessura da borda,
sombreamento da tabela, etc...
1 Passo:
Selecionar a tabela ou apenas algumas linhas e colunas.
2 Passo:
Table Properties Table

Escola Americana e Colgio Mackenzie

17

3 Passo:
Ir aparecer a caixa de dilogo Table Properties. Veja o exemplo
abaixo:

Para
mudar a
espessura
da borda.
Se for
definida
como
zero, as
bordas
ficaro
ocultas.
Para
inserir
uma figura
como
fundo da
tabela.

Para
mudar a
cor da
borda da
tabela.

Para
localizar a
figura no
seu
diretrio.

Para
mudar a
cor de
fundo da
tabela.

Escola Americana e Colgio Mackenzie

18

Quando estamos trabalhando com tabelas, h necessidade de conhecer

outras opes que iro ajudar na confeco da mesma.

Mesclando as Clulas
Um recurso muito utilizado a opo Mesclar Clulas (ir fazer a juno
de vrias colunas, transformando-a em uma nica coluna, muito
utilizado para inserir um ttulo na primeira linha de uma tabela com
vrias colunas).
1 Passo:
Selecione o conjunto de clulas que ser mesclada.
2 Passo:
Table Merge Cells

Antes

Veja o resultado:

Escola Americana e Colgio Mackenzie

19

Depois

Dividindo as Clulas
Dependendo o escopo do trabalho, quando trabalhamos com tabelas
poder haver a necessidade de acrescer novas clulas a uma linha ou
coluna. Ao utilizar o recurso Split cells (dividindo clulas) temos a
oportunidade de realizar essa ao.
Para dividir as clulas em vrias colunas devemos:
1 Passo:
Selecionar a clula ou o conjunto de clulas que sero divididos.
2 Passo:
Table Split Cells

Escola Americana e Colgio Mackenzie

20

3 Passo:
Ir aparecer a caixa de dilogo abaixo:

Podemos
dividir por
colunas ou
por linhas. A
opo Split
into columns
mais
utilizada.

Quanto maior o
nmero, maior
ser a diviso.

Veja o resultado:

Escola Americana e Colgio Mackenzie

21

Desenhando a Tabela
possvel desenhar a tabela de acordo com o seu projeto. Esse recurso
est disponvel desde a verso 98 do pacote MS-Office.
1 Passo:
Table Draw Table

Escola Americana e Colgio Mackenzie

22

2 Passo:
Ser ativada a barra de ferramentas Tabela (veja abaixo):

Ferramenta Draw
Table (Desenhar
Tabela), ir
auxiliar na
montagem da
tabela.

Ferramenta
Eraser ir
deletar partes
da sua tabela.

Excluindo Linhas e Colunas da Tabela

possvel apagar as linhas e as colunas que no sero utilizadas.
1 Passo:
Selecionar a(s) linha(s) ou a(s) coluna(s).
2 Passo:
Table Delete Cells

Escola Americana e Colgio Mackenzie

23

Lembre-se:
Ao pressionar a tecla <delete>, voc estar apenas deletando as
informaes contidas na clula.

Inserindo Imagens dentro da Tabela

Agora sim, vamos aprender a maneira correta de inserir imagens dentro
de sua tabela.
1 Passo:
Posicione o cursor dentro da clula que dever abrigar a imagem (foto,
figuras, cliparts, gifs animadas).
2 Passo:
Insert Picture From File

Escola Americana e Colgio Mackenzie

24

2 Passo:
Ir aparecer a caixa de dilogo Select File.

Utilize
essa
opo
para
localizar a
imagem
na sua
pasta.

Lista todas
as
imagens.

Certifique-se que essa opo est selecionada. Caso

contrrio s imagens que voc salvou no iro aparecer.

Escola Americana e Colgio Mackenzie

25

Lembre-se:
Todas as imagens devem ser salvas com a extenso *.jpg1 (*.jpeg) ou
*.gif2, caso contrrio s imagens no podero ser lidas pelos browers
Internet Explorer e o Netscape da Navigator. Alm disso, elas
apresentam um tamanho inferior e uma resoluo maior em relao s
imagens do tipo *.bmp (bitmap).
Normalmente, os arquivos GIF, so empregados em cones, botes,
barras e fundos. Os arquivos JPEG so usados em fotografias, logotipos,
imagens escaneadas e mapas.
Veja o resultado:

Inserindo Vdeos
Para inserir vdeos no seu site, o procedimento semelhante ao da
insero de imagens.
1 Passo:
Insert Picture Videos
1
2

JPG a abreviatura de Joint Photographic Expert Group.

GIF a abreviatura de Graphical Interchange Format.
Escola Americana e Colgio Mackenzie

26

2 Passo:

Lista todas
os
arquivos
de vdeos.

Localize
na sua
pasta o
vdeo.

Certifique-se que essa opo est selecionada. Caso

contrrio os vdeos que voc salvou no iro aparecer.

Lembre-se:
Escola Americana e Colgio Mackenzie

27

Se o vdeo que voc salvou no estiver aparecendo, mude a opo

Arquivos do Tipo para All files. Como por exemplo, um vdeo que
estiver gravado no formato mpeg ou mpg, s ser visualizado mudando
a opo para Todos os arquivos.

Inserindo Texto no Site

Vamos aprender a inserir textos do Word/ Word Pad 1/ Bloco de Notas2
no FrontPage:
1 Passo:
Posicione o cursor no local em que dever aparecer o texto.
2 Passo:
Insert File

3 Passo:
Ir aparecer a caixa de dilogo. Veja a ilustrao:

1
2

Na verso Windows 3.1 e 3.1 x era denominada de Write.

Na verso Windows 3.1 e 3.1x era denominada de NotePad.
Escola Americana e Colgio Mackenzie

28

Localize
na sua
pasta o
arquivo
de
texto.

Certifique-se que essa opo est selecionada. Caso

contrrio os textos que voc salvou no iro aparecer.

Lembre-se:
Se a opo Arquivos do tipo estiver mostrando a opo *.html, os
arquivos que voc salvou no Word no iro aparecer. Na opo arquivos
do tipo devero aparecer Word6.0/95 ou All files.
Veja o resultado:

Escola Americana e Colgio Mackenzie

29

Msica e Som
Podemos colocar som de fundo na pgina. No esquea que para fazer
esse prximo passo devemos ter a msica salva em seu diretrio.
1 Passo:
File Properties

2 Passo:
Verifique se a guia General (geral) est selecionada.

Escola Americana e Colgio Mackenzie

30

Guia
Geral
Atravs
dessa opo
vamos
aplicar uma
msica de
fundo ao
site.

3 Passo:
Utilizando a opo Background Sound, devemos localizar a msica
que far parte do site, clicando no boto Browser. Alm disso, podemos
optar pela opo Forever (se ativada far com que a msica repita
continuamente) ou a opo Loop (podemos estabelecer quantas vezes a
msica ser repetida).
Lembre-se:
Para ouvir a msica/som devemos clicar no modo de visualizao
Preview.

Inserindo Hyperlinks
Vamos utilizar um recurso, que deixar a sua homepage mais interativa
e profissional atravs do Hyperlink.

Escola Americana e Colgio Mackenzie

31

1 Passo:
Antes de criar os Hyperlinks, devemos ter todas as pginas (sites)
prontas. O Hyperlink (ou apenas link, segundo alguns autores) devero
ser utilizados apenas na finalizao do projeto. Atravs dos links
podemos vincular os sites a estrutura principal (homepage).
2 Passo:
Insert Hyperlinks

Ou dar um clique com o boto direito do mouse sobre o objeto (texto e

figuras) que ser o link.

Escola Americana e Colgio Mackenzie

32

3 Passo:
Ir aparecer a caixa de dilogo Create Hyperlink. Veja o modelo
abaixo:

Exibe as
ltimas
pginas
salvas em
seu
computador.

Permite
localizar as
suas
pginas, que
j esto
salvas no
seu diretrio
(pasta).

Escola Americana e Colgio Mackenzie

33

4 Passo:
Devemos mostrar ao FrontPage, qual o site que dever ser o link do
objeto selecionado. Utilize a opo
your computer).

(Make a hyperlink to a file on

5 Passo:
Antes de visualizar no Modo Preview (visualizao), devemos salvar as
alteraes

Devemos criar a cultura de estar sempre salvando as nossas alteraes

a cada 5 ou 10 minutos para no perdemos equivocadamente os nossos
arquivos. Em particular, qualquer alterao de link, deveremos salvar as
pginas para no haver duplicao de pginas.
Criando Link para uma Pgina que j est Publicada na Internet
Existem vrios tipos de links, o que estaremos estudando agora
justamente o link para acessar as pginas que j esto publicadas na
Internet.
1 Passo:
Devemos selecionar o objeto quer ir ser o link para abrir as pginas
que j esto na WWW (World Wide Web).
2 Passo:
Clicar com o boto direito do mouse sobre o objeto que ser o link, ou
dar um clique na opo Insert Hyperlink.

Escola Americana e Colgio Mackenzie

34

3 Passo:
Ir aparecer a caixa de dilogo Create Hyperlink. Veja o modelo
abaixo:

Exibe as
ltimas
pginas
salvas em
seu
computador.

Devemos
digitar o
endereo
completo da
pgina.

Escola Americana e Colgio Mackenzie

35

Criando Link para Envio de E-mail

Muitos Webdesigners recebem e-mail contendo elogios em relao a
seu endereo eletrnico, ou seja, a sua pgina. Para isso, vamos
aprender criar um link para acessar o correio eletrnico (Outlook
Express, Nestcape Express, Eudora, etc...).
1 Passo:
Devemos selecionar o objeto (texto ou figura) que ir ser o link para
acessar o seu e-mail, ou seja, qualquer internauta poder enviar
mensagens para voc agradecendo pelo excelente trabalho realizado.
2 Passo:
Clicar com o boto direito do mouse sobre o objeto que ser o link, ou
dar um clique na opo Insert Hyperlink.

3 Passo:
Ir aparecer a caixa de dilogo Create Hyperlink. Veja o modelo
abaixo:

Escola Americana e Colgio Mackenzie

36

Exibe as
ltimas
pginas
salvas em
seu
computador.

Utilize essa
opo para
criar um link
para o seu email.

4 Passo:
Devemos mostrar ao FrontPage, qual o site que dever ser o link do
objeto selecionado. Utilize a opo
mail).

(Make a Hyperlink that sends e-

5 Passo:
Antes de visualizar no Modo Preview (visualizao), devemos salvar as
alteraes

Devemos criar a cultura de estar sempre salvando as nossas alteraes

a cada 5 ou 10 minutos para no perdemos equivocadamente os nossos
arquivos. Em particular, qualquer alterao de link, deveremos salvar as
pginas para no haver duplicao de pginas.

Mudando a Cor de Fundo do Site

Uma das vantagens do FrontPage a possibilidade de poder escolher a
cor que ficar a sua pgina.
1 Passo:
Format Background
Escola Americana e Colgio Mackenzie

37

2 Passo:
Ir aparecer a caixa de dilogo Background. Veja a ilustrao abaixo.

Para
inserir
uma figura
de fundo
na sua
pgina.

Para criar
marca
dgua.

Escolha a
cor que
dever ser
aplicada
de fundo
no seu
site.

Para mudar
a cor do link.
Para mudar
a cor do link
visitado
Para mudar
a cor do link
ativado
(conforme
pressionado)

Atravs
dessa
opo,
voc
poder
deixar a
cor do
texto
como
padro.

Escola Americana e Colgio Mackenzie

38

3 Passo
Utilize a opo Colors / Background (veja ilustrao acima) para mudar
a cor do seu site.

Escolha a cor
de
sombreamento
que dever ser
aplicada no seu
site.

Atravs dessa opo, poderemos

escolher outras cores, alm de fazer
vrias combinaes.

4 Passo:
Se clicarmos na opo More Colors, possvel escolher as cores que
no esto sendo visualizadas na caixa Background. Veja o exemplo na
prxima pgina:

Escola Americana e Colgio Mackenzie

39

Aplicando efeito de Marca dgua ao Site

Podemos criar um fundo texturizado ou mesmo personalizado,
utilizando marca dgua como plano de fundo ao site. Dessa forma,
voc estar tornando a sua pgina mais profissional.
1 Passo:
Format Background

Escola Americana e Colgio Mackenzie

40

2 Passo:
Ir aparecer a caixa de dilogo Background. Veja a ilustrao abaixo:

Para
inserir
uma figura
de fundo
na sua
pgina.

Para criar
marca
dgua.

Localize o
arquivo, cuja
imagem ser
inserida
como marca
dgua.

3 Passo:
Ative a opo Background picture (colocar a figura de fundo, em
ltimo plano) e a opo Watermark (marca d gua).
Escola Americana e Colgio Mackenzie

41

4 Passo:
Clique sobre o boto de comando Browse e localize no seu diretrio
(pasta) o arquivo que contenha a figura ou a foto a ser aplicada como
marca d gua.

Veja o resultado:

Preview permite
visualizar a sua pgina
depois de pronta.

Escola Americana e Colgio Mackenzie

42

Lembre-se:
Para visualizar como o resultado ficar na Internet, devemos utilizar a
barra de visualizao, clicando na opo Preview ou na barra de
ferramentas padro
. O Hyperlink e o efeito Marca dgua s
funcionaro no modo de Preview.

Criando Letreiro Digital na Pgina

O letreiro digital ou marquee ser muito utilizado para enfatizar
algumas frases, passando mensagens ou mesmo para destacar o nome,
nmero e srie do aluno.
1 Passo:
Insert Component Marquee

2 Passo:
Ir aparecer a caixa de dilogo Marquee Properties. Veja modelo
abaixo:

Escola Americana e Colgio Mackenzie

43

Velocidade
do marquee.
Estar
direcionan
do a sua
frase, para
a
esquerda
ou para a
direta.

Alinhe o
letreiro digital
com o texto,
escolhendo
uma das
opes
disponveis.

Mude o
tamanho
do letreiro
digital.
Width =
largura.
Height =
altura.

Atravs dessa
opo
podemos
aplicar um a
cor de
sombreamento
ao marquee.

Mude o sentido da orientao, escolhendo

uma das opes disponveis.

Veja o resultado:

Escola Americana e Colgio Mackenzie

44

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

45

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

46

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

47

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

48

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

49

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

50

Lista de Telefones e E -mails

Escola Americana e Colgio Mackenzie

51

Escola Americana e Colgio Mackenzie

52