Escolar Documentos
Profissional Documentos
Cultura Documentos
Proibida a reproduo,
mesmo parcial, por qualquer
processo mecnico,
eletrnico, reprogrfico, etc.,
sem a autorizao, por
escrito, do(s) autor(es) e da
editora.
FRONTPAGE
2000
FRONTPAGE 2000
SUMRIO
Introduo ....................................................................................................................................... 1
A Linguagem Html E O Frontpage......................................................................................................1
Alguns Conceitos: ...........................................................................................................................1
Conhecendo O Frontpage 2000 ........................................................................................................ 2
Modos De Visualizao ....................................................................................................................3
Pgina .......................................................................................................................................3
Pastas........................................................................................................................................3
Relatrios ...................................................................................................................................3
Navegao..................................................................................................................................3
Hyperlinks ..................................................................................................................................3
Tarefas ......................................................................................................................................3
Criando Um Site ............................................................................................................................... 4
Criando Uma Web ...........................................................................................................................4
Inserindo Uma Nova Pgina .............................................................................................................5
Importando Uma Pgina Ou Uma Pasta..............................................................................................6
Importando Uma Web .....................................................................................................................7
Modos De Visualizar A Pgina ...........................................................................................................9
Formatando As Pginas Do Site ....................................................................................................... 9
Formatando Fonte...........................................................................................................................9
Formatando Pargrafos.................................................................................................................. 12
Alinhamento ............................................................................................................................. 12
Recuos ..................................................................................................................................... 12
Espaamentos ........................................................................................................................... 13
Aplicando Efeitos De Animao Ao Texto .......................................................................................... 13
Propriedades Da Pgina ................................................................................................................. 14
Mudando O Plano De Fundo......................................................................................................... 15
Definindo Uma Figura Como Plano De Fundo............................................................................... 15
Para Definir Uma Cor Como Plano De Fundo: .............................................................................. 16
Definindo A Cor Padro Do Texto ................................................................................................. 16
Definindo O Ttulo Da Pgina ....................................................................................................... 17
Definindo Cores De Hyperlinks ..................................................................................................... 17
Inserindo Linhas Horizontais........................................................................................................... 17
Personalizando Uma Linha Horizontal............................................................................................ 17
Marcadores E Numerao............................................................................................................... 18
Para Inserir Marcadores .............................................................................................................. 18
Para Usar Uma Imagem Como Marcador .................................................................................... 19
Para Inserir Numeradores ........................................................................................................... 20
Bordas E Sombreamento ............................................................................................................... 21
Aplicando Borda ........................................................................................................................ 21
Aplicando Sombreamento ........................................................................................................... 22
Transio De Pgina...................................................................................................................... 22
Trabalhando Com Imagens ............................................................................................................ 23
Clip-Art ....................................................................................................................................... 24
Inserindo Um Clipart .................................................................................................................. 24
Inserindo Imagens De Arquivos ...................................................................................................... 25
Vdeo .......................................................................................................................................... 26
Mapa De Imagens......................................................................................................................... 28
Transformando As Imagens Em Um Mapa De Imagem: ................................................................... 28
Criando Um Vnculo Padro ......................................................................................................... 30
FRONTPAGE 2000
Temas ............................................................................................................................................ 31
Personalizando Os Temas............................................................................................................... 32
Alterando As Cores .................................................................................................................... 32
Alterando Os Elementos Grficos.................................................................................................. 34
Alterando O Formato Do Texto..................................................................................................... 35
Salvando O Tema ...................................................................................................................... 36
Trabalhando Com Componentes ..................................................................................................... 36
Letreiro Digital ............................................................................................................................. 37
Inserindo Um Letreiro Digital ....................................................................................................... 37
Gerenciador De Anncios Em Faixa.................................................................................................. 38
Inserindo Um Gerenciador De Anncios Em Faixa ........................................................................... 38
Boto Em Foco ............................................................................................................................. 39
Inserindo Um Boto Em Foco....................................................................................................... 39
Pgina De Incluso ....................................................................................................................... 40
Figura Ou Pgina De Incluso Programada ....................................................................................... 41
Hyperlink ....................................................................................................................................... 42
Para
Para
Para
Para
Um Endereo Na Www............................................................................................................ 43
E-Mail .................................................................................................................................. 43
Outra Pgina......................................................................................................................... 43
Outro Ponto Na Mesma Pgina ................................................................................................. 43
Tabela ............................................................................................................................................ 44
Modificando Atributos Da Tabela ..................................................................................................... 45
Modificando Atributos Da Clula ...................................................................................................... 46
Incluindo Linhas E Colunas............................................................................................................. 47
Removendo Linhas E Colunas ......................................................................................................... 47
Mesclando E Dividindo Clulas ........................................................................................................ 47
Quadros ......................................................................................................................................... 48
Criando Pginas Com Quadros ........................................................................................................ 48
Configurando Cada Quadro ............................................................................................................ 49
Salvando Quadros...................................................................................................................... 50
Configurando Propriedades Dos Quadros ....................................................................................... 51
Desativando As Bordas Dos Quadros E Controlando Os Espaos Entre Os Quadros............................... 52
Criando Vnculos Entre Quadros ...................................................................................................... 52
Dividindo E Excluindo Quadros........................................................................................................ 53
Formulrio ..................................................................................................................................... 54
Inserindo Campos De Formulrio .................................................................................................... 54
Caixa De Texto.......................................................................................................................... 54
Caixa De Seleo ....................................................................................................................... 55
Boto De Opo ........................................................................................................................ 56
Menu Suspenso ......................................................................................................................... 57
Caixa De Texto De Rolagem ........................................................................................................ 58
Botes De Ao ......................................................................................................................... 58
Transmitindo E Processando O Formulrio ........................................................................................ 59
Barra De Navegao....................................................................................................................... 60
Relatrios Para Acompanhamento ................................................................................................. 64
Publicando A Pgina....................................................................................................................... 66
Provedores De Presena De Sites Da Web Do Frontpage ..................................................................... 66
Fazendo Upload Pela Primeira Vez ................................................................................................... 67
Tentativas De Publicao Posteriores ............................................................................................... 68
CONCLUSO ..........................................................................................................................................................................69
Rua dos Otoni, 881 - 9 Andar
Belo Horizonte - MG - 30150-270
www.zargon.com.br
(031) 273-2822
FRONTPAGE 2000
INTRODUO
A WWW (World Wide Web), existe h apenas alguns anos, e tem revolucionado o modo de
comunicao entre as pessoas. Alm de enviar mensagens de correio eletrnico pelo mundo, qualquer um
pode criar suas prprias informaes personalizadas e disponibiliz-las atravs de uma Pgina Web a
qualquer pessoa que possua um navegador da Web.
As pginas da Web existem deste 1991, quando a WWW foi inventada. Naquele tempo, um
grupo de pessoas colaborou para a criao de vrios padres que permitiram que os computadores de todo
o mundo falassem uns com os outros eletronicamente. Um dos mais importantes padres criados por eles
foi a HTML, linguagem de marcao que est por trs de cada pgina da Web.
O FrontPage uma ferramenta de criao, gerenciamento e publicao de sites da Web.
Tudo isto feito de forma interativa, sem precisar necessariamente, de saber utilizar e programar em HTML.
ALGUNS CONCEITOS:
HTML: significa Hypertext Markup Language, ou Linguagem de Marcao de Hipertexto. a
linguagem de marcao que est por trs de cada pgina da Web, controla o modo exato pelo qual o texto e
os grficos (figuras) so apresentados atravs de um navegador.
Navegador ou Browser: o programa que todos precisam ter em seu computador para
explorar a Internet. o navegador que l arquivos HTML, comunica com um dos milhares de servidores que
compem a WWW e recebe de volta, do servidor, o arquivo HTML que dever ser exibido na tela em forma
de textos e figuras. um interpretador de HTML que l os cdigos contidos no arquivo e decide como exibilos.
Web: uma rede global composta por milhares de computadores diferentes que
constantemente conversam uns com os outros. Cada computador da WWW chamado de servidor da Web e
contm vrios arquivos HTML.
Pgina da Web: o arquivo contendo comandos HTML.
Site: um conjunto de pginas HTML relacionadas entre si.
Site da Web do FrontPage: para o FrontPage, um grupo de pginas da Web
relacionadas entre si geralmente chamado de site da Web sempre chamado de Site da Web do
Rua dos Otoni, 881 - 9 Andar
Belo Horizonte - MG - 30150-270
www.zargon.com.br
(031) 273-2822
Pg.: 1
FRONTPAGE 2000
FrontPage. Ela diferente da World Wide Web (WWW) que geralmente citada na frase navegar pela
Web. Tal Web o conjunto de computadores interligados pelo mundo inteiro que enviam pginas HTML
para todos os lados medida que estas so solicitadas por usurios (conforme conceito visto
anteriormente).
Java: uma linguagem popular que os programadores utilizam para criar programas
interativos, denominados applets, que so executados diretamente dentro de uma pgina da Web. Ela est
otimizada para funcionar especificamente na WWW e funciona exatamente do mesmo modo em todos os
tipos de computadores, dentre os quais os Macs, os Pcs e as mquinas UNIX.
CGI: (Common Gateway Interface) uma linguagem de programao, que possibilita que
pginas da Web se comuniquem e compartilhem informaes com o servidor no qual residem atravs de
banco de dados.
Pixel: uma unidade de medida para monitores de computador que se refere ao nmero de
pontos que compe a tela. Um monitor VGA tem 640 pixels de largura por 480 pixels de altura. Cada pixel
corresponde a um dos pontos da tela do seu computador que compem toda a imagem.
Barra de
Ferramentas
Padro
Barra de
Formatao
Barra
de
Modos
Barra de Status
Guias de visualizao da
pgina
Pg.: 2
FRONTPAGE 2000
MODOS DE VISUALIZAO
PGINA
O modo de visualizao Pgina ser utilizado para fazer a edio das pginas que faro parte
do site que est sendo criado.
PASTAS
O modo de visualizao Pastas mostra de que modo o site organizado. Todos os arquivos
HTML e imagens so exibidos e podem ser organizados em vrias subpastas, como por exemplo a subpasta
Images onde so armazenados todos os grficos (figuras) utilizados na sua Web.
RELATRIOS
O modo de visualizao Relatrios ser utilizado para voc gerenciar a web que estiver
trabalhando. Poder ser visualizado um resumo do site, os arquivos lentos, os desatualizados, etc.
NAVEGAO
O modo de visualizao Navegao usado para construo de barras de navegao
automatizadas entre pginas da Web. Ou, pode tambm ser utilizado simplesmente para montagem de um
organograma do site, facilitando o controle e navegao entre os arquivos que voc criou. (O assunto Barras
de Navegao ser abordado mais adiante nesta apostila).
HYPERLINKS
Este modo de visualizao oferece uma representao grfica de como cada arquivo do seu
site est vinculado a outro. Por meio de um sistema hierrquico, o FrontPage desenha linhas entre os
arquivos vinculados. Mostrando a organizao dos links, assim voc consegue identificar se os links criados
esto bem distribudos ou confusos.
TAREFAS
O ltimo modo de visualizao apresenta uma lista de tarefas que voc marcou para serem
concludas. Ao longo do processo de construo do site, voc pode freqentemente tomar nota de tarefas
que devem ser concludas antes que o site esteja terminado. Estas tarefas podem ser lidas e concludas uma
por vez.
Pg.: 3
FRONTPAGE 2000
CRIANDO UM SITE
CRIANDO UMA WEB
Uma Web o grupo de arquivos relacionados disponibilizados em um servidor Web na
Internet. O FrontPage trabalha com webs para facilitar a organizao dos arquivos da mesma. Existem
vrios modelos e assistentes que o auxiliaro na criao da sua web ou site.
mais aconselhvel utilizar webs para construo de sites do que pginas soltas. Alm do
controle dos arquivos serem facilitados, vrios recursos do FrontPage sero mais explorados se utilizados em
uma web.
Para criar uma web:
1.
Clique no menu Arquivo / Novo / Web ou na seta direita do boto Nova Pgina
na barra de ferramentas Padro e selecione a opo Web, conforme a figura a seguir
mostra.
2.
Ser exibida a janela para escolha do modelo ou assistente para criao da Web.
Pg.: 4
FRONTPAGE 2000
3.
Primeiro selecione o tipo de web que ser criada. Depois na caixa Especifique o
local da nova web defina em qual pasta do winchester o seu site ser armazenado.
Este caminho dever ser digitado.
4.
5.
Voc visualizar a tela no modo de exibio Pgina que utilizado para edio das
pginas do site. Do lado esquerdo est sendo visualizado a lista de pastas da web
que pode ser ocultada.
6.
Lista de
Pastas
1.
2.
Uma nova pgina aparecer do lado direito da tela com o nome nova pgina1.
Pg.: 5
FRONTPAGE 2000
Est janela s aberta quando utilizamos o menu Arquivo / Novo, quando clicamos
no boto Nova pgina na Barra de Ferramentas Padro inserida uma pgina em
branco automaticamente.
2.
Pg.: 6
FRONTPAGE 2000
3.
Clique sobre o arquivo ou pasta desejado de acordo com o local que se encontra
gravado.
4.
Na janela que ser aberta selecione o Assistente para Importao de Web, defina
em qual pasta ser criada a nova Web e clique no boto OK.
Pg.: 7
FRONTPAGE 2000
2.
Aps clicar OK, se nesta pasta voc criou subpastas, habilite a opo Incluir
subpastas.
Ser exibida uma lista com todos os arquivos da pasta que voc selecionou. Se
quiser excluir algum arquivo que foi selecionado, clique sobre o nome do mesmo e
clique no boto Excluir. Depois clique no boto Avanar.
3.
Pg.: 8
FRONTPAGE 2000
Especifique as opes de limite de espao que a Web ocupar do seu disco, clique
Avanar e Concluir.
O modo Normal utilizado para a criao da pgina. O modo HTML o utilizado para
visualizar e alterar o cdigo HTML que foi gerado pelo FrontPage. O modo Visualizao utilizado para
visualizar a pgina como se estivesse em um navegador.
Pg.: 9
FRONTPAGE 2000
FORMATANDO AS PGINAS DO SITE
Voc que est acostumado com o uso do Microsoft Word perceber que a maioria dos
recursos de formatao de texto e pargrafos do Frontpage so herdadas do Microsoft Word, facilitando o
uso do software.
FORMATANDO FONTE
Os formatos que podemos alterar de uma fonte so: tipo de fonte, estilo (negrito, itlico),
cor, efeitos. Para isto, clique no menu Formatar / Fonte.
Escolha qual a fonte, o estilo e o tamanho de fontes desejados. Voc poder alterar a cor da
fonte. Ao clicar na caixa Cor notar que so mostradas as cores padres, as cores que se encontram no
documento e a opo Mais cores que utilizaremos para criar uma cor diferente das existentes.
Pg.: 10
FRONTPAGE 2000
Clique em uma das cores para selecion-la, mas se a cor que voc est precisando no est
sendo visualizada nesta tela poderemos cri-la ou selecion-la de um objeto que est na pgina.
Para criar um nova cor, clique no boto Personalizar, a janela a seguir ser mostrada:
Cor principal
Controle de
Luminosidade
Primeiro clique na cor que ser a principal, depois mova o Controle de luminosidade da
cor at que a caixa Cor Slido mostre a cor no tom desejado. Seguindo estes passos voc est criando um
cor personalizada, para grav-la clique no boto Adicionar s cores personalizadas.
Para utilizar a cor que acabou de ser criada clique no boto OK, novamente em OK e no
boto OK da janela Formatar Fonte.
Pg.: 11
FRONTPAGE 2000
FORMATANDO PARGRAFOS
Alinhamento, recuos e espaamentos so maneiras de controlar a aparncia do pargrafo.
Veja abaixo como isto pode ser feito.
ALINHAMENTO
No FrontPage h quatro tipos de alinhamento: Centralizado, Esquerdo, Direito e Justificado.
Os comandos para alinhamento se encontram no menu Formatar / Pargrafo, ou nos cones:
na barra de Formatao, mas podemos notar que o cone Justificar no est na barra de Formatao. Para
justificar um pargrafo utilize o menu Formatar / Pargrafo.
RECUOS
Para o FrontPage, o recuo pode ser aplicado pelos cones Aumentar recuo
Diminuir recuo
, ou
utilizados,
recuo
aplicado
esquerda e direita
Para controlar recuo somente esquerda, ou somente direita, ou somente primeira linha:
1.
Pg.: 12
FRONTPAGE 2000
2.
No grupo Recuos escolha a quantidade de pixels que ser utilizada Antes do texto,
ou seja, esquerda do texto. Se desejar poder acrescentar recuo Depois do texto,
ou seja, direita do texto.
3.
4.
ESPAAMENTOS
Os espaamentos podem ser utilizados para determinar o espao entre um pargrafo e
outro, o espao aplicado entre as palavras do pargrafo e entre as linhas de um pargrafo.
Para alterar o espaamento dos pargrafos:
1.
2.
Pg.: 13
FRONTPAGE 2000
Para aplicar um efeito ao texto, selecione o texto que gostaria de aplicar o efeito.
1.
2.
3.
4.
Ao escolher o efeito o texto ser destacado com um quadro, mostrando que ali existe
um efeito de HTML dinmico. Se quiser retirar este destaque do texto, clique no
boto
5.
Para testar o efeito aplicado, visualize a pgina. Voc pode visualizar utilizando a
guia Visualizao ou visualizar a pgina que est criando no navegador, basta clicar
no boto
Para modificar o efeito, clique na caixa Aplicar da barra de ferramentas Efeitos de HTML
dinmico e escolha outro efeito.
Para remover o efeito de um texto, selecione o texto e clique no boto Remover efeito na
barra de ferramentas Efeitos de HTML dinmico.
PROPRIEDADES DA PGINA
Acessamos as propriedades da pgina para alterar o plano de fundo, para definir ttulo para
pgina, alterar margens, determinar cor dos links visitados e ativos, entre outros. Para acessar as
propriedades da pgina, clique com o boto direito do mouse sobre qualquer ponto da pgina e clique na
opo Propriedades da pgina ou clique no menu Arquivo / Propriedades.
Veja a seguir de forma mais detalhada, como modificar as propriedades da pgina.
Pg.: 14
FRONTPAGE 2000
MUDANDO O PLANO DE FUNDO
Plano de fundo o nome dado ao fundo de pgina e pode ser uma figura (GIF ou JPG) ou
simplesmente uma cor. H duas formas para escolher um plano de fundo, uma delas clicar no menu
Formatar / Plano de fundo. Outra acessar as propriedades da pgina clicando com o boto direito do
mouse em qualquer ponto da tela e selecionando a opo Propriedades da pgina.
Clique na guia Plano de fundo.
Pg.: 15
FRONTPAGE 2000
DEFININDO UMA FIGURA COMO PLANO DE FUNDO
1.
Clique neste
boto para
selecionar uma
imagem
armazenada no
winchester
2.
Voc poder escolher uma figura que j faz parte da sua Web clicando sobre o nome
da mesma na lista de arquivos que aparece (normalmente as figuras ficam
armazenada na pasta Images) ou escolher uma das outras duas opes indicadas na
figura acima.
3.
4.
A opo Marca dgua quando habilitada, fixa a figura que est como Plano de
fundo da pgina de forma que ao usar a barra de rolagem, seu texto deslocar pela
tela, porm a figura permanecer na mesma posio.
5.
2.
Clique na guia Plano de fundo. Na caixa Plano de fundo estar uma cor padro,
escolha uma outra cor e clique em OK.
Pg.: 16
FRONTPAGE 2000
DEFININDO O TTULO DA PGINA
Em um navegador, o ttulo da pagina aparece na barra de ttulo, ou seja, na parte mais alta
da tela. Este ttulo serve para identificar a Home Page, ajudando o visitante a reconhecer a pgina que esta
navegando.
Para definir o ttulo da pgina, siga os seguintes passos:
1.
2.
Verifique se a guia Geral est selecionada. Na caixa Ttulo, digite o ttulo desejado e
clique em OK.
visitados.
visitados.
Hyperlink: a cor que aparecer na tela em todos os hyperlinks que ainda no foram
Hyperlink Visitado: a cor que aparecer na tela em todos os hyperlinks que j foram
Hyperlink Ativo: a cor que aparecer na tela para o hyperlink que estiver selecionado.
Para definir estas cores, acesse as propriedades da pgina conforme descrito acima e na guia
Plano de fundo, escolha as cores desejadas.
Pg.: 17
FRONTPAGE 2000
Opes de configurao:
Largura: define a largura da linha em relao largura da pgina. Pode ser definida em
pixels (pontos da tela) ou em percentagem. O padro ao inserir uma linha que sua largura seja de 100%
da largura da pgina.
Altura: define a altura da linha, ou como chamamos mais comumente, a espessura da linha.
Este valor dado em pixels. Na prtica so utilizados valores entre 2 e 15.
Alinhamento: alinha a linha em relao s bordas da pgina.
Cor: define a cor da linha. Alm das 16 opes de cores apresentadas, a opo Mais cores
permite que voc personalize uma outra cor. Esta opo quando utilizada automaticamente transforma a
linha em baixo relevo em uma linha slida.
Linha slida: quando habilitado, transforma a linha em uma linha slida.
Altere as propriedades desejadas e clique em OK.
Ate se sentir familiarizado com estas propriedades, voc dever fazer testes e experimentar
diversas configuraes ate achar aquela que mais te agrada.
MARCADORES E NUMERAO
So usados frequentemente para incluir itens de informao inter-relacionados em uma
pgina da Web. O FrontPage trabalha com marcadores e numerao de forma similar ao Microsoft Word
para endentar e agrupar informaes que devam ser exibidas em conjunto.
Quando se usam marcadores e/ou numerao as informaes ficam em um formato bem
organizado e fcil de ser lido.
2.
Pg.: 18
FRONTPAGE 2000
3.
2.
3.
Pg.: 19
FRONTPAGE 2000
Se voc estiver usando um Tema poder usar a imagem sugerida pelo tema
corrente, bastando apenas marcar a opo Usar figuras do tema atual e clicar em
Ok.
4.
Se quiser escolher uma figura como marcador, clique Especificar uma imagem e
depois clique no boto Procurar.
5.
D dois cliques na pasta onde se encontra a figura e d dois cliques sobre o nome da
figura.
6.
Clique em OK.
2.
3.
Pg.: 20
FRONTPAGE 2000
BORDAS E SOMBREAMENTO
Para destacar parte do contedo de uma pgina podero ser utilizados Bordas e
Sombreamento. Este efeito o mesmo utilizado no Microsoft Word.
APLICANDO BORDA
Para aplicar borda em uma parte do texto, selecione-o. Clique no menu Formatar / Bordas
e sombreamento e selecione a guia Bordas.
1.
Escolha qual o tipo de borda ser utilizado. Na grupo Definio escolha Caixa ou
Personalizada.
A opo Caixa cria a borda utilizando o mesmo estilo de linha em toda a borda.
A opo Personalizada voc poder escolher um estilo de linha diferente para cada
uma das bordas e at mesmo deixar de criar uma das bordas.
*
2.
Agora precisamos definir qual o Estilo de linha utilizar na borda. Clique sobre um
dos estilos.
3.
4.
Se precisar especificar qual a distncia da borda ao texto que estar dentro dela
utilize o grupo Enchimento e defina em pixels a distncia.
Pg.: 21
FRONTPAGE 2000
APLICANDO SOMBREAMENTO
Para aplicar sombreamento em um texto, clique no menu Formatar / Bordas e
sombreamento e clique na guia Sombreamento.
1.
2.
3.
Voc pode colocar um imagem como plano de fundo. Clique no boto Procurar e
escolha uma imagem que estiver armazenada no winchester ou do clip-art e clique
em OK.
OBSERVAO
formatao.
TRANSIO DE PGINA
So efeitos que podem ser aplicados quando o usurio seleciona o link para entrar em uma
pgina e a pgina carregada executando um efeito visual. Usurios de PowerPoint esto acostumados com
esta transio. Para aplicar uma transio em uma pgina:
1.
Abra o arquivo que deseja aplicar o efeito. Clique no menu Formatar / Transio
de pgina.
Pg.: 22
FRONTPAGE 2000
2.
3.
4.
OBSERVAO
Estes efeitos devem ser utilizados com critrio, pois torna abertura da pgina mais lenta.
Pg.: 23
FRONTPAGE 2000
CLIP-ART
O FrontPage vem com uma grande quantidade de imagens que voc pode usar na pgina da
Web. H aproximadamente 400 cones, barras, botes e marcadores que podem ser inseridos ou
personalizados para a sua pgina da Web. Alm disto, se voc possui o Microsoft Office 95 ou 97ou 2000,
voc ter o clip-art deste Office tambm sua disposio.
INSERINDO UM CLIPART
1.
2.
3.
Ser mostrado um pequeno menu onde voc poder escolher entre quatro opes.
Inserir Clipe
Visualizar Clipe
Acrescenta o clipe em outra
categoria
Localiza clipes parecidos
4.
Pg.: 24
FRONTPAGE 2000
Depois de ter includo imagens, voc pode arrast-las e solt-las em diferentes pontos da
pgina. Alm disso, voc pode dar um clique duplo em qualquer imagem e o FrontPage ativar o programa
de edio de imagens que estiver configurado, permitindo que voc faa modificaes nessa imagem
especfica.
OBSERVAO
Para verificar o editor de imagens configurado no FrontPage, clique no menu Ferramentas /
Opes, na guia Configurar editores veja se existe algum editor configurado para arquivoc do tipo gif ou
jpg.
Pg.: 25
FRONTPAGE 2000
INSERINDO IMAGENS DE ARQUIVOS
Qualquer imagem pode ser inserida no FrontPage. Para isto:
1.
Inserir figura do
2.
Para inserir uma figura que j faz parte da sua Web, localize-a na lista de arquivos e
clique sobre ela.
3.
Se a imagem ainda no faz parte da sua Web, escolha uma das opes pela
internet, um arquivo do winchester, pelo scanner ou um clip-art, indicadas na
figura acima.
4.
VDEO
Voc poder adicionar pgina vdeos em formato avi, asf, ram, e ra para que os visitantes
do site tenham um contedo mais chamativo.
Para inserir vdeo em uma pgina, clique no menu Inserir / Figura / Vdeo.
Pg.: 26
FRONTPAGE 2000
em OK.
Escolha um vdeo que esteja armazenado no winchester ou em qualquer outro meio e clique
Aps inserir o vdeo voc pode control-lo. Clique sobre a imagem do vdeo com o boto
direito do mouse e escolha a opo Propriedades da figura.
Pg.: 27
FRONTPAGE 2000
Voc pode escolher mostrar os controles de vdeo no navegador, pode determinar quantas
vezes o vdeo ser executado, qual ser o atraso entre uma reproduo e outra e quando o vdeo ser
iniciado. Experimente!
MAPA DE IMAGENS
Usando o mapa de imagens, voc pode vincular vrias reas de uma imagem a diferentes
pontos da Web, ou seja criar hyperlinks diferentes em cada parte da imagem, dependendo de onde o
usurio clicar ele ser conduzido para o local indicado pelo hyperlink.
Certifique-se de escolher uma imagem boa e facilmente discernvel para usar, e desenhe os
pontos ativos claramente, de modo que, antes de clicarem em qualquer ponto do seu mapa de imagens, os
visitantes sempre saibam para onde estaro indo.
5 6
8 9
10
11
12 13 14
15 16 17
18 19
20
21 22 23 24 25
26
1.
2.
3.
4.
Determina uma posio absoluta para a figura. Utilizando este comando a figura
poder ser posicionada em qualquer ponto da pgina.
5.
6.
7.
8.
9.
Pg.: 28
FRONTPAGE 2000
18. Desbota a figura.
19. Cria o efeito de chanfrado na figura.
20. Obtm uma nova amostra da figura.
21. Seleciona a figura.
22. Cria um hyperlink em forma de tringulo.
23. Cria um hyperlink em forma de elipse.
24. Cria um hyperlink em forma de polgono.
25. Destaca as reas de hyperlink da figura.
26. Restaura a figura s propriedades originais.
Se quiser desenhar um ponto ativo quadrado ou retangular na imagem, selecione o boto
rea interativa em forma de retngulo. Para criar um ponto ativo circular, selecione o boto rea
interativa circular . O boto rea interativa em forma de polgono permite que voc desenhe pontos
ativos em forma de polgonos de vrios lados.
1.
Desenhe o ponto ativo na imagem. Este ponto ativo dever envolver toda a rea que
o visitante poder clicar.
2.
Quando voc tiver terminado de desenhar os pontos ativos, a caixa de dilogo Criar
Hyperlink aparecer.
3.
Atravs desta tela voc poder criar hyperlink normalmente, como descrito mais
detalhadamente nesta apostila no item Hyperlink.
4.
Repita os passos acima para cada ponto ativo que desejar criar nesta imagem.
Pg.: 29
FRONTPAGE 2000
5.
2.
Na caixa Hyperlink padro local, voc pode digitar (ou localizar) o nome de
arquivo ou URL referente ao local ao qual deseja que essa imagem conduza o
visitante quando eles clicarem fora do ponto ativo.
3.
Clique em OK.
4.
Pg.: 30
FRONTPAGE 2000
TEMAS
Usar Temas como usar um decorador de interiores em cada pgina do site e garantir que
todas as pginas combinem agradavelmente umas com as outras. Os temas possibilitam que voc construa
um site inteiro no qual todos as pginas exibam uma aparncia coerente, o que auxilia o visitante da sua
Web a percorr-lo de uma forma mais agradvel e simples.
Os temas alteram o efeito de toda a pgina da Web. Eles personalizam a fonte, cor, altura e
as caractersticas do texto de maneira que as informaes fiquem em harmonia com o modo que os grficos
aparecem. Automatizam a coordenao entre grficos de fundo, cores, marcadores, manchetes e linhas
horizontais.
O uso de temas, alm de melhorar a aparncia, muitas vezes, diminui o tempo de download
do seu site da Web. Se, para tentar emular o modo pelo qual os temas funcionam, voc inserir vrios
grficos e imagens na sua pgina, rapidamente descobrir que o download de cada pgina poder levar um
bom tempo. Os temas do FrontPage, por outro lado, tiram proveito de cache do navegador e permitem que
voc faa download de diversos grficos apenas uma vez, mas os veja em vrias pginas.
Para definir um Tema vlido para todo um site, primeiro abra o site da Web do FrontPage
que voc deseja alterar.
1.
2.
Escolha um dos temas da lista de acordo com a visualizao que mais lhe agradar.
3.
Logo abaixo da caixa que contm a lista de temas, encontra-se um conjunto de trs
caixas de verificao que permitem que voc escolha e use apenas certas partes de
um tema que voc desejar:
Pg.: 31
FRONTPAGE 2000
4.
PERSONALIZANDO OS TEMAS
Voc tambm poder formatar ou personalizar um tema com as suas preferncias de cor,
fonte e elementos grficos que faro parte do tema.
Clique no menu Formatar / Tema e clique no boto Modificar.
ALTERANDO AS CORES
Para modificar as cores clique no boto Cores.
Ser mostrado na guia Esquema de cores os esquemas j existentes. Ao clicar em
qualquer um dos esquemas, as cores selecionadas sero mostradas ao lado no tema.
Tambm possvel utilizar um disco de cores onde o FrontPage jogas as cores mais
apropriadas para fazerem jogo com a que voc escolheu.
Pg.: 32
FRONTPAGE 2000
Se desejar poder alterar o brilho das cores movendo o controle deslizante de Brilho.
Mas voc poder escolher uma cor especfica para cada elemento da pgina. Clique na guia
Personalizar, escolha qual elemento voc quer alterar a cor na caixa Item e depois altere a Cor e clique
em OK e novamente em OK.
Pg.: 33
FRONTPAGE 2000
ALTERANDO OS ELEMENTOS GRFICOS
Os elementos grficos so todos as imagens que fazem parte do tema, como a faixa de
pgina, os marcadores, a linha horizontal, a barra de navegao e etc. Ao alter-los voc estar modificando
radicalmente o tema. Para alterar os elementos grficos, clique no menu Formatar / Tema clique no boto
Modficar e clique no boto Elemen. grfico ser exibida a seguinte janela:
1.
2.
Conforme o item escolhido ser necessrio alterar mais de uma figura. No caso do
item Faixa teremos que escolher apenas uma figura. Clique no boto Procurar e
escolha uma imagem que j est na Web ou uma imagem do winchester.
Lembre-se que s podero ser utilizadas imagens no formato .gif, .jpg ou .png.
3.
4.
Alm de modificar a imagem, voc precisar fazer ajustes na fonte utilizada sobre o
objeto grfico. Clique na guia Fonte escolha uma fonte, escolha um Tamanho,
defina o Estilo, e qual o Alinhamento horizontal e Vertical do texto.
5.
Clique em OK e em OK novamente.
Pg.: 34
FRONTPAGE 2000
ALTERANDO O FORMATO DO TEXTO
Para cada tipo de texto que temos em uma pgina uma fonte diferente pode ser definida.
Como por exemplo, ttulos, sub-ttulos, corpo de texto, etc.
Fazendo esta alterao no tema ser bem mais rpida a construo do site.
Clique no menu Formatar / Tema e clique no boto Texto.
1.
2.
Depois escolha a fonte que ser utilizada. Voc poder visualiz-la do lado direito da
tela.
Para alterar outros estilos de texto, clique no boto Mais estilos. Escolha qual ser o
comando HTML a ser formatado.
Pg.: 35
FRONTPAGE 2000
3.
Clique no boto Modificar e dentro da janela que ser exibida clique no boto
Formatar e escolha qual o tipo de formatao desejar.
Aps alterar todos os estilos de texto clique em OK e em OK novamente.
SALVANDO O TEMA
Se voc vai utilizar essas mesmas formataes em outros sites conveniente salvar essas
formataes em um novo tema.
Clique no boto Salvar como e digite um nome significativo para o tema criado. Depois
clique no boto OK. Desta maneira o tema personalizado est salvo e poder ser utilizado em outros sites.
Pg.: 36
FRONTPAGE 2000
LETREIRO DIGITAL
Os letreiros digitais funcionam exatamente como voc poderia supor: palavras e frases rolam
para a esquerda ou para a direita pela tela.
O componente Letreiro digital no um applet Java. Os letreiros digitais so tags HTML
que foram lanadas pela Microsoft em 1996. Essa uma tag exclusiva da Microsoft, portanto no
reconhecida ou aceita por qualquer outro navegador. Este elemento s deve ser usado quando voc
tiver certeza que os visitantes da sua pgina estaro usando o Microsoft Internet Explorer.
Deixe o cursor na posio da pgina onde deseja que o Letreiro digital seja
inserido.
2.
3.
4.
Pg.: 37
FRONTPAGE 2000
5.
2.
Largura: largura em pixels, da faixa que contm oconjunto de imagens. Que pode
ser alterada pelas alas que so mostradas quando o objeto est selecionado.
Altura: altura em pixels, da faixa que contm o conjunto de imagens. Que pode ser
alterada pelas alas que so mostradas quando o objeto est selecionado.
Efeito de transio: efeito que ser executado ao passar de uma imagem para
outra.
Pg.: 38
FRONTPAGE 2000
Mostrar cada figura por (segundos): tempo que cada imagem ser exibida, em
segundos.
3.
4.
BOTO EM FOCO
Este um boto especial que executa um efeito visual toda vez que o mouse paira sobre ele.
Os botes em foco podem aparecer como simples botes de texto, conduzir a outros sites da Web, disparar
sons sempre que o mouse se mova sobre ele e efetuar vrias outras aes.
2.
Atravs desta caixa de dilogo, voc pode personalizar o modo pelo qual o boto em
foco aparece na tela do navegador.
Texto do boto: texto que aparece no boto. Para alterar a aparncia do texto,
clique no boto Fonte.
Efeito: seleciona qual efeito visual o boto em foco exibir quando o mouse se
mover sobre ele.
Pg.: 39
FRONTPAGE 2000
Cor do efeito: cor que ser aplicada sobre a cor do boto em foco quando o mouse
se mover sobre ele. A maneira da aplicao da cor depender do efeito escolhido.
Largura e altura: largura do boto (em pixels) e altura do boto (em pixels).
3.
Se em vez de texto voc quiser que o boto mostre uma imagem e ao receber o foco, ou
seja, quando o ponteiro do mouse pairar sobre o boto, a imagem seja modificada basta personalizar o
boto. Tambm poder ser inserido um som no boto.
Clique no boto Personalizar.
Para Tocar som ao clicar clique no boto Procurar e escolha um som que esteja j na web
ou um som do winchester, o mesmo procedimento deve ser feito para Tocar um som ao focalizar o boto.
Para escolher uma Figura personalizada para o Boto clique no boto Procurar
correspondente e selecione uma imagem da web ou do winchester. O mesmo deve ser feito para escolher a
imagem Ao focalizar.
PGINA DE INCLUSO
Em muitos sites necessrio que se crie um rodap padro em todas as pginas, neste
rodap podem estar links ou apenas o endereo e o telefone da empresa. Isto acaba sendo trabalhoso
quando temos um site muito grande para ser construdo. O que seria mais fcil se construssemos o
rodap em um arquivo e quando necessrio acrescentssemos este arquivo no que estamos construindo.
exatamente isso que a pgina de incluso faz.
1.
Crie o arquivo que ser padro (Ex.: rodap) e salve-o como um HTML.
2.
Crie o arquivo onde o rodap dever ser inserido. Posicione o curso onde o rodap
dever aparecer.
3.
Pg.: 40
FRONTPAGE 2000
4.
Clique no boto Procurar, selecione o arquivo que ser includo na pgina e clique
em OK e OK novamente.
Crie o arquivo que dever aparecer s no perodo especfico. Abra o arquivo que
conter o arquivo criado e posicione o cursor onde o texto ou a imagem deve
aparecer.
2.
3.
4.
5.
Na caixa Iniciando em defina a data e a hora para que a pgina seja inserida.
6.
Na caixa Terminando em defina a data e a hora para que a pgina inserida no seja
mais exibida.
7.
Clique em OK.
Se quiser que uma imagem seja includa na pgina por um determinado perodo clique no
menu Inserir / Componente / Figura programada e preencha os campos solicitados da mesma maneira
que incluir uma pgina.
Pg.: 41
FRONTPAGE 2000
HYPERLINK
A criao de hyperlinks permite que, partir da pgina da Web, voc aponte para outra
pgina localizada em qualquer ponto da Internet, literalmente qualquer um dos milhes de arquivos HTML.
Os vnculos de hipertexto so a principal razo para a Web ser to popular. A possibilidade
de, por meio de um simples vnculo, se estabelecer conexo entre itens de informao inter-relacionados
atraente e revela de onde a WWW extraiu seu nome da construo de uma teia de vnculos espalhados
pelo mundo.
A escolha da palavra, frase ou imagem que ser o vnculo importante, porque, antes que
os seus visitantes cliquem em um vnculo, voc sempre desejar fornecer-lhes pistas descritivas sobre o
destino em questo.
Os principais tipos de hyperlink so: para E-Mail, para outra pgina da mesma Web ou
outra Web, e para a mesma pgina. Estes hyperlinks sero descritos a seguir.
1.
2.
Selecione este texto ou imagem e clique no menu Inserir / Hyperlink (voc pode
tambm clicar no boto
Ctrl e K simultaneamente).
3.
A janela acima permite criar diversos tipos de link. Se o arquivo desejado j faz parte
da sua Web, s clicar no nome do mesmo e clicar em OK. Se o link desejado no
um arquivo que faz parte da sua Web, observe as opes abaixo, e clique no cone
desejado:
Pg.: 42
FRONTPAGE 2000
Cria um link para uma nova pgina a ser criada no momento da criao do link.
pgina.
PARA E-MAIL
Digite o endereo desejado e clique em Ok.
Localize o arquivo gravado em disco. Clique sobre o nome do arquivo desejado e clique
Aps selecionar a palavra ou figura que ser o indicador, clique no menu Inserir /
Indicador.
Pg.: 43
FRONTPAGE 2000
2.
3.
4.
5.
TABELA
Uma tabela propicia um meio para organizao de informaes existentes em uma pgina da
Web, mediante o uso de linhas e colunas. Em virtude da flexibilidade que oferecem, so muito utilizadas
pela possibilidade de estruturar texto e imagens posicionados de formas diversas.
Para inserir uma tabela em uma pgina, clique no menu Tabela / Inserir / Tabela.
Pg.: 44
FRONTPAGE 2000
Tamanho da borda: especifica a largura da borda da tabela. Este valor deve estar entre 0 e
100. Quando 0 (zero) a borda fica invisvel.
Enchimento da clula: o nmero de pixels entre a borda da tabela e o contedo de uma
determinada clula.
Espaamento da clula: o nmero de pixels entre clulas de uma tabela. Quando
alterado reflete nas bordas da tabela.
Especificar largura: largura da tabela. Poder ser definida em porcentagem ou em pixels.
mais provvel que voc queira especificar a largura por porcentagem, de modo que a tabela possa fazer
automaticamente seu prprio redimensionamento segundo o tamanho do monitor de cada visitante.
Escolha as configuraes desejadas e clique em OK.
tabela.
Pg.: 45
FRONTPAGE 2000
Bordas: para as bordas podemos determinar vrias configuraes.
Cor: determina a cor da borda. Se determinada uma cor para a Borda clara ou uma
cor para a Borda escura, a cor ser utilizada como a segunda cor da borda. Mas se
escolher uma cor para a Borda clara e uma outra cor para a Borda escura, a Cor
no ser utilizada.
Voc poder utilizar tambm uma cor como plano de fundo atravs da opo Cor.
Para escolher uma imagem para plano de fundo da tabela, habilite a opo Usar
figura como plano de fundo e clique no boto Procurar e localize o arquivo que
ser utilizado.
Alm dos atributos que so comuns aos descritos no item anterior (Modificando atributos
da Tabela) e que agora sero aplicados somente s clulas selecionadas, podemos definir tambm:
Alinhamento Horizontal e Vertical: define como o texto ser alinhado dentro das clulas.
Sendo que para o alinhamento horizontal temos as opes Esquerdo, Direito, Centralizado e Justificar.
E para o alinhamento vertical temos as opes Parte superior, Parte inferior, Meio e Linha de base.
Se for trabalhar com clulas mescladas precisar definir se a mesclagem ser feita em
linha ou em coluna. Para mesclar em linha, informe quantas linhas fazem parte da mesclagem na caixa
Linhas includas. Para mesclar em coluna, informe quantas colunas fazem parte da mesclagem na caixa
Colunas includas.
Rua dos Otoni, 881 - 9 Andar
Belo Horizonte - MG - 30150-270
www.zargon.com.br
(031) 273-2822
Pg.: 46
FRONTPAGE 2000
INCLUINDO LINHAS E COLUNAS
Para inserir linhas ou colunas, deixe o cursor em uma clula prxima ao local que dever ser
feita a insero.
1.
2.
3.
4.
Para definir a posio da linha ou coluna a ser inserida, escolha Acima da seleo
para inserir acima da clula que foi selecionada, ou Abaixo da seleo para inserir
abaixo da clula selecionada.
5.
Clique em OK.
2.
2.
2.
Pg.: 47
FRONTPAGE 2000
3.
4.
5.
Clique em OK.
QUADROS
Os quadros (frames) so utilizados para dividir a tela em quadros independentes, que se
relacionam atravs de links. Atravs dos quadros podemos carregar vrias pginas HTML ao mesmo tempo
sem que uma, necessariamente, sobreponha a outra.
2.
3.
Pg.: 48
FRONTPAGE 2000
Nesta caixa de dilogo, h uma lista com vrios modelos diferentes de quadros que o
FrontPage permite que voc construa. No lado direito h uma anteviso grfica de como ficar a
aparncia de cada um desses modelos.
Selecione o modelo que desejar e clique em OK.
Devemos agora atribuir a cada quadro um arquivo HTML. Podemos fazer esta atribuio a
arquivos j existentes, ou a novos arquivos.
Para cada quadro, devemos clicar em uma das duas opes que ele oferece:
Definir pgina inicial: para atribuir a um arquivo j existente. Aps clicar sobre ele,
localize o arquivo desejado e clique em OK.
Nova pgina: cria um novo arquivo para ser colocado naquele quadro.
Aps definir arquivos para todos os quadros, o prximo passo salvar o os quadros.
SALVANDO QUADROS
Rua dos Otoni, 881 - 9 Andar
Belo Horizonte - MG - 30150-270
www.zargon.com.br
(031) 273-2822
Pg.: 49
FRONTPAGE 2000
Para salvar, clique no menu Arquivo / Salvar.
Estaremos salvando todos os arquivos posicionados nos quadros e ainda ser pedido para
que voc salve o arquivo principal de Quadros. Este arquivo principal no ser visualizado no navegador,
ele apenas ser responsvel por armazenar os comandos necessrios para associar cada arquivo seu
Quadro correspondente e mais todas as propriedades e configuraes que voc alterar no Quadro.
Observe bem a caixa de dilogo para salvar, pois, no lado direito ser exibida uma
visualizao indicando qual arquivo dever ser salvo no momento. No primeiro exemplo abaixo, ser salvo o
arquivo principal de quadros. E no segundo, ser salvo o quadro inferior.
Salve todos os arquivos que o FrontPage pedir, dando nome e ttulo para facilitar o manuseio
destes arquivos posteriormente.
Rua dos Otoni, 881 - 9 Andar
Belo Horizonte - MG - 30150-270
www.zargon.com.br
(031) 273-2822
Pg.: 50
FRONTPAGE 2000
CONFIGURANDO PROPRIEDADES DOS QUADROS
Para acessar as propriedades do frame, clique com o boto direito do mouse sobre o quadro
e clique em Propriedades do quadro.
O Nome que aparece o nome do quadro no qual voc clicou. Defina o nome que ser mais
fcil para identificar o quadro quando fizer hyperlinks.
Pgina inicial o arquivo que ser visualizado naquele quadro quando a pgina de quadros
for aberta. Se desejar alterar a pgina inicial, clique no boto Procurar, selecione o arquivo desejado e
clique em OK.
Tamanho do quadro: define o tamanho de cada quadro. O ideal redimensionar o quadro
utilizando as setas de redimensionamento nas bordas do quadro, assim visualizamos o tamanho desejado e
o FrontPage atualiza a caixa Tamanho do quadro automaticamente.
Margens: a distncia em pixels que o texto dentro do quadro ficar afastado das bordas
esquerda e direita (Largura) e das bordas superior e inferior (Altura).
Redimensionvel no navegador: quando habilitado, permite que o visitante da pgina
redimensione as bordas de cada quadro, enquanto navega pela Web. Isso pode ocorrer quando uma pessoa
que utilize uma resoluo de tela menor visite seu site, ou quando um visitante quiser expandir um quadro
para ver uma imagem maior.
Mostrar barras de rolagem: define sobre a exibio das barras de rolagem durante a
navegao na Web. As trs opes disponveis so: Sempre, Nunca, ou Se preciso.
Pg.: 51
FRONTPAGE 2000
DESATIVANDO AS BORDAS DOS QUADROS E CONTROLANDO OS ESPAOS
ENTRE OS QUADROS
Clique com o boto direito do mouse sobre um dos quadros, e em seguida, Propriedades
do quadro. Acesse o boto Pginas de quadros.
quadros.
A opo Mostrar bordas quando habilitada, permite a exibio das bordas que dividem os
Clique no boto
Pg.: 52
FRONTPAGE 2000
Na caixa de dilogo Quadro de destino, clique sobre o desenho do quadro onde a pgina
dever aparecer. Clique em OK e em seguida, OK novamente.
Se desejar que a pgina definida no link seja aberta em uma nova janela do navegador
clique na opo Nova janela. Para abrir a pgina chamada no link no mesmo quadro selecione a opo
Mesmo quadro. Para que a pgina aberta ocupe a janela inteira, ou seja, apague todos os quadros,
selecione a opo Pgina inteira. Para que a pgina seja aberta no quadro anterior ao do link, selecione a
opo Quadro pai.
Cada quadro existente pode ser dividido ou ate mesmo excludo da pgina que voc est
Para excluir um quadro, clique dentro do quadro a ser excludo, depois clique no menu
Quadros / Excluir quadro.
quadro.
Para dividir um quadro, selecione o quadro a ser dividido, clique no menu Quadros / Dividir
Pg.: 53
FRONTPAGE 2000
FORMULRIO
Normalmente, os visitantes que passam pela pgina da Web s chegam a ler o texto que
voc digita e ver as imagens que voc inclui. A web tipicamente uma conversao unilateral. Os visitantes
simplesmente navegam e clicam em diferentes vnculos.
Os formulrios alteram o paradigma da Web ao permitirem que os visitantes respondam a
determinadas perguntas e digitem dados quando visitarem certos tipos de pginas.
Os formulrios so parte integrante da comunicao com os visitantes e de permitir que eles
participem do site.
Para criar formulrios, necessrio que voc acrescente itens especiais, denominados
elementos de formulrios, na pgina.
Alm dos diferentes campos de formulrio, cada formulrio possui um boto intitulado
Submeter. Este boto permite que os visitantes sinalizem quando terminarem de digitar suas informaes
e envia os dados ao servidor da Web que hospeda a pgina.
Para fazer formulrios funcionarem apropriadamente, nem sempre necessrio que voc
utilize um servidor da Web que oferea suporte s extenses do FrontPage. Contudo, para usar este recurso
interativo, voc precisa ter permisso especial do seu provedor da Web. Entre em contato com a empresa
que hospeda o site e verifique se ela permite que voc use formulrios na pgina. Caso contrrio, quando os
visitantes clicarem no boto Submeter, nada acontecer.
CAIXA DE TEXTO
Para inserir uma caixa de texto de formulrio, clique no menu Inserir / Formulrio / Caixa
de texto de uma linha. Esta caixa tem propriedades que devem ser alteradas clicando sobre ela com o
boto direito do mouse e em seguida, Propriedades do campo do formulrio ou dando clique duplo
sobre o campo.
Nome: nome pelo qual o FrontPage identificar este campo dentro deste formulrio. Este
campo obrigatrio e deve ser preenchido para todos os outros tipos de campos do FrontPage. Alm de
identificar o campo para o FrontPage, este nome o que estar visvel no e-mail que receberemos com os
dados do usurio do site.
Rua dos Otoni, 881 - 9 Andar
Belo Horizonte - MG - 30150-270
www.zargon.com.br
(031) 273-2822
Pg.: 54
FRONTPAGE 2000
OBSERVAO
Ao dar nome aos campos do formulrio no utilize nenhum tipo de acentuao, nem
espaos entre as palavras.
boto Validar.
Para definir a quantidade de caracteres que so inseridos em uma caixa de texto, clique no
A maioria das opes nesta caixa de dilogo s funcionaro se o provedor que voc hospeda
o site possuir as extenses do FrontPage, por este motivo vamos trabalhar apenas com as opes que no
necessitam das extenses.
Marque a opo Necessrio para definir o mnimo e o mximo de dados necessrios neste
campo. Na caixa Compr. mnimo digite a quantidade mnima de caracteres que devem ser digitados no
campo. Na caixa Compr. mximo digite a quantidade mxima de caracteres que devem ser digitados no
campo.
CAIXA DE SELEO
Esse campo possibilita que os visitantes selecionem itens em uma lista, em vez de digitarem
as informaes por conta prpria.
Cada caixa de seleo deve ser inserida individualmente. Quando uma caixa marcada, seu
valor gravado como ativo, caso contrrio, como desativado.
Rua dos Otoni, 881 - 9 Andar
Belo Horizonte - MG - 30150-270
www.zargon.com.br
(031) 273-2822
Pg.: 55
FRONTPAGE 2000
Para inserir caixas de seleo, clique no menu Inserir / Formulrio / Caixa de seleo.
Observe as propriedades da caixa de seleo clicando sobre a mesma com o boto direito e
depois Propriedades do campo do formulrio ou dando clique duplo sobre a caixa de seleo.
selecionado.
BOTO DE OPO
Os botes de opo so semelhantes s caixas de seleo, exceto pelo fato de que, em uma
lista de botes de opo voc pode selecionar somente uma das opes.
Para acrescentar um conjunto de botes de opo, clique no menu Inserir / Formulrio /
Boto de opo para inserir um por um dos botes que compem um grupo.
Observe as propriedades dos botes de opo clicando sobre o mesmo com o boto direito e
depois Propriedades do campo do formulrio ou dando clique duplo sobre o boto de opo.
Todos os botes que fazem parte de um grupo devero ter o mesmo Nome do grupo. A
opo Valor que dar nome individual a cada um dos botes.
Tambm poder ser definida qual a opo j estar selecionada quando o visitante entrar na
pgina, bastar marcar o Estado inicial como Selecionado. Mas se no quiser nenhuma opo marcada em
todos os botes que criar marque o Estado inicial como No selecionado.
Pg.: 56
FRONTPAGE 2000
MENU SUSPENSO
Os Menus suspensos possibilitam que os visitantes selecionem um item de uma lista de
informaes que voc fornea. Para inserir um deles na pgina, clique no menu Inserir / Formulrio /
Menu suspenso.
Acesse as propriedades do Menu suspenso para incluir a lista de itens que ele dever
conter, clicando sobre o mesmo com o boto direito do mouse e depois Propriedades do campo do
formulrio ou dando clique duplo sobre o Menu suspenso.
D um Nome para o Menu suspenso inserido e, para adicionar os itens que ele dever
conter, clique em Adicionar.
Escolha determina a palavra que vai aparecer na tela do seu visitante. Digite um item em
Escolha. Marque a caixa de seleo Especificar valor e digite o texto que ser visualizado no e-mail
quando o visitante selecionar a opo. Para definir qual a opo ser a visualizada pelo visitante quando
entrar na pgina marque o Estado inicial como Selecionado e clique em OK.
Para continuar acrescentando itens lista, repita o procedimento acima. Depois que todas as
opes do menu suspenso estiverem adicionadas, voc pode usar os botes Mover para cima e Mover
para baixo para organizar a lista de itens. Se precisar alterar qualquer uma das opes, selecione-a e
clique no boto Modificar. Assim que estiver tudo pronto clique em OK.
Pg.: 57
FRONTPAGE 2000
CAIXA DE TEXTO DE ROLAGEM
So praticamente idnticos a campos de texto de uma linha, exceto pelo fato de que eles
podem ocupar vrias linhas. Para inserir um campo de texto rolvel, clique no menu Inserir / Formulrio /
Caixa de texto de rolagem.
Acesse as propriedades da Caixa de texto de rolagem, clicando sobre o mesmo com o
boto direito do mouse e depois Propriedades do campo do formulrio ou dando clique duplo sobre a
Caixa de texto de rolagem.
Digite um Nome para a caixa. Se desejar que dentro desta caixa o visitante j encontre uma
mensagem digitada, digite a mensagem na caixa Valor inicial.
Para definir o tamanho da Caixa de texto de rolagem, digite a Largura em caracteres e
o Nmero de linhas que a mesma ocupar e clique em OK.
BOTES DE AO
Os botes Submeter e Redefinir so chamados de botes de ao, porque ao serem
utilizados executam aes distintas. O Submeter conforme estiver configurado no formulrio (que voc
ver a seguir) envia os dados preenchidos no formulrio e o Redefinir apaga todos os dados que forma
preenchidos no formulrio.
Acesse as propriedades do Boto de ao, clicando sobre o mesmo com o boto direito do
mouse e depois Propriedades do campo do formulrio ou dando clique duplo sobre o Boto de ao.
A alterao que voc precisa fazer a do Rtulo que o que aparecer escrito no boto.
Aps fazer a alterao clique em OK.
Pg.: 58
FRONTPAGE 2000
TRANSMITINDO E PROCESSANDO O FORMULRIO
Depois que voc tiver criado todos os elementos do formulrio, ter quase concludo o
processo. Faltar apenas que voc informe ao FrontPage o que voc pretende fazer com os dados do
formulrio toda vez que um visitante clicar no boto Submeter. Depois que voc tiver programado o boto
Submeter, esta pgina de formulrio estar concluda e voc poder integr-la como parte do seu site da
Web normal.
Por padro, quando visitantes clicam no Submeter do formulrio, o FrontPage envia uma
mensagem padro a eles para que eles saibam que a sua transmisso foi concluda e, depois, salva as
respostas dos visitantes em um arquivo privado denominado Form_results.txt no seu servidor da Web. Voc
pode encontrar este arquivo no diretrio _private do seu site da Web do FrontPage.
Para alterar a ao padro do FrontPage, acesse as propriedades do formulrio, clicando com
o boto direito do mouse dentro do limite do formulrio e em seguida, Propriedades do formulrio.
Esta tela de propriedades permite que voc altere o diretrio e o nome do arquivo que ser
recebido, atravs da opo Nome do arquivo.
eletrnico.
Voc tambm poder receber o arquivo por e-mail se preencher a opo Endereo
Pg.: 59
FRONTPAGE 2000
BARRA DE NAVEGAO
Ao entrarmos em um site precisamos de links que nos levam s pginas principais do site.
Na maioria dos sites utilizado ou na parte superior da pgina ou esquerda da pgina uma barra com
esses links, essa barra chamada de barra de navegao.
Para facilitar a navegao pelo site que utilizamos esta barra. Ela aparece em quase todas,
seno, todas as pginas do site. Mas para cri-la usando os comandos que j conhecemos seria muito
trabalhoso. Pensando em agilizar a criao da barra de navegao o FrontPage trouxe um recurso que nos
auxiliar na criao desta barra.
A barra de navegao deve ser um dos ltimos recursos a serem acrescentados ao site.
Ento, depois que todas as pginas de seu site estiverem prontas que vamos trabalhar com a barra de
navegao.
Clique no modo de visualizao Navegao.
Pg.: 60
FRONTPAGE 2000
Neste modo de visualizao vamos criar um organograma que mostrar a estrutura do site,
em cima deste organograma o FrontPage poder construir a barra de navegao.
Note que a pgina principal do site j est no organograma, a pgina que chamamos de
index considerada a pgina principal do site. Agora basta ligarmos as outras pginas pgina principal na
ordem que devem aparecer na barra de navegao.
Junto com o organograma estamos visualizando a lista de pastas, de grande importncia
neste modo porque assim podemos escolher os arquivos que vamos utilizar.
Para criar o organograma:
1.
Pg.: 61
FRONTPAGE 2000
2.
3.
Agora podemos entrar nos arquivos que contero a barra de navegao e cri-la.
1.
Como esta barra ser compartilhada com outros arquivos precisamos acrescent-la
em uma rea da pgina que tambm ser visualizada em outros arquivos. Toda
pgina criada no FrontPage pode trabalhar com Bordas compartilhadas. So
partes da pgina, onde o que for acrescentado ser visvel em todas as pginas que
estiverem trabalhando com as bordas compartilhadas. Como a barra de navegao.
2.
Pg.: 62
FRONTPAGE 2000
3.
Primeiro temos que definir se todas as pginas do site utilizaro borda compartilhada
ou apenas algumas. Se forem todas marque a opo Todas as pginas, mas se
forem apenas algumas, faa uma por uma, marcando a opo Pgina atual.
4.
Depois defina em que parte da pgina ser mostrada a borda compartilhada. E clique
em OK.
Voc notar que a barra de navegao j ser mostrada e uma faixa de pgina
tambm. Se estamos utilizando Tema estes componentes utilizam o formato do
tema.
Faixa de Pgina
Barra de
Navegao
5.
Pg.: 63
FRONTPAGE 2000
6.
Defina se ela ser uma Figura ou s Texto e qual ser o Texto da faixa de
pgina. Clique em OK.
7.
8.
Pg.: 64
FRONTPAGE 2000
Ao ler o resumo do site notou que existem alguns arquivos no site que no esto sendo
acessados por nenhum outro. Para saber quais so esses arquivos, ou o relatrio detalhado sobre os
Arquivos desvinculados d um clique duplo sobre este item do resumo.
Ento voc poder conferir se estes arquivos so necessrios ou no ao seu site, podendo
por meio deste relatrio excluir os arquivos dispensveis.
Abaixo uma lista de todos os relatrios que voc pode estar utilizando no FrontPage:
Resumo do site.
Todos os arquivos.
Arquivos desvinculados.
Pginas lentas, podendo definir o tempo desejvel para o carregamento das pginas
e encontrar quais esto ultrapassando este tempo.
Pg.: 65
FRONTPAGE 2000
do seu site.
Hyperlinks desfeitos.
Erros de componentes.
Status da reviso, onde voc pode controlar as alteraes da pgina e marcar que
tipo de reviso foi feita, por quem e que dia.
Categorias.
Status da publicao, onde voc define quais arquivos sero publicados ou no.
Faa testes com cada um destes relatrio, com certeza vrios deles sero teis no controle
PUBLICANDO A PGINA
medida que voc cria e edita pginas com o FrontPage, elas so automaticamente salvas
no disco rgido do seu computador pessoal. Isso conveniente para voc porque todos os arquivos com os
quais voc precisa trabalhar esto em algum subdiretrio. Ao visualizar o seu site por intermdio do modo
de visualio Pastas, voc v em um s diretrio, uma lista de todas as pginas e imagens e de todos os
arquivos relacionados a elas.
Para tornar seus arquivos disponveis para todos os usurios da WWW, voc precisa publiclos na Internet. Ao publicar seus arquivos, voc os estar enviando a um computador, denominado Servidor
da Web, que est conectado em tempo integral Internet. Este servidor da Web possui a incumbncia de
hospedar as suas pginas e envi-las a navegadores sempre que um visitante passar por elas.
Pg.: 66
FRONTPAGE 2000
FAZENDO UPLOAD PELA PRIMEIRA VEZ
1.
2.
A caixa de dilogo Publicar web solicita que voc informe o local da Internet para o
qual voc deseja transferir o seu site da Web do FrontPage corrente
3.
4.
A ltima pergunta que o Assistente lhe faz sobre o seu nome e sua senha de
usurio FTP. Qualquer dvida sobre estas informaes, entre em contato com a linha
de suporte tcnico do seu provedor.
5.
Clique em OK. O FrontPage se conecta com seu provedor e envia todo o seu site. O
processo de transferncia ser ilustrado na tela.
Pg.: 67
FRONTPAGE 2000
6.
7.
Clique em Concludo.
Agora voc poder usar um navegador (Netscape ou Internet Explorer) para navegar no seu
site recm publicado.
OBSERVAO
Se voc tentar transferir pginas que usem recursos exclusivos do FrontPage para um
servidor da Web que no oferea suporte s extenses do FrontPage, uma caixa de aviso aparecer durante
o processo de transferncia. Essa caixa de aviso serve para avis-lo de que nem todos os recursos que voc
usa no site encontraro suporte.
Pg.: 68
FRONTPAGE 2000
CONCLUSO
Esperamos que o contedo desta apostila tenha servido de suporte para as suas aulas.
Lembre-se que nada substitui uma boa aula de seu professor.
A informtica sofre mudanas bruscas muito rapidamente, procure no futuro uma
biblioteca auxiliar e fique atento ao lanamento de novos aplicativos e verses.
necessrio.
A Zargon Computao estar sempre ao seu dispor para solucionar dvidas quando
Atenciosamente,
Diretoria de Treinamento
Zargon Tecnologia em Informtica
Pg.: 69