Académique Documents
Professionnel Documents
Culture Documents
com
#41890811
2
O Microsoft Front Page (ou apenas) Front Page um aplicativo da
Microsoft que permite criar e gerir websites.
Os sites podem ser criados de acordo com modelos pr definidos pela
Microsoft, ou ento de uma forma totalmente livre.
S Si it te es s P Pr r d de ef fi in ni id do os s: :
Para criar um dos modelos pr-
definidos pela Microsoft v a
(fig.1).
Fig. 1
Abre uma janela onde vamos seleccionar o tipo de web que pretendemos
(fig.2), clicando de seguida em .
Fig. 2
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
3
O modelo que escolhemos ento transposto para o nosso ecran (fig.3),
com todas as pginas, por que, composto.
Fig. 3
A pgina a primeira pgina, ou seja, a pgina principal.
Para trabalhar neste modelo, basta abrir a pgina que se pretende e
substituir o que l est escrito, por defeito, por aquilo que pretendemos
difundir no site que estamos a construir.
Para adicionar novas pginas clicamos no boto .
Vemos surgir no quadro (frame) do lado direito, um menu, em rvore
(fig.4), onde esto representadas todas as pginas que compem o
website.
Fig. 4
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
4
A para acrescentar pginas seleccionamos a pgina de que
pretendemos que a nova pgina dependa, clicando de seguida no boto
, da barra de ferramentas (fig.5).
Fig. 5
Para apagar uma pgina, selecciona-se a pgina que se pretende apagar
e pressiona-se a seguir a tecla delete.
S Si it te es s e em m B Br ra an nc co o: :
O Programa d-lhe a hiptese de criar uma pgina em branco que
adeqe ao seu gosto, estilo e convenincia, de acordo com o objectivo
pedaggico que se prope.
Para tal, v ao menu (fig.1).
Seleccione a opo , seguida de .
Basta ir preenchendo e acrescentando pginas medida das
necessidades e objectivos pedaggicos.
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
5
C Cr ri ia a o o d de e S Si it te es s d de e f fo or rm ma a t to ot ta al lm me en nt te e l li iv vr re e: :
Criar um site de forma autnoma, permite que o construtor do mesmo,
tenha no s maior percepo do trabalho que vai concretizando, mas
tambm mais facilidade em arrumar os ficheiros nas pastas de acordo com
as categorias.
A As sp pe ec ct to os s b b s si ic co os s d do o P Pr ro og gr ra am ma a: :
Fig. 6
Quando abrimos o programa aparece-nos uma imagem semelhante da
figura 6, onde podemos observar:
As barras, semelhantes s dos outros programas nossos
conhecidos (fig.7).
Fig. 7
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
6
As views (fig.8). Esta funcionalidade apenas usada por ns,
quando utilizamos as funcionalidades de construo de websites,
pr-definidos pelo front page.
Fig. 8
Fig. 9
A lista de pastas (fig.9). Outra funcionalidade apenas utilizada, quando
construmos o nosso site usando as funcionalidades de construo de
websites, pr definidos pelo Front Page 2000.
A zona de trabalho (fig.10). a rea onde concretizamos o nosso
trabalho e basicamente aquela, onde iremos ver cada uma das pginas
que iremos construir durante a nossa formao.
Fig. 10
Nesta rea podemos observar o nome da pgina em que estamos a
trabalhar ( ) e ainda saber em que vista da pgina estamos
( ).
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
7
C Cr ri ia a o o d de e P Pa as st ta as s: :
V ao cone na barra de tarefas e abra o explorador do Windows.
A seguir procure a pasta . Dentro dela procure e abra a
pasta .
V ao menu (fig.11).
Fig. 11
Na pasta criada ( ), aproveitando a seleco , substitui-
se o nome que est pelo nome que queremos dar ao site. (Ex: ).
A seguir abra a pasta criada e dentro dela , seguindo a mesma
metodologia, crie as pastas .
1
Na pasta iremos guardar todas as imagens sem movimento.
Na pasta vamos guardar todas as imagens com movimento.
1
Estas pastas s devem guardar contedos que vo ser usados na construo do site.
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
8
Na pasta , guardaremos os fundos para as web pages.
Na pasta guardam-se as pginas html criadas, com excepo da
pgina (a pgina de abertura do site).
B Bi ib bl li io ot te ec ca a d de e I Im ma ag ge en ns s: :
Se quiser construir uma biblioteca de imagens, durante as suas pesquisas
na Internet, deve criar um espao para elas, por exemplo, dentro da pasta
, na pasta .
A fim de organizar as imagens, para facilitar a sua procura e utilizao,
deve criar dentro da pasta , as pastas .
G Gu ua ar rd da ar r i im ma ag ge en ns s d da a I In nt te er rn ne et t : :
Quando pesquisa na Internet pode retirar imagens de que goste e guard-
las no seu computador, dentro da pasta , situada na pasta
.
G Gu ua ar rd da ar r F Fu un nd do os s: :
Numa zona da pgina que tem aberta,
clique com o boto direito do rato.
Abre o menu representado na figura 12,
onde deve clicar em .
Fig. 12
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
9
Fig. 13
Abre a janela idntica
representada na figura 13, onde
vamos procurar a pasta , para
guardar este fundo dentro dela.
G Gu ua ar rd da ar r I Im ma ag ge en ns s p pa ar ra ad da as s: :
Para guardar uma imagem parada clica-se
com o boto direito do rato sobre a imagem
pretendida.
Na janela que se abre, clica-se em
(fig.14).
A imagem guarda-se dentro da pasta
.
Fig. 14
G Gu ua ar rd da ar r I Im ma ag ge en ns s e em m M Mo ov vi im me en nt to o: :
Para guardar uma imagem em movimento clica-se com o boto direito do
rato sobre a imagem pretendida, mas com ela em movimento.
Na janela que se abre, clica-se em .
A imagem guarda-se dentro da pasta .
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
10
A A P Pr ri im me ei ir ra a p p g gi in na a d do o S Si it te e: :
A primeira pgina do site sempre a pgina principal. Devemos-lhe dar
sempre o nome ndex ( ).
I In ns se er ri ir r u um ma a i im ma ag ge em m: :
Um ttulo pode ser feito como imagem ou como texto.
Para o inserir como imagem, ele tem de ser feito num programa de
imagem, ou at no Word, utilizando os objectos do Word Art.
Uma vez feito, grava-se com a extenso (fig.15), dentro da pasta
, localizada na pasta , dentro da pasta .
Fig. 15
Para inserir a imagem vai-se ao menu
(fig.16).
Fig. 16
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
11
Abre uma janela idntica representada na figura 17, onde vamos
procurar dentro da pasta ou a imagem que pretendemos
inserir, pressionando de seguida, o boto .
Fig. 17
O alinhamento da imagem faz-se com os botes .
F Fo or rm ma at ta ar r a a i im ma ag ge em m: :
Para formatar a imagem, seleccionamo-la. A seguir vamos ao menu
(fig. 18).
Fig. 18
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
12
Na janela que abre, fig.19, poderemos
escrever um comentrio para a imagem,
no rectngulo direita de (fig.20), do
separador .
Fig. 19
Fig. 20
Para corrigir o tamanho da imagem clicamos no separador , da
janela representada na figura 19.
Vemos surgir a janela representada na figura 21.
Fig. 21
Para aumentar ou diminuir o tamanho
da imagem, colocamos um asterisco
em e aumentamos ou
diminumos o tamanho nos tringulos
( ), por exemplo da opo .
A seguir pressionamos o boto
.
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
13
I In ns se er ri ir r f fu un nd do o: :
Fig. 22
Para inserir um fundo na pgina vamos ao menu
(fig.22).
Fig. 23
Abre a janela representada na
figura 23, onde colocamos um
asterisco em ,
clicando de seguida em .
Fig. 24
Esta aco abre a janela
representada na figura 24, onde
vamos procurar a pasta da
nossa pgina, a fim de seleccionar
o fundo que pretendemos inserir.
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
14
Fig. 25
Agora que inserimos o
fundo da pgina,
constatmos que a imagem que
tnhamos colocado tem o fundo em branco
(fig.25).
Fig. 26
Para tornar esse fundo
transparente, selecciona-se o objecto
de desenho e toca-se com ele na parte da imagem que
se quer tornar transparente.
A diferena pode ser observada na figura 26.
E Es sc cr re ev ve er r T Te ex xt to o: :
O texto pode ser escrito directamente no Front Page, ou ento importando-
o de qualquer outro aplicativo do Office, usando os comandos e .
Se escrever directamente no Front Page, para mudar o tipo e a cor da
letra, pode usar a barra de formatao (fig. 27):
Fig. 27
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
15
Fig. 28
ou ento o menu (fig.28).
G Gu ua ar rd da ar r a a P P g gi in na a: :
Para guardar a primeira pgina vai-se ao menu . Na janela
que abre, fig.29, d-se o nome pgina no rectngulo direita de ,
fig.30.
Fig. 29
Fig. 30
A fim de que a pgina quando abre, no surja com o nome que por defeito
o Front page lhe d ( ), devemos mudar esse nome,
clicando no boto .
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
16
Fig. 31
Na janela da figura 31, substitumos , por e pressionamos o
boto seguido do boto
Esta pgina ( ) guarda-se solta dentro da pasta da pasta
da nossa Home Page (fig.32).
Fig. 32
As outras que constituem o nosso site devem ser guardadas
dentro da pasta , fig.33.
Fig. 33
I In ns se er ri ir r T Ta ab be el la as s: :
Para inserir uma tabela, fig.34, vai-se ao
menu .
Fig. 34
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
17
Abre a janela representada na figura 35, onde, vamos seleccionar o n. de
linhas ( ) e o numero de colunas ( ) que pretendemos que a
tabela contenha. Por fim pressionamos a tecla .
Fig. 35
U Un ni ir r C C l lu ul la as s: :
Se numa das colunas da tabela pretendermos unir as clulas,
seleccionamos em primeiro lugar aquelas que pretendemos unir. A seguir
vamos ao menu , fig.
Fig. 36
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
18
T To or rn na ar r a a T Ta ab be el la a T Tr ra an ns sp pa ar re en nt te e: :
Fig. 37
Vai-se ao menu
. Abre uma janela (fig.37).
Na opo , diminuir o menu para
, fig. 38.
Fig. 38
I In ns se er ri ir r: :
L Li in nh ha a h ho or ri iz zo on nt ta al l: :
Menu .
D Da at ta a e e H Ho or ra a: :
Menu . Abre
a janela representada na figura,
onde vamos escolher, clicando em
cada um dos menus desenrolveis,
o tipo de hora que pretendemos.
Por fim pressionamos a tecla
.
Fig. 39
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
19
T Te ex xt to o e em m M Mo ov vi im me en nt to o: :
Escrever o texto e format-lo como se pretender.
Para dar o movimento selecciona-se o texto, vai-se ao menu
.
Fig. 40
Surge a janela representada
na figura 40, onde vamos
escolher a direco ( ),
movimento ( ) e
velocidade ( ) do texto.
No fim clica-se em .
H Hy yp pe er rl li in nk ks s: :
Hyperlinks, ou links, so ns (ligaes), que nos conduzem a outras
ligaes.
L Li ig ga ar r p p g gi in na as s e en nt tr re e s si i: :
Para linkar as pginas que estamos a
construir entre si, seleccinamos em 1.
lugar o objecto ou palavra onde
pretendemos fazer a ligao. A seguir
fazemos clique no boto de hyperlink
Fig. 41
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
20
( ).
Abre a janela representada na figura 41. Pressionamos a seguir o boto
, na barra de
ferramentas.
Na janela que abre, figura
42, escolhemos a
localizao do ficheiro a
que queremos ligar o
anterior, seleccionamo-lo
e a seguir pressionamos
o boto .
Fig. 42
L Li ig ga ar r u um ma a p p g gi in na a q qu ue e e es st ta am mo os s a a c co on ns st tr ru ui ir r a a p p g gi in na as s p pu ub bl li ic ca ad da as s n na a
I In nt te er rn ne et t: :
Seleccionamos a palavra ou o objecto onde pretendemos fazer a
hiperligao. A seguir clicamos no boto hyperlink ( ).
Abrimos a pgina da Internet que queremos linkar que estamos a
construir. Seleccionamos e endereo, clicando com o boto esquerdo do
rato, direita do mesmo . A seguir e ainda na pgina da Internet que
temos aberta, pressionamos o boto editar ( ).
Abre o menu representado na figura 43, onde
seleccionamos a opo copiar ( ).
Fig. 43
Maria de Balsamo Mendes e-mail: samy_mendes@hotmail.com
#41890811
21
Voltamos ao Front Page, onde temos aberta a janela do hyperlink. No
rectngulo frente de , figura 44, apagamos o , pressionando de
seguida o boto direito do rato. Abre o menu representado na figura
45,onde seleccionamos a opo colar ( ).
Fig. 44
Fig. 45
L Li in nk k p pa ar ra a o o c co or rr re ei io o e el le ec ct tr r n ni ic co o: :
Para fazer um hyperlink para o correio electrnico, comea-se por
seleccionar a imagem que se pretenda. A seguir pressiona-se o boto de
hyperlink ( ).
Abre a janela do hyperlink, figura 41. Clica-se no boto para fazer o
hyperlink para o e-mail ( ).
Abre a janela representada na figura 46, onde devemos escrever o
endereo electrnico completo no rectngulo existente na mesma
, pressionando de seguida o
boto .
Fig. 46