Operador Informtica
FrontPage
INTRODUO
A Internet um meio de transmisso de dados, que veio revolucionar os sistemas de
informao, despertando o interesse de todos. Com a Internet obtm-se muita
informao de forma rpida, eficiente e barata relativamente quantidade de
informao disponvel. No entanto, o interesse do utilizador comum em relao
O QUE O FRONTPAGE?
Como conceito bsico, o FrontPage no mais que uma ferramenta de software de
edio e gesto de sites (conjunto de pginas WWW), vocacionado para Internet (a
rede mundial) ou para Intranets (redes existentes no interior de organizaes, como
empresas ou outras instituies). Sendo proveniente da Microsoft, o
FrontPage est
integrado na famlia dos produtos OFFICE, no enquadramento de uma estratgia para
aproximar o mundo da Internet e o ambiente Windows. Assim os utilizadores
familiarizados com a famlia dos produtos OFFICE, tero uma maior facilidade em
trabalho esta ferramenta, pois funciona segundo uma filosofia semelhante.
FUNCIONALIDADE
Podemos considerar dois tipos de pblico alvo do FrontPage: o utilizador comum com
poucos conhecimentos e o profissional da Web.
Devido simplicidade do funcionamento do FrontPage, este constitui uma boa
resposta para o utilizador comum que pretende criar a sua pgina pessoal, permitindo
assim o uso generalizado desta ferramenta. O
FrontPage integra todas as
funcionalidades necessrias para desenvolver um site de uma forma simples e
intuitiva, utilizando os templates e wizards (modelos para pginas e assistentes). Por
outro lado, o FrontPage constitui igualmente uma boa ferramenta para o utilizador
profissional (o pblico alvo por excelncia do
FrontPage), que tem por misso a
edio e gesto de um conjunto de pginas com algum volume e complexidade.
Ter maior facilidade na manuteno dos sites, suprimindo problemas relacionados
com o carcter permanentemente mutante da
Web, originando incoerncias
resultantes do desaparecimento de links de ligao ou alterao do seu endereo, etc.
E porque a construo do site no termina com a sua publicao, mas deve estar em
permanente manuteno ( para manter os seus clientes assduos), o FrontPage
presta um grande auxilio ao permitir fazer uma gesto da prpria estrutura do site:
nomeadamente com a sua funo de testar a integridade do conjunto de pginas,
incluindo as hiperligaes para o exterior.
Aos conjunto de pginas que constituem o Site, o FrontPage designa por WEB. Deste
modo, utilizador pode criar e gerir Webs (Sites) e/ou criar e editar Pginas Web.
Para tirar o mximo partido do FrontPage, recomenda-se que instale o Microsoft Internet Explorer.
INICIAR O FRONTPAGE
Abra o menu Iniciar/Programas e clique em Microsoft FrontPage.
Item
Separador de pgina
Barra de ttulo
Barra de menus
Fechar a pgina
Barras de deslocamento
Barra de estado
Descrio
Uma forma fcil de seleccionar a pgina
pretendida quando existem vrias pginas
abertas.
Apresenta o nome da pgina actual e a
respectiva localizao no Web site.
Contm menus, tais como Ficheiro, Editar,
Ver e Inserir, e constitui o ponto de partida
para muitas das tarefas que ir realizar no
FrontPage.
Para localizar mais informaes sobre um
procedimento no FrontPage, escreva uma
pergunta na caixa Faa uma pergunta, que
acede ao sistema de ajuda online.
Este boto fecha a pgina que est a ser
actualmente visualizada.
Permitem mover a pgina de modo a
apresentar uma seco diferente.
Representa o estado de uma tarefa actual. Por
exemplo, a barra de estado poder apresentar
o texto "A obter Index.htm" durante a abertura
da home page ou mostrar o destino de uma
hiperligao quando mover o cursor do rato por
cima de uma hiperligao no painel Normal.
6
Indicador de progresso
Tempo de transferncia
estimado
Painel de tarefas
MODOS de VISUALIZAO
Pgina - exibe as Pginas do Site. Sempre que abrir uma pgina estar neste
modo de visualizao.
Lista de Pastas
por
exemplo:
<unidade> representa o disco rgido local; regra geral, a unidade C:\ ou D:\.
O FrontPage cria um Web site novo intitulado "SiteIPFEL" e apresenta o
respectivo nome e localizao na barra de ttulo na parte superior da janela do
programa FrontPage.
Uma vez que ir trabalhar com vrios ficheiros no Web site, o FrontPage
tambm apresenta a Lista de pastas, na qual poder ver os ficheiros e
pastas existentes no Web site actual, de forma semelhante aos ficheiros e
pastas do Microsoft Windows Explorer.
8
VISTA PGINA
Clique em Pgina na barra das Vistas:
Clique no boto
Cirar uma nova pgina normal que se encontra na
barra de ferramentas de Padro.
Ou
No Painel das tarefas, na seco Novo, clique em Pgina em branco
10
VISTA PASTA
Clique em Pastas na barra das Vistas:
Clique no boto
Criar uma nova pgina normal que se encontra na
barra de ferramentas de Padro.
Poder ainda utilizar a tecla direita do rato para criar uma nova pgina ou uma nova
pasta.
Para abrir a pgina efectue um duplo clique sobre o ficheiro que pretende abrir.
11
VISTA NAVEGAO
A vista Navegao mostra uma representao grfica da estrutura do Web site.
Uma vez que criou um Web site de uma pgina, o FrontPage designou-a
automaticamente como sendo a home page do Web site, condio esta indicada por
um cone de pequenas dimenses em forma de casa
Lista de pastas
opcional, da
Ou
Utilize a tecla direita do rato
Para mudar o nome s pginas, utilize a
tecla direita do rato sobre a pgina cujo
nome pretende mudar e clique em
Mudar o nome.
12
13
Na vista Pgina
14
Enquanto est a trabalhar no painel HTML, poder utilizar diversos comandos de menu e botes
de barra de ferramentas semelhana do que faz no painel Normal.
Pr-
15
Propriedades da
16
TIPO DE LETRA
Esta formatao bastante semelhante s outras aplicaes.
Tipo de letra (tenha em ateno
o tipo de letra que est a utilizar
pois o visitante do seu site
poder no ter esse tipo de letra
instalado no computador utilize
preferencialmente os seguintes
tipos de letra: Times, Arial,
Verdana, Helvetica ou Courier);
Default Font equivale ao tipo de
letra Times...
Estilo (Negrito, Itlico ou Negrito
e Itlico).
Tamanho do tipo de letra (ter
apenas 7 tamanhos diferentes);
Normal equivale ao tamanho 3
(12 pto.).
Efeitos.
Espaamento entre
caracteres.
Espaamento (Expandido ou
comprimido)
Posio (Elevado ou rebaixado).
PARGRAFOS
Abra o menu Formatar e clique em
Pargrafo.
17
A lista Estilo tambm pode conter estilos de folhas de estilo em cascata (CSS, Cascading Style
Sheets); no entanto, o tpico CSS no abrangido por esta iniciao.
18
possvel repetir a formatao de texto em mais do que uma seleco de texto fazendo duplo
clique no boto Pincel de formatao depois de seleccionar o formato que pretende copiar.
Seleccione as vrias localizaes de texto para as quais pretende copiar a formatao e, em
seguida, volte a clicar no boto Pincel de formatao quando tiver terminado.
19
LINHA HORIZONTAL
1. Posicione o cursor no local onde pretende
inserir a linha.
2. Abra o menu Inserir/Linha horinzontal.
O Frontpage ir inserir uma linha de cor
cinzenta com tamanho 100%.
3. Efectue um duplo clique sobre a linha para
LISTAS
As listas podero ser numeradas (OL) ou no numeradas (UL).
Poder utilizar os botes
20
Marcas (para
para os pargrafos de nvel superior. Esta aco torna possvel ocultar ou mostrar os
Informtica
Office 1
Office 2
21
LIMITES E SOMBREADOS
Seleccione os pargrafos que pretende formatar. Abra o menu Formatar/ limites e
sombreado:
22
IMAGENS
Quanto maior for a imagem, tanto maior ser o arquivo e mais tempo levar para
que ela aparea na sua pgina.
Use imagens em gif quando o nmero de cores no for grande ou se precisar de
transparncia ou animao.
Use imagens em jpg quando o nmero de cores for grande e as variaes de cor
forem suaves, como em fotos, mapas, pinturas, etc..
Imagens em gif no h perda de qualidade para imagens planas e h economia
de espao no disco, enquanto que jpg h compresso de imagens. Todas as duas
extenses tem Interlaced , que faz com que a imagem vai carregando aos poucos
e vai se definindo.
23
24
barra de
25
TABELAS
Uma tabela constituda por linhas e colunas de clulas nas quais pode inserir texto e
grficos.
As tabelas podem ser utilizadas e personalizadas de diferentes maneiras de modo a
ficar mais atraentes e fceis de ler:
Apresentar informaes num formato de tabulao
Esquematizar texto e grficos numa pgina
Trabalhar com linhas e colunas
Pode definir a altura das linhas e a largura das colunas como uma
percentagem do tamanho de toda a tabela, um tamanho especfico em pixels
(Pixel: uma unidade de medida utilizada pelo hardware de visualizao do
computador para apresentar imagens no ecr. Estas unidades, que aparecem
frequentemente como pequenos pontos, compem as imagens mostradas pelo
ecr.), ou definir todas as linhas e colunas com espaos uniformes.
Controlar o texto e o esquema da tabela
Tambm pode controlar a altura e a largura da tabela. Por exemplo, pode
definir a largura da tabela para 80% da largura de toda a pgina (ou largura
da frame, se a tabela estiver numa frame). Se um visitante do site
redimensionar a janela do browser, o tamanho da pgina e da tabela muda de
acordo com as alteraes efectuadas. Em pginas que incluam uma tabela e
texto, tambm pode especificar se deseja que o texto seja apresentado volta
da tabela.
Ao especificar o modo como o texto apresentado dentro de cada clula, pode
controlar o espao existente entre o limite e o texto de uma clula e definir o
alinhamento vertical e horizontal de texto. Alm disso, o texto de tabela pode
ser formatado como qualquer outro texto: pode alterar o estilo de letra, o
tamanho, a cor e outros atributos.
Definir especificaes de limites
Pode personalizar o modo como os limites so apresentados nas tabelas.
Defina a cor do limite para a tabela inteira ou uma cor do limite diferente para
clulas individuais. Pode escolher uma cor para o limite ou, se preferir um
aspecto tridimensional, pode escolher duas cores (uma cor clara e uma cor
escura). Tambm pode alterar a espessura do limite exterior.
Pode escolher imagens e cores de fundo para as tabelas. As cores de fundo
podem ser utilizadas para sombrear determinadas colunas ou linhas para
adicionar nfase. Pode utilizar imagens de fundo para tornar as tabelas mais
atraentes.
Pode definir imagens e cores de fundo para determinadas clulas ou para a
tabela inteira.
Pode atribuir um rtulo ou um ttulo s tabelas, adicionando uma legenda.
Uma legenda da tabela colocada por cima ou por baixo da tabela. Tambm
pode formatar o texto da legenda.
Para dar nfase a determinadas clulas da tabela, pode especific-las como
cabealhos da tabela. Por exemplo, na tabela em baixo, a primeira linha e a
primeira coluna contm rtulos. Esto formatadas como cabealhos da tabela,
por isso destacam-se do resto da tabela. Por predefinio, um cabealho da
tabela formatado como texto a negrito. No entanto, pode modificar o estilo
do cabealho da tabela e definir propriedades adicionais para os cabealhos da
tabela como, por exemplo, sombreado.
26
27
28
Resultado:
29
HIPERLIGAES
As hiperligaes so criadas atravs do elemento <a href= ..> ...</a>
Hiperligaes para uma pgina
<a href="Cursos.htm">Ir para pgina de cursos</a>
Hiperligaes para um Site
<a href="http://www.ipfel.pt">Disney</a>
Hiperligaes para email
<a href="mailto:instituto@ipfel.pt">Contacto</a>
Hiperligaes para uma seco dentro da prpria pgina (Marcador).
<a href="#Clientes">Clientes</a>
..............
<a name="Clientes"></a>
Determina para onde ir a hiperligao <a name="..."></a>
Determina a hiperligao <a href="# ..> Link </a>
Outros tipos de Hiperligaes remotos
ftp ficheiro em um servidor annimo
<a href="ftp://ftp.servidor.pt">link para transferncia de
ficheiro</a>
file - um ficheiro no seu sistema local, ou em um servidor FTP
gopher - um ficheiro no servidor Gopher ; servidores de ficheiros e
informaes
<a href="gopher://servidor.pt">link remoto para um servio
gopher</a>
wais - um ficheiro no servidor WAIS
news - um newsgroup da Usenet ; acesso a grupo de notcias
telnet - uma ligao com um servidor do tipo Telnelt
<a href ="telnet://servidor.pt ">link remoto para um servio
telnet</a>
Observao : quando usamos o FrontPage e digitamos numa pgina um endereo de
um site qualquer e damos espao, ele criar automaticamente a hiperligao ; o
mesmo acontece quando digitamos um email e damos espao ele criar
automaticamente a hiperligao mailto.
1. Digite o texto ou insira a imagem que ir servir de hiperligao.
2. Seleccione o texto ou a imagem.
3. Abra o menu Inserir e clique em Hiperligao;
Ou utilize o boto
Ou ainda CTRL + K.
30
31
Frame de destino e
HOVER BUTTON
Para melhorar o aspecto das
suas hiperligaes, abra o menu
Inserir/Component Web.
No
Tipo de
componente
32
EFEITOS DINMICOS
Outra alternativa so os efeitos dinmicos que podero ser aplicados s hiperligaes,
quer sejam texto quer sejam imagens.
TEXTO
Pretende-se que as hiperligaes de texto fiquem formatadas a
negrito (Bold) e de
IMAGEM
Devem existir duas imagens. Uma para a hiperligao e outra para o efeito
rato a passar.
Imagem da hiperligao
Imagem para o efeito mouse over
33
Com o
34
35
FRAMES
A utilizao de frames uma tcnica muito interessante para organizar e estruturar o
contedo de uma pgina HTML, na medida em que facilita a criao de documentos
compostos que o utilizador v em janelas diferentes dentro da janela principal do
browser.
Apesar de terem sido introduzidas por iniciativa da
Netscape, por altura do
lanamento da verso 2.0 do Netscape Navigator, actualmente, todos os principais
browsers suportam frames.
Isto porque as frames constituem, de facto, uma poderosa ferramenta com vrias
vantagens para os autores de pginas HTML, tais como:
36
FRAMESET
define a forma de diviso do documento em frames.
ROWS="valores"
Este atributo recebe uma lista de valores separados por vrgulas. Esses valores
definem a dimenso de cada frame vertical (linha) em pixels, percentagens da
FRAME
define as caractersticas de cada frame do documento, nomeadamente, o seu nome,
o ficheiro fonte e outras propriedades.
NAME="janela"
NAME serve para atribuir um nome frame que poder ser utilizado em links
para a identificar.
SRC="url"
SRC descreve o URL do documento que dever fornecer o contedo da frame.
SCROLLING="YES|NO|AUTO"
Define se a frame dever, ou no, ter barras de deslocamento ("scroll-bars").
O valor AUTO indica ao browser que este que dever tomar a deciso.
NORESIZE
Este atributo indica que o utilizador no deve ter permisso para alterar
CRIAR FRAMES
1. Seleccione Ficheiro/Novo/Pgina ou Web.
2. No Painel das tarefas clique em Modelos de pgina.
3. Clique no separador Pgina com frames.
4. Seleccione o tipo de Frame que pretende utilizar e clique no boto OK.
37
Se optou por novas pginas, quando guardar, o FrontPage ir pedir o nome para trs
ficheiros.
38
39
40
LIMITES PARTILHADOS
1. No menu Formatar, clique em Limites partilhados.
2. O FrontPage apresenta a caixa de dilogo Limites partilhados. Aqui, poder
especificar em que stio das pginas o FrontPage dever inserir os limites
partilhados. Uma vez que a estrutura do Web site em questo tem dois nveis
de pginas (a home page e as pginas que se encontram abaixo da mesma),
ir utilizar dois tipos de limites partilhados e dois tipos de barras de
navegao.
3. Na caixa de dilogo Limites partilhados, certifique-se de que a opo Todas
as pginas est seleccionada.
4. Para um limite partilhado horizontal, seleccione a caixa de verificao
Superior e seleccione a caixa de verificao Incluir botes de navegao
existente logo abaixo da mesma.
5. Para um limite partilhado vertical, seleccione a caixa de verificao
esquerda e seleccione a caixa de verificao
Incluir botes de navegao
que se encontra abaixo da mesma.
direita
e Inferior e, em seguida,
BARRA DE NAVEGAO
1. Clique no separador de pgina relativo ao ficheiro index.htm.
2. No limite superior da home page, faa duplo clique no texto que indica
as propriedades desta barra de hiperligaes
Edite
para apresentar as
hiperligaes aqui.
estabelecer ligao com pginas localizadas no mesmo nvel. Uma vez que a
home page se encontra num nvel parte na estrutura de navegao do Web
site em questo, no existem outras pginas no mesmo nvel. Assim sendo, o
FrontPage no mostrar outras barras de hiperligaes neste limite partilhado.
3. Na caixa de dilogo Propriedades da barra de hiperligaes, clique em
Nvel subordinado, desmarque as caixas de verificao
Home page e
Pgina principal e, em seguida, clique em OK.
42
Por predefinio, todas as pginas da estrutura de navegao do Web site so includas em barras
de navegao. Poder seleccionar pginas para as excluir das barras de navegao clicando com o
boto direito do rato na pgina na vista Navegao e clicando em Includo nas barras de
navegao no menu de atalho.
44
45
TEMAS
Apesar de a adio de imagens, listas, formulrios, limites partilhados e barras de
navegao ter conferido s pginas do Web site um aspecto mais uniforme e
organizado, poder questionar-se quanto ao que poder fazer com o aspecto algo
rido proporcionado pela presena de texto a preto e a azul num fundo branco.
Imagine o tempo que no demoraria se tivesse de conceber um esquema de cores
para o texto e grficos, alm de criar faixas de pginas grficas, botes de
navegao, marcas para listas e texturas de fundo para todas as pginas do Web site.
Agora imagine o nmero de grficos personalizados adicionais que precisaria de criar
se mantivesse mais do que um Web site e no quisesse que os Web sites tivessem o
mesmo aspecto.
O FrontPage inclui mais de 50 temas concebidos por profissionais, com esquemas de
cores correspondentes, que poder aplicar a uma ou a todas as pginas do Web site.
Um tema composto por elementos de design para marcas, tipos de letra, imagens,
botes de navegao e outros grficos. Quando aplicado, um tema permite conferir
s pginas, faixas de pginas, barras de navegao e outros elementos de um Web
site um aspecto apelativo e consistente.
1. No menu Formatar, clique em Tema.
O FrontPage apresenta a caixa de dilogo Temas. Aqui, poder efectuar a sua
escolha com base numa lista de temas que o FrontPage instalou por
predefinio, ou optar por instalar o conjunto completo de temas a partir do
CD-ROM do FrontPage. Poder efectuar opes quanto ao aspecto do tema,
pr-visualizar os elementos temticos e modificar o tema seleccionado.
2. Clique em alguns dos diferentes nomes de temas contidos na caixa de
listagem de deslocamento.
Quando clicar no nome de um tema, a janela Exemplo do tema apresentar
um exemplo dos elementos grficos contidos no tema seleccionado. Desta
forma, poder, em primeiro lugar, pr-visualizar um tema antes de o aplicar a
todas, ou apenas algumas, pginas do Web site.
Antes de aplicar um tema, poder seleccionar opes de tema que afectam o
aspecto dos componentes do tema. Por exemplo, se seleccionar Cores vivas
sero aplicadas cores mais vivas ao texto e grficos, se seleccionar Grficos
activos animar determinados componentes do tema e se seleccionar
Imagem do fundo aplicar um fundo grfico s pginas do Web site.
Tambm poder optar por aplicar um tema como uma folha de estilo em
cascata.
3. Em Aplicar o tema a, certifique-se de que a opo
seleccionada.
4. Seleccione um Tema.
46
47
Alguns temas contm animaes. Quando aplicar um tema, poder seleccionar a opo Grficos
activos com vista a activar as animaes da faixa de pgina e os efeitos rollover da barra de
navegao, no caso de o tema conter esse gnero de elementos. Para observar os efeitos grficos
activos de um tema, aplique o tema e, em seguida, visualize a pgina no separador Prvisualizao, ou clique no comando Pr-visualizar no browser no menu Ficheiro.
48
Para alterar o texto Home, Para cima, Seguinte e Anterior da barra de navegao:
Abra o menu Ferramentas/Definies da Web.
Clique no separador Navegao.
49
CRIAR UM FORMULRIO
No menu Inserir, aponte para Formulrio e, em seguida, clique em Caixa de
texto.
O FrontPage insere um formulrio novo com uma caixa de texto na pgina actual. As
linhas a tracejado indicam o limite do formulrio. Por predefinio, o formulrio novo
tambm contm os botes Submeter e Repor.
PERSONALIZAR O FORMULRIO
1. Clique no boto Submeter e, em seguida, clique em Centro
ferramentas.
na barra de
2. Prima a seta para a esquerda para colocar o cursor antes do boto Submeter e
prima ENTER.
Ao premir ENTER, adiciona uma linha em branco ao formulrio.
3. Na primeira linha, escreva Nome: e, em seguida, prima SHIFT+ENTER.
Se mantiver a tecla SHIFT premida enquanto prime ENTER criar uma quebra de
linha. As quebras de linha so teis no sentido de diminuir o espaamento entre as
linhas de texto quando comparado com o espaamento entre pargrafos padro.
50
51
PROPRIEDADES DO FORMULRIO
Clique co a tecla direita do rato sobre o formulrio e escolha Propriedades do
formulrio.
52
53
54
mximo.
55
56
57
58
59
3. Na caixa de dilogo Publicar Web, escreva o URL do servidor Web de destino, (por
exemplo, http://exemplo.microsoft.com/~minhaweb) e, em seguida, clique em
Publicar.
Depois de publicar um Web site pela primeira vez, poder ignorar a caixa de dilogo Publicar
Web utilizando o boto Publicar Web na barra de ferramentas. Este procedimento permite
publicar rapidamente todas as actualizaes que tiver efectuado s pginas sem que seja
necessrio fornecer informaes sobre a localizao do Web site. Para voltar a visualizar a caixa de
dilogo Publicar Web, utilize o comando Publicar Web no menu Ficheiro em vez do boto da
barra de ferramentas.
60
Se o FrontPage detectar que est efectuar a publicao num servidor Web que no
suporta as extenses de servidor do FrontPage, publicar o Web site actual via FTP (File
Transfer Protocol).
Se o servidor Web no qual est a publicar o Web site tiver as extenses de servidor do
FrontPage instaladas, o Web site ter acesso a todas as funcionalidades dos componentes
baseados no FrontPage e dos scripts da Web que poder ter inserido nas pginas.
A publicao de Web sites num servidor Web que no tenha as extenses de servidor do
FrontPage instaladas poder provocar a desactivao de algumas das funcionalidades
contidas nas pginas, como, por exemplo, o formulrio de resposta adicionado. O
FrontPage apresentar mensagens de carcter informativo durante o processo de
publicao para o alertar acerca de tipo de situao.
Durante o processo de publicao, o FrontPage apresenta uma barra de evoluo para
indicar o tempo necessrio para transferir o Web site para o servidor Web de destino.
A rapidez com que o FrontPage publica o Web site depender da velocidade de ligao
em questo, assim como do nmero e complexidade das pginas e ficheiros existentes
no Web site.
Por predefinio, quando publica um Web site, so tambm publicados todos os ficheiros e
pginas do mesmo. Para impedir a publicao de determinadas pginas ou ficheiros, clique com o
boto direito do rato na pgina ou ficheiro numa das vistas do Web site e clique em No publicar.
Assim que o FrontPage tiver publicado o Web site com xito, fornecer uma hiperligao
para o Web site novo na caixa de dilogo de confirmao. Clique na hiperligao para
abrir o Web site publicado no Web browser.
61