Tutorial do Microsoft! FrontPage!

2002 Contedo
Introduo .......................................................................................................................3 Antes de comear .......................................................................................................3 Viso geral ..............................................................................................................3 Se houver um software de servidor Web instalado ..................................................4 FrontPage e Microsoft Internet Explorer ..................................................................4 Se voc estiver usando o Windows NT Workstation 4.0 ou Windows NT Server 4.0 ...........................................................................................................................4 O que voc aprender .................................................................................................4 Lio 1: criando pginas da Web.............................................................................4 Lio 2: aperfeioando e publicando um site ...........................................................4 Aprendendo mais sobre o FrontPage ..........................................................................5 Lio 1: criando pginas da Web ....................................................................................7 Viso geral ..................................................................................................................7 Abrindo o FrontPage ...................................................................................................7 Viso geral da rea de trabalho ...................................................................................8 Introduo .................................................................................................................10 Para criar uma home page ....................................................................................10 Para inserir um elemento grfico na home page....................................................11 Para criar um hiperlink a partir de uma figura ........................................................13 Para centralizar elementos em uma pgina ...........................................................14 Para salvar a pgina atual .....................................................................................15 Opes de exibio de pgina ..................................................................................16 Para exibir as marcas HTML na pgina atual ........................................................16 Para exibir o HTML na pgina atual ......................................................................16 Para visualizar a pgina atual ................................................................................17 Criando um site com o FrontPage .............................................................................18 Para criar um novo site..........................................................................................18 Para criar uma estrutura de navegao .................................................................20 Para importar uma pgina para um site .................................................................21 Criando o contedo do site ........................................................................................23 Edite a pgina Sobre ns ......................................................................................23 Para editar a pgina Produtos ...............................................................................24 Criando uma pgina ..................................................................................................25 Para criar uma lista com marcadores ....................................................................25 Para posicionar figuras com texto..........................................................................26 Para adicionar um grupo de arquivos ao site atual ................................................27 Para concluir o layout da pgina............................................................................28 Para criar um formulrio de sugestes ..................................................................29 Para personalizar o formulrio ...............................................................................30 Criando uma galeria de fotografias............................................................................32 Para editar a pgina Galeria de fotografias............................................................32 Criando links para outros sites ..................................................................................34 Para comear a pgina de Links ...........................................................................34 Para criar um efeito de texto dinmico...................................................................34

Tutorial do Microsoft FrontPage 2002

Para criar hiperlinks a partir de texto .....................................................................35 Para inserir caracteres ou smbolos especiais .......................................................36 Para criar um hiperlink automtico ........................................................................36 Para criar um hiperlink verificado...........................................................................37 Formatando ttulos de pargrafos ..............................................................................39 Para aplicar estilos de pargrafos a ttulos ............................................................39 Para repetir a formatao do pargrafo com o Pincel ............................................40 Para concluir a aplicao de estilos de pargrafos a ttulos ...................................40 O que h a seguir ......................................................................................................42 Concluindo a lio 1 ..............................................................................................42 Para fechar o Microsoft FrontPage ........................................................................42 Lio 2: aperfeioando e publicando um site .................................................................43 Viso geral ................................................................................................................43 Aperfeioando a aparncia de um site ......................................................................44 Para abrir um site existente ...................................................................................44 Para criar hiperlinks para outras pginas ...............................................................44 Para usar o comando Desfazer .............................................................................46 Adicionando bordas compartilhadas e barras de navegao .....................................47 Para criar bordas compartilhadas em um site........................................................47 Para testar hiperlinks da barra de links..................................................................48 Para personalizar barras de link ............................................................................48 Aplicando um tema....................................................................................................52 Para aplicar um tema ao site .................................................................................52 Para exibir os botes de navegao grficos em todas as pginas .......................54 Modificando um tema ................................................................................................56 Para modificar um tema.........................................................................................56 Visualizando o site da Championzone na Web..........................................................58 Para visualizar e testar um site em um navegador ................................................58 Organizando os arquivos no site ...............................................................................60 Para mover arquivos de figuras para a pasta Imagens..........................................60 Para criar uma nova pasta.....................................................................................62 Gerando um resumo do site ......................................................................................63 Para gerar um relatrio de resumo do site .............................................................63 Verificando a ortografia .............................................................................................64 Para verificar a ortografia no site atual ..................................................................65 Substituindo texto em pginas...................................................................................66 Para substituir o texto em todas as pginas do site atual ......................................66 Completando tarefas do site......................................................................................67 Para completar as tarefas no modo Tarefas ..........................................................67 Publicando o site da Championzone na Web ............................................................69 Para publicar o site atual .......................................................................................69 Concluindo a lio 2 ..............................................................................................70

Introduo
Esteja voc no trabalho ou em casa, um site na Web uma das maneiras mais fceis de distribuir informaes. Por exemplo, em uma grande corporao, cada departamento pode ter seu prprio site em uma intranet para permitir que o restante da empresa saiba o que est acontecendo. Com o Microsoft FrontPage 2002, qualquer um pode criar pginas e sites profissionais e atraentes. A melhor maneira de se familiarizar com o FrontPage 2002 a prtica. Nas duas lies a seguir, voc criar um site na Web que fornece informaes sobre uma loja de esportes fictcia chamada Championzone. H uma pasta de arquivos preparada para voc praticar enquanto cria esse site. Esses arquivos de exerccio foram instalados na pasta FPTutor2002 do seu disco rgido juntamente com este tutorial. A imagem a seguir mostra o site que voc criar.

Antes de comear
Viso geral
! As tarefas deste tutorial exigem que seu computador atenda aos requisitos de sistema mnimos para o FrontPage 2002. Para obter mais informaes, visite o site do FrontPage na Web, em http://www.microsoft.com/frontpage (site em ingls). Se voc ainda no instalou o FrontPage, precisar instal-lo antes de comear este tutorial. As pginas que voc criar se parecero mais com os exemplos de tela do tutorial se voc usar um monitor padro configurado para resoluo de tela

mnima de 800x600. Se voc usar uma resoluo diferente, as pginas que forem criadas podero ficar ligeiramente diferentes dos exemplos mostrados.

Se houver um software de servidor Web instalado

O site que voc criar durante o tutorial do FrontPage ser salvo no seu disco rgido local. Se voc estiver executando um software de servidor Web, como, por exemplo o Microsoft Internet Information Services (IIS), poder aceitar o destino padro do site do tutorial ou salv-lo diretamente no servidor Web.

FrontPage e Microsoft Internet Explorer

Para obter o mximo do FrontPage, recomenda-se instalar o Microsoft Internet Explorer. Com ele, o FrontPage permite a visualizao avanada de pginas e temas. No momento, outros navegadores da Web no oferecem suporte a esses recursos adicionais. Dica Voc pode usar mais de um navegador da Web. Se j houver outro navegador instalado no computador, voc ainda poder instalar com segurana o Microsoft Internet Explorer. Ao criar pginas da Web, voc perceber que, na verdade, muito til testar seu trabalho em mais de um tipo de navegador antes de publicar seu site.

Se voc estiver usando o Windows NT Workstation 4.0 ou Windows NT Server 4.0

As lies deste tutorial so elaboradas para serem concludas com o FrontPage 2002 em um computador com Microsoft Windows 98, Microsoft Windows 2000 ou Microsoft Windows Millennium Edition. Se voc estiver usando o Windows NT, poder perceber pequenas diferenas na interface do usurio e nas referncias s pastas. ! Por exemplo, a pasta Meus documentos no Windows 2000 chamada de Pessoal no Windows NT. Essas diferenas no afetam a funcionalidade do FrontPage nem impedem que voc conclua este tutorial adequadamente.

O que voc aprender

Este tutorial est dividido em duas lies:

Lio 1: criando pginas da Web

Esta lio ensina a trabalhar com texto e hiperlinks; adicionar imagens, clip-arts, animaes e arquivos; formatar listas; posicionar objetos; criar um formulrio de sugestes; criar uma galeria de fotografias, uma estrutura de site e um site.

Lio 2: aperfeioando e publicando um site

Nesta lio, voc aprender a configurar a navegao, adicionar bordas compartilhadas e barras de links a pginas, inserir faixas de pginas, aplicar e personalizar um tema grfico, verificar a ortografia e substituir texto no site, classificar e organizar arquivos e pastas, exibir relatrios do site e visualizar e publicar o site pronto.

Aprendendo mais sobre o FrontPage

Usando o Assistente de resposta O FrontPage inclui um sistema de ajuda abrangente que contm vises gerais conceituais dos principais recursos, procedimentos passo a passo e ajuda contextual completa. Ele contm o Assistente de resposta, ao qual voc pode fazer perguntas com suas prprias palavras sobre recursos. Para acessar rapidamente o Assistente de resposta: 1. Localize a caixa Fazer uma pergunta menus. 2. Digite uma pergunta com suas prprias palavras. Por exemplo, digite Como eu verifico a ortografia da minha pgina?. 3. Pressione a tecla ENTER. Observao pergunta. Usando o glossrio Ao seguir os passos do tutorial do FrontPage, voc poder encontrar termos novos. Eles podero aparecer na interface do usurio do FrontPage ou ser usados pela comunidade da Internet. Para procurar as definies das palavras com as quais voc no est familiarizado, use o glossrio no sistema de ajuda on-line do FrontPage 2002. Para localizar o glossrio, siga estes procedimentos: 1. Na caixa Fazer uma pergunta, digite a palavra FrontPage. Importante Se voc no digitar uma palavra ou frase especfica do FrontPage, o sistema de ajuda on-line do Microsoft Office XP poder ser exibido no lugar do sistema de ajuda do FrontPage. 2. Pressione a tecla ENTER. 3. Na lista de itens exibidos que correspondem ao termo pesquisado, clique no primeiro item. Nem todos os idiomas oferecem suporte caixa Fazer uma na barra de

4. Clique no cone Mostrar

na barra de ferramentas da Ajuda.

5. exibido um painel com as guias Contedo, Assistente de resposta e ndice.

6. Clique na guia Contedo. Se houver um sinal de adio (+) prximo ao livro Ajuda do Microsoft FrontPage, isso significa que o contedo dessa lista est recolhido ou oculto. Nesse caso, voc poder expandir a lista.

7. Clique no sinal de adio de livro.

esquerda do cone

8. Na parte inferior da lista de tpicos exibida, clique no sinal de adio prximo ao item chamado Glossrio. Na lista expandida sob Glossrio h um nico tpico, tambm chamado Glossrio.

9. Clique no tpico Glossrio

No painel da direita, exibida uma lista alfabtica de termos. 10. Role-a para localizar o termo desejado. 11. Pressione o boto Fechar aps concluir.

Lio 1: criando pginas da Web

Nesta lio, voc criar um site que fornece informaes sobre uma loja de artigos esportivos fictcia chamada Championzone. O site conter informaes sobre mercadorias, uma galeria de fotografias on-line e uma lista de links para outros sites. H uma pasta de arquivos preparada para voc praticar enquanto cria esse site. Ela est localizada em <unidade>:\FPTutor2002, onde <unidade> representa o disco rgido em que voc instalou o tutorial. Aps concluir as lies, voc dever ter um bom conhecimento do FrontPage e de seus recursos.

Viso geral
Voc aprender a: ! Abrir o FrontPage. ! Criar pginas da Web. ! Trabalhar com texto e hiperlinks. ! Inserir figuras e arquivos. ! Formatar listas. ! Posicionar objetos. ! Adicionar um formulrio de sugestes. ! Criar uma galeria de fotografias. ! Criar a estrutura de um site. ! Salvar seu trabalho.

Abrindo o FrontPage
Para executar o Microsoft FrontPage, siga estes procedimentos: ! Na barra de tarefas do Windows, clique no boto Iniciar para Programas e clique em Microsoft FrontPage. , aponte

Se for a primeira vez que voc usa o FrontPage, o programa ser aberto e exibir uma pgina em branco pronta para edio. Observaes o Se o FrontPage tiver sido usado para editar outro site, ele abrir esse site automaticamente. o Para fechar um site: no menu Arquivo, clique em Fechar Web.

Viso geral da rea de trabalho

O FrontPage 2002 tem uma interface integrada que ajuda a criar e editar pginas da Web, assim como gerenciar sites inteiros dentro de um aplicativo. O comportamento de todas as barras de ferramentas e menus consistente com os programas do Microsoft Office XP. Assim, eles podem ser totalmente personalizados. Voc tambm pode usar atalhos de teclado para acelerar tarefas comuns, como abrir sites e pginas da Web, imprimir e vrios outros comandos. O grfico e a tabela a seguir destacam alguns dos elementos usados normalmente na interface do FrontPage 2002.

Item Guia de pgina

Barra de ttulo Barra de menus

Descrio uma maneira fcil de selecionar a pgina desejada quando h vrias pginas abertas. Exibe o nome da pgina atual e sua localizao no site. Contm menus como Arquivo, Editar, Exibir e Inserir, sendo o ponto de partida para vrias tarefas que voc executar no FrontPage.

Item Caixa Fazer uma pergunta

Fechar pgina Barras de rolagem Barra de status

Painis de exibio de pgina

Indicador de progresso Tempo de download estimado

Painel de tarefas

Barras de ferramentas Padro e Formatao

Barra Modos

Descrio Para obter mais informaes sobre um procedimento no FrontPage, digite uma pergunta na caixa Fazer uma pergunta, que acessa o sistema de ajuda on-line. Esse boto fecha a pgina exibida no momento. Permitem mover a pgina para exibir uma parte diferente. Representa o estado de uma tarefa atual. Por exemplo, a barra de status pode exibir o texto Recuperando Index.htm ao abrir a home page ou mostrar o destino de um hiperlink, quando voc mover o cursor do mouse sobre um link no painel Normal. Eles representam os diferentes painis da rea de trabalho. Por exemplo, o painel Normal onde voc far a maior parte do trabalho neste tutorial. Os outros painis so HTML e Visualizar. Mostra o status de uma ao atual. Fornece uma estimativa de quanto tempo um usurio levar para visualizar sua pgina em um navegador da Web. Um painel de programas do Office XP que fornece comandos usados freqentemente. Sua localizao e seu pequeno tamanho permitem que voc use esses comandos enquanto ainda trabalha nos arquivos. Exibido por padro. Fornecem acesso fcil aos comandos que voc usar com mais freqncia quando trabalhar com o FrontPage. O que voc v na janela principal do programa depende do modo de exibio selecionado no momento. Os cones na barra Modos oferecem maneiras diferentes de ver as informaes na sua pgina ou no seu site.

Dica Voc pode personalizar a rea de trabalho exibindo barras de ferramentas adicionais ou alterando os botes existentes nessas barras. No menu Exibir, aponte para Barras de ferramentas e selecione as barras de ferramentas que voc deseja exibir. Para adicionar ou remover botes das barras de ferramentas, clique em Personalizar.

Introduo
Para este tutorial, voc criar um site com quatro pginas, onde informar aos visitantes sobre uma loja de artigos esportivos fictcia. Se a tarefa de montar um site inteiro parecer desanimadora, no se preocupe. Voc pode adicionar informaes e outras pginas gradualmente ao seu site. Ao contrrio das cartas, memorandos e documentos de processadores de texto impressos, os sites na Web podem ser alterados ou atualizados mesmo aps serem publicados. Voc pode adicionar, excluir e modificar texto, figuras e pginas inteiras em qualquer momento. Com o FrontPage, voc pode comear digitando texto no documento em branco que o modo de exibio Pgina fornece. Para esta lio, comearemos pela home page o documento padro que os visitantes usurios vem quando entram no seu site.

Para criar uma home page

A home page a porta de entrada do seu site. Ela fornece informaes sobre seu contedo ou assunto a fim de despertar o interesse dos visitantes. Alm disso, ela contm links para outras pginas do site. 1. Na pgina em branco no modo de exibio Pgina, digite Welcome to Championzone! (Bem-vindo Championzone!) e pressione ENTER. Como em um processador de texto, a tecla ENTER coloca o cursor em uma nova linha quando pressionada. 2. Em seguida, digite a frase Take a look around to learn more about our sporting goods, see pictures of our merchandise, and look at our Sports Photo Gallery (D uma olhada em nossos artigos esportivos, veja as fotos de nossos produtos e visite nossa galeria de fotografias sobre esportes). 3. Pressione a tecla ENTER. A maior parte do contedo do site da Championzone j est criada. Quando voc estiver pronto para criar seu prprio site, o FrontPage permitir que voc importe qualquer documento existente diretamente para as pginas da Web sem ter que digitar novamente qualquer texto.

10

Agora sua pgina deve estar com esta aparncia:

Em seguida, voc adicionar uma figura pgina da Web. As figuras podem ser fotos, desenhos ou elementos grficos digitalizados criados em um programa de desenho ou edio de imagens. Para este exemplo, a figura a ser inserida um grfico do logotipo do FrontPage:

Para inserir um elemento grfico na home page

1. No menu Inserir, aponte para Figura e clique em Do arquivo. O FrontPage exibir a caixa de dilogo Figura. Observao O arquivo de figura que voc inserir est localizado na pasta do tutorial que foi instalada com os arquivos de programa do FrontPage. 2. Prximo a Examinar, selecione o disco rgido em que voc instalou o tutorial. provvel que voc tenha instalado o tutorial na unidade C ou D. 3. Navegue para a pasta chamada FPTutor2002, clicando duas vezes em cada pasta desse caminho at que a caixa Examinar exiba FPTutor2002. Voc ver vrios arquivos na pasta FPTutor2002. Por padro, o FrontPage procura arquivos de imagens quando voc est inserindo uma figura.

11

4. Clique no arquivo chamado frontpage e, em seguida, clique em Inserir. O FrontPage insere o arquivo de figura selecionado na pgina atual. Ele um elemento grfico em que os visitantes podero clicar para aprender mais sobre o FrontPage 2002. 5. Pressione a tecla ENTER para criar uma nova linha. Agora sua pgina deve estar com esta aparncia:

A simples insero de uma figura de um boto no significa que algo ocorrer quando algum clicar nele em um navegador. Para que uma figura ou palavra seja ativada por um clique, necessrio que haja um hiperlink associado a ela. Um hiperlink um ponteiro a partir de um texto ou de uma figura para outra pgina ou arquivo na Web ou em uma intranet. Na Web, os hiperlinks fornecem o principal meio de navegao entre pginas e outros sites. Nas prximas etapas, voc criar um hiperlink a partir do elemento grfico que voc acabou de colocar na home page.

12

Para criar um hiperlink a partir de uma figura

1. Na home page, clique na figura do boto do FrontPage 2002 que voc inseriu. Quando ela est selecionada, apresenta alas de arquivo oito pequenos quadrados em torno da borda da figura. Elas podem ser usadas para redimensionar a figura ou alterar sua aparncia. Quando a figura selecionada, o FrontPage tambm exibe a barra de ferramentas Figuras. Ela fornece ferramentas de edio e formatao, sobre as quais voc aprender mais tarde. Observao Se a barra de ferramentas Figuras no for exibida automaticamente, aponte para Barras de ferramentas, no menu Exibir, e clique em Figuras. 2. No menu Inserir, clique em Hiperlink. O FrontPage exibir a caixa de dilogo Inserir hiperlink. Nela, voc especifica o destino do hiperlink que est criando. 3. Na caixa Endereo, digite www.microsoft.com/frontpage. Observaes o Observe que o FrontPage adiciona automaticamente o prefixo HTTP, que significa Hypertext Transfer Protocol (protocolo de transferncia de hipertexto). Ele o protocolo da Internet que permite que navegadores recuperem informaes de servidores Web. Como est criando um hiperlink a partir de um boto que est rotulado como Microsoft FrontPage, voc criar um link com a home page do FrontPage na Web. Quando os visitantes do site clicarem no boto em seus navegadores, sero levados para a home page do Microsoft FrontPage.

4. Clique em OK para concluir a criao do hiperlink. Voc pode perceber que a aparncia do boto no foi alterada. Ao contrrio de hiperlinks de texto, que geralmente so azuis e sublinhados, os hiperlinks de figuras no so indicados automaticamente. Isso intencional, pois a alterao da aparncia da figura poderia atrapalhar o design de pgina desejado em alguns casos. Voc pode verificar rapidamente a existncia de um hiperlink em uma figura movendo o ponteiro do mouse sobre ela. Se houver um hiperlink, o FrontPage exibir seu URL na barra de status. A seguir, voc inserir uma figura do logotipo da Championzone na parte superior da pgina.

13

Inserir uma figura na home page

1. Pressione CTRL+HOME para ir rapidamente at o incio da pgina atual. Dica A combinao de teclas CTRL+HOME coloca o cursor na posio inicial na margem esquerda superior da pgina atual. 2. No menu Inserir, aponte para Figura e clique em Do arquivo. Desta vez, o FrontPage exibe imediatamente o contedo da pasta FPTutor2002. Durante cada sesso de trabalho, o FrontPage se lembra dos nomes e locais das pastas para as quais voc j navegou. 3. Clique duas vezes no arquivo chamado czlogo. O FrontPage insere o elemento grfico na pgina atual. 4. Pressione ENTER para mover o texto de boas-vindas para a linha abaixo. Agora sua pgina deve estar com esta aparncia:

Para concluir a home page, voc centralizar o texto e as figuras nela.

Para centralizar elementos em uma pgina

1. No menu Editar, clique em Selecionar tudo. O FrontPage seleciona tudo na pgina atual.

14

2. No menu Formatar, clique em Pargrafo. O FrontPage exibir a caixa de dilogo Pargrafo. Nela, voc pode alterar o alinhamento dos elementos selecionados e aplicar recuo e espaamento personalizado em texto e elementos grficos. 3. Na lista Alinhamento, clique em Centro e, em seguida, em OK. O FrontPage centraliza o texto e as figuras na home page. 4. Clique em qualquer lugar na pgina para anular a seleo de todos os elementos da pgina.

Para salvar a pgina atual

Agora que voc investiu algum tempo e completou algumas etapas, salve a pgina. 1. No menu Arquivo, clique em Salvar como. O FrontPage exibir a caixa de dilogo Salvar como. Nela, voc pode especificar o local da pgina atual e revisar ou alterar o ttulo da pgina, o nome e o tipo do arquivo. 2. Na caixa de dilogo Salvar como, clique no cone Meus documentos na barra vertical de locais. O contedo da pasta Meus documentos exibido. Se nenhum arquivo for exibido na lista de arquivos, no haver outras pginas da Web armazenadas nela. 3. Prximo ao campo Ttulo da pgina, clique no boto Alterar ttulo. O FrontPage exibir a caixa de dilogo Definir ttulo da pgina. Nela, o ttulo padro baseado na primeira linha de texto da pgina atual. Um ttulo identifica o contedo de uma pgina quando exibida em um navegador da Web. Para este tutorial, voc alterar o ttulo da pgina para algo mais descritivo. 4. Na caixa Definir ttulo da pgina, digite Home page e clique em OK. 5. Na caixa Nome do arquivo, altere o texto sugerido para homepage e clique em Salvar. O FrontPage salva a pgina atual.

15

Opes de exibio de pgina

Ao criar a home page, voc trabalhou exclusivamente no modo de exibio de pgina normal, mas h trs maneiras diferentes de ver a pgina atual.

Para exibir as marcas HTML na pgina atual

! ! No modo Pgina , clique em Revelar marcas, no menu Exibir.

O FrontPage exibe representaes grficas de marcas HTML padro para a pgina atual. Essa exibio til para quem deseja saber onde as marcas HTML so colocadas enquanto cria suas pginas. Para ocultar as marcas, clique novamente em Revelar marcas, no menu Exibir.

Para exibir o HTML na pgina atual

! No modo Pgina, clique no boto HTML na parte inferior da pgina. Isso faz com que o FrontPage exiba o cdigo HTML escrito simultaneamente com o processo de criao da home page. Os navegadores da Web decodificam essas instrues para exibir a pgina. O painel HTML destina-se a desenvolvedores e designers de pginas da Web experientes que desejem personalizar o HTML que o FrontPage cria. ! Se desejar definir suas preferncias para o modo como o FrontPage gerar o cdigo HTML, clique em Opes de pgina, no menu Ferramentas, e, em seguida, clique na guia Cdigo fonte HTML. Se voc no for experiente em HTML, no precisar fazer alteraes nesse local. Clique em Cancelar para fechar a caixa de dilogo Opes de pgina. Clique no boto Normal, na parte inferior da pgina, para retornar para o painel Normal. Dica Ao trabalhar no painel HTML, voc pode usar vrios comandos de menu e botes da barra de ferramentas, exatamente como no painel Normal.

16

Para visualizar a pgina atual

! Clique no boto Visualizar, na parte inferior da pgina. Observao Se o Microsoft Internet Explorer no estiver instalado no computador, a guia Visualizar no ser exibida e voc no poder visualizar suas pginas dessa maneira. Para obter informaes, consulte o tpico Antes de comear. Verificar sua pgina no painel Visualizar uma maneira rpida e conveniente de ver como determinados elementos incluindo animaes, clipes de filmes, tabelas e listas aparecero em um navegador. ! Clique no boto Normal, na parte inferior da pgina, para retornar ao painel Normal.

17

Criando um site com o FrontPage

Um site o conjunto formado por uma home page e suas pginas, elementos grficos, documentos, multimdia e outros arquivos associados. Os sites so armazenados em um servidor Web ou no disco rgido de um computador. Os sites baseados no FrontPage tambm contm arquivos que oferecem suporte funcionalidade especfica do FrontPage e permitem que os sites sejam abertos, copiados, editados, publicados e administrados com o FrontPage. Nos procedimentos anteriores, voc aprendeu como fcil criar uma pgina da Web com o FrontPage. Assim que voc inicia o aplicativo, pode comear a digitar e editar, depois salvar o documento no disco rgido algo bem parecido como em um processador de textos. Apesar de voc certamente poder criar um site inteiro dessa maneira, isso poder empregar muito trabalho manual, alm de requerer muita ateno aos detalhes para preservar hiperlinks e arquivos de origem e manter o contedo atualizado. Quando voc salva as pginas em um site, o FrontPage pode gerenciar e corrigir hiperlinks automaticamente, organizar arquivos e pastas, manter barras de links dinmicos, verificar a ortografia em todas as pginas do site e gerar relatrios que apontem os problemas com suas pginas e arquivos.

Para criar um novo site

1. No menu Arquivo, clique em Fechar para fechar a pgina atual. 2. No menu Arquivo, aponte para Novo e clique em Pgina ou Web. O FrontPage exibe o painel de tarefas Nova pgina ou Web. Nele, voc pode escolher um dentre diversos modelos e assistentes de sites, especificar onde deseja salvar o site e especificar como deseja cham-lo. 3. Em Novo com base em modelo, clique em Modelos de sites na Web. 4. Clique em Web de uma pgina e pressione a tecla TAB. Quando a tecla TAB pressionada, move a seleo para o campo em que voc especifica o nome e o local do novo site. 5. Na caixa Especifique o local da nova Web, altere o nome sugerido para <unidade>:\Meus documentos\Minhas Webs\Championzone e clique em OK. Observaes ! ! <unidade> representa o disco rgido local, que geralmente C:\ ou D:\. O FrontPage cria um novo site na Web chamado Championzone e exibe o nome e o local na barra de ttulo na parte superior da janela de programa do FrontPage.

18

Como voc trabalhar com vrios arquivos no site, o FrontPage tambm exibe a Lista de pastas, em que possvel ver os arquivos e as pastas do site atual, como no Microsoft Windows Explorer. Voc aprender a usar a Lista de pastas posteriormente, na lio 2. As lies deste tutorial so elaboradas para serem concludas com o FrontPage 2002 em um computador com Microsoft Windows 98, Microsoft Windows 2000 ou Microsoft Windows Millennium Edition. Dependendo do sistema operacional que estiver usando, voc poder perceber pequenas diferenas na interface do usurio e nas referncias s pastas.

6. Se a Lista de pastas no for exibida, siga estes procedimentos: ! Na barra de ferramentas padro, clique na seta direita de Alternar painel e, em seguida, clique em Lista de pastas.

7. Clique no cone Navegao

na barra de ferramentas Modos.

Quando houver um site aberto, os cones da barra Modos permitiro que voc veja as informaes do site de maneiras diferentes. O modo Navegao mostra uma representao grfica da estrutura do site. Como voc criou um site com uma pgina, o FrontPage a designou automaticamente como home page indicado por uma pequeno cone de uma casa .

No modo Navegao, o FrontPage tambm exibe a barra de ferramentas Navegao. Voc pode arrast-la para qualquer local da tela.

Prximo barra Modos, o FrontPage exibe a Lista de pastas opcional, exatamente como no modo Pgina. Em instantes, voc substituir a home page vazia nova pela criada anteriormente nesta lio. Primeiro, no entanto, voc criar a estrutura das outras pginas no site da Championzone na Web. A criao da estrutura de um site no modo Navegao permite o uso de recursos como faixas de pginas e barras de navegao, que so atualizados automaticamente sempre que voc altera, adiciona ou remove pginas do site. Isso facilita a alterao de itens. Voc aprender mais sobre isso mais tarde.

19

Para criar uma estrutura de navegao

1. No modo Navegao, clique em Nova pgina padro. na barra de ferramentas

O FrontPage cria uma nova pgina chamada Nova pgina 1 abaixo da home page. As pginas no modo Navegao no so as pginas reais do site atual; elas so espaos reservados que apontam para elas. Assim, voc pode experimentar facilmente a estrutura e a organizao de um site antes de criar seu contedo. 2. Para criar rapidamente as pginas restantes, mantenha a tecla CTRL pressionada e pressione O trs vezes. CTRL+O um atalho de teclado para o comando Nova pgina. O FrontPage oferece suporte a teclas de atalho comuns do Windows e do Microsoft Office XP que ajudam a acelerar tarefas repetitivas. As pginas que voc acabou de criar aparecem abaixo da home page, pois ela estava selecionada quando voc executou o comando. Observao No modo Navegao, a pgina selecionada azul, enquanto as outras so amarelas. 3. Com a home page ainda selecionada, pressione a tecla TAB. Quando a tecla TAB pressionada, move a seleo para a prxima pgina na estrutura e ativa seu ttulo para edio. Isso tambm seleciona o texto que representa o nome da pgina, para que voc possa digitar facilmente um novo nome. 4. Digite Sobre ns e pressione a tecla TAB. Sobre ns o ttulo de uma das pginas que voc criar para o site da Championzone na Web. 5. Repita a etapa anterior com as outras pginas, renomeando Nova pgina 2 como Produtos, Nova pgina 3 como Galeria de fotografias e Nova pgina 4 como Links. 6. Quando voc pressiona ENTER aps editar um ttulo de pgina, salva o novo ttulo sem selecionar outra pgina. Para anular a seleo de todas as pginas, clique em qualquer lugar fora das pginas no modo Navegao.

20

Agora sua tela deve estar com esta aparncia:

Para pode abrir rapidamente uma pgina para edio no modo Pgina, clique duas vezes na pgina no modo Navegao ou na Lista de pastas (as pginas s sero mostradas na Lista de pastas depois que voc as salvar). A seguir, para substituir a home page em branco que o FrontPage criou a partir do modelo de site, voc importar a home page que criou e salvou na pasta Meus documentos anteriormente nesta lio.

Para importar uma pgina para um site

1. No modo Navegao, clique duas vezes em index.htm para abri-la no modo Pgina. O FrontPage abre uma home page em branco criada a partir do modelo de site. 2. No menu Inserir, clique em Arquivo. O FrontPage exibir a caixa de dilogo Selecionar arquivo. Nela, voc pode inserir pginas da Web, documentos de processadores de texto, arquivos de texto ou outros documentos na pgina atual. 3. Na caixa de dilogo Selecionar arquivo, navegue para a pasta Meus documentos, se j no estiver sendo mostrada. 4. Clique no arquivo chamado homepage e, em seguida, clique em Abrir. O FrontPage importa a home page salva anteriormente para a pgina atual.

21

5. Para salvar a pgina atual no site, clique em Salvar ferramentas padro.

, na barra de

O FrontPage exibir a caixa de dilogo Salvar arquivos incorporados. Nela, voc pode visualizar, renomear, salvar e atualizar arquivos incorporados que o site atual usar. Quando voc salvou essa pgina anteriormente na pasta Meus documentos no computador, o FrontPage deixou as duas figuras que voc inseriu em seus locais originais a pasta do tutorial do FrontPage. A home page simplesmente apontou para os arquivos de figuras sem os copiar para a mesma pasta em que a pgina foi salva. Entretanto, para manter a capacidade de transporte dos sites, voc sempre deve manter as pginas e os arquivos associados como parte do site que os usa. 6. Na caixa de dilogo Salvar arquivos incorporados, clique em OK. O FrontPage salva a home page como Index.htm e salva as cpias dos arquivos de figuras incorporados no site atual. Dica As home pages tm nomes reservados. O FrontPage nomear automaticamente as home pages com um de dois nomes reservados, que voc no deve alterar, a menos que precise. Se voc estiver executando um software de servidor Web local, como o Internet Information Services (IIS), no computador, a home page ser chamada de Default.htm. Se no houver um servidor Web local instalado ou quando voc salvar uma pgina no disco rgido local, em vez de um site em servidor Web, a home page se chamar Index.htm. Esses nomes so reservados para home pages porque os navegadores da Web os procuraro automaticamente quando um visitante do site digitar seu URL sem uma referncia de pgina especfica.

22

Criando o contedo do site

Agora que a home page faz parte do site atual, voc criar o contedo para outras pginas no site da Championzone.

Edite a pgina Sobre ns

1. Clique no cone Navegao na barra Modos para voltar para o modo Navegao. Observaes o A Lista de pastas agora mostra os dois arquivos de figuras que voc salvou no site atual. O arquivo Index.htm a nova home page. Mais tarde, voc poder descartar da pasta Meus documentos a cpia restante da home page. Na Lista de pastas, os nomes dos arquivos das outras pginas foram derivados automaticamente dos ttulos que voc digitou nas pginas no modo Navegao. Para este tutorial, no alteraremos os nomes.

2. Clique duas vezes na pgina Sobre ns para abri-la no modo Pgina. Essa pgina fornece aos visitantes do site algumas informaes bsicas sobre a empresa fictcia. Para este tutorial, fornecemos o texto para voc, portando, basta inseri-lo na pgina sem precisar digit-lo. 3. No menu Inserir, clique em Arquivo. 4. Na caixa de dilogo Selecionar arquivo, navegue para a pasta chamada FPTutor2002, clicando duas vezes em cada pasta desse caminho at que a caixa Examinar exiba FPTutor2002. 5. Clique na lista Arquivos do tipo e clique em Arquivos de texto (*.txt) para exibir somente arquivos de texto. O FrontPage exibe um arquivo, chamado Sobre_ns.htm. H somente um arquivo de texto neste tutorial. 6. Clique em Sobre_ns.htm na lista e, em seguida, clique em Abrir. O texto que voc est inserindo no est salvo em formato HTML, portanto, o FrontPage exibe a caixa de dilogo Converter texto para permitir que voc controle como o texto ser importado. 7. Na caixa de dilogo Converter texto, clique em Pargrafos normais com quebras de linha e, em seguida, em OK. O FrontPage importa o arquivo de texto e o coloca no ponto de insero na pgina Sobre ns.

23

8. Na barra de ferramentas padro, clique em Salvar alteraes na pgina Sobre ns. 9. Feche a Lista de pastas.

para salvar as

A seguir, voc preparar a pgina chamada Produtos. Ela informar aos visitantes sobre os artigos esportivos vendidos pela Championzone. Nesta pgina, voc tambm fornecer um formulrio de sugestes que coleta idias das pessoas que navegam pelo site da Championzone na Web.

Para editar a pgina Produtos

1. Na barra de ferramentas padro, clique na seta direita de Alternar painel e, em seguida, clique em Lista de pastas.

2. Clique duas vezes na pgina Produtos.htm na Lista de pastas para abri-la no modo Pgina. 3. Clique na seta direita de Alternar painel e clique em Lista de pastas para ocultar a lista. 4. No menu Inserir, clique em Arquivo. 5. Na caixa de dilogo Selecionar arquivo, clique na lista Arquivos do tipo e, em seguida, clique em Formato Rich Text (*.rtf) para exibir o arquivo de texto formatado na pasta do tutorial. O FrontPage exibe o arquivo que corresponde aos critrios. 6. Clique duas vezes no arquivo chamado Informaes_sobre_o_produto.htm. Como esse tipo de arquivo contm formatao, o FrontPage converte automaticamente o texto formatado em HTML e o insere na pgina. 7. Na barra de ferramentas, clique em Salvar para salvar as alteraes na pgina Produtos.

24

Criando uma pgina

A pgina Sobre ns herdar sua formatao de um tema grfico que voc aplicar ao site da Championzone posteriormente, na lio 2. A pgina Produtos, entretanto, requer mais algum trabalho de design. Para ajudar o leitor a diferenciar os ttulos de pargrafos, as listas de produtos e os detalhes de eventos sobre os quais o texto nesta pgina fala, voc adicionar algumas figuras, formatar estilos de pargrafos e criar uma lista com marcadores.

Para criar uma lista com marcadores

1. Com a pgina Produtos ainda exibida no modo Pgina, localize as palavras Sacola de equipe. Se toda a lista de produtos no estiver visvel, use a barra de rolagem para mostr-la completamente. A lista comea por Sacola de equipe e termina com Rede de gol. 2. Clique exatamente esquerda da letra S em Sacola de equipe, mantenha a tecla SHIFT pressionada, clique exatamente aps a palavra gol e libere a tecla SHIFT. Isso selecionar toda a lista.

3. Na barra de ferramentas Formatao, clique no boto Marcadores

O FrontPage converte o texto selecionado em uma lista com marcadores. 4. Clique em qualquer lugar na pgina para anular a seleo da lista. Agora sua pgina deve estar com esta aparncia:

25

Voc tambm pode criar listas numeradas com o FrontPage. Quando voc adiciona novos itens a uma lista numerada, o FrontPage os numera automaticamente em seqncia. Para adicionar itens a listas com marcadores e numeradas, pressione ENTER aps um item na lista. Para terminar uma lista, pressione ENTER duas vezes aps digitar o ltimo item. A seguir, voc colocar quatro figuras na pgina atual e usar recursos de posicionamento no FrontPage para alinh-las aos pargrafos aos quais esto associadas. Isso criar um layout de pgina mais interessante.

Para posicionar figuras com texto

1. Com a pgina Produtos ainda exibida no modo Pgina, posicione o cursor aps o texto Destaques da semana. 2. Clique em Inserir figura do arquivo na barra de ferramentas padro.

Quando voc inseriu uma figura da ltima vez, no havia um site aberto e o FrontPage exibiu automaticamente a caixa de dilogo Selecionar arquivo. Agora que h um site aberto, o FrontPage supe que voc deseja trabalhar com figuras que j fazem parte do site e, portanto, exibe a caixa de dilogo Figura. Como voc ainda no adicionou a figura desejada ao site, clique no menu suspenso prximo a Examinar e navegue para a pasta FPTutor2002. Observao Ela est localizada em <unidade>:\FPTutor2002, onde <unidade> representa o disco rgido em que voc instalou o tutorial. 3. Clique no arquivo chamado FPTutor001 e, em seguida, clique em Inserir. O FrontPage insere uma figura de bola de futebol exatamente aps o texto Destaques da semana. 4. Em seguida, clique na figura da bola de futebol para selecion-la. 5. No menu Formatar, clique em Posio. O FrontPage exibir a caixa de dilogo Posio. 6. Em Disposio do texto, clique em Direita e, em seguida, em OK. A figura alinhada margem direita da pgina atual e a lista com marcadores flui sua esquerda. 7. Na barra de ferramentas, clique em Salvar para salvar as alteraes na pgina Produtos.

26

8. Na caixa de dilogo Salvar arquivos incorporados, clique em OK. Agora sua pgina deve estar com esta aparncia:

Voc pode posicionar figuras uma a uma dessa maneira ou import-las todas de uma vez. Enquanto a importao de arquivos isolados feita no modo Pgina, a insero de um grupo de arquivos ou de pastas inteiras feita no modo Pastas.

Para adicionar um grupo de arquivos ao site atual

1. Clique no cone Pastas Pastas.

na barra Modos para alternar para o modo

O modo Pastas um modo de exibio expandido da Lista de pastas que voc viu nos modos Navegao e Pgina. Como na visualizao de arquivos do Microsoft Windows Explorer, nela voc pode visualizar detalhes sobre os arquivos e as pastas no site e executar tarefas de gerenciamento de arquivos, como adicionar, excluir, mover, copiar e renomear arquivos. 2. No menu Arquivo, clique em Importar. O FrontPage exibir a caixa de dilogo Importar. Nela, voc pode adicionar arquivos e pastas do sistema de arquivos local, de uma rede local, de um servidor de arquivos da empresa ou de um recurso na Internet ou na Web, como um servidor FTP. 3. Na caixa de dilogo Importar, clique em Adicionar arquivo.

27

4. Na caixa de dilogo Adicionar arquivo lista de importao, navegue para a pasta FPTutor2002. Observao Ela est localizada em <unidade>:\FPTutor2002, onde <unidade> representa o disco rgido em que voc instalou o tutorial. 5. Em seguida, clique na lista Arquivos do tipo e, em seguida, clique em GIF e JPEG (*.gif, *.jpg) para exibir todos os arquivos de figuras na pasta do tutorial. 6. Clique no arquivo chamado czbanner na lista para selecion-lo. 7. Em seguida, mantenha a tecla CTRL pressionada e clique para selecionar os arquivos FPTutor002, FPTutor003, FPTutor004, FPTutor005 e FPTutor006. 8. Quando eles estiverem selecionados na caixa de dilogo Adicionar arquivo lista de importao, libere a tecla CTRL e clique em Abrir. O FrontPage adiciona as figuras selecionadas lista na caixa de dilogo Importar. 9. Clique em OK para importar os arquivos listados para o site atual. Agora que as figuras restantes foram adicionadas ao site, hora de concluir o layout da pgina Produtos.

Para concluir o layout da pgina

1. Clique no cone Pgina na barra Modos para retornar para o modo Pgina. 2. Se a Lista de pastas estiver aberta, feche-a para poder ver mais da pgina em que est trabalhando. Para fechar a Lista de pastas: ! Na barra de ferramentas padro, clique na seta direita de Alternar painel e, em seguida, clique em Lista de pastas.

2. Na pgina Produtos, coloque o ponto de insero aps a frase PRODUTOS SELECIONE A PARTIR DE UMA GRANDE VARIEDADE DE EQUIPAMENTOS e clique no boto Inserir figura do arquivo, na barra de ferramentas. 3. Na caixa de dilogo Figura, observe que as figuras importadas anteriormente esto agora disponveis e selecione o arquivo FPTutor002 na lista. Voc tambm pode inserir um clip-art ou, se tiver um scanner ou uma cmera digital, poder us-los para adquirir imagens originais. 4. Clique em OK para inserir a figura.

28

5. Clique na figura que acabou de inserir e em Alinhar direita , na barra de ferramentas, para posicionar a figura na margem direita e fazer o texto contorn-la. Agora sua pgina deve estar com esta aparncia:

O posicionamento de figuras e outros elementos de pgina em torno do texto na pgina torna o design mais interessante, como em pginas de uma revista ou de um jornal. Ao posicionar figuras na margem, o layout da pgina ser mantido, mesmo que ela seja vista em um tamanho e resoluo de tela diferentes em um navegador da Web. Para concluir a pgina Produtos, voc criar um formulrio de sugestes para que possa interagir com os visitantes que desejem participar. Um formulrio de sugestes pode ser usado para coletar comentrios e informaes de pessoas que visitam seu site.

Para criar um formulrio de sugestes

1. No modo Pgina, pressione CTRL+END para ir rapidamente para o fim da pgina atual ou role at o fim com a barra de rolagem. 2. Na nova linha em branco, digite D suas sugestes! e pressione a tecla ENTER.

29

3. No menu Inserir, aponte para Formulrio e clique em Caixa de texto. O FrontPage insere um novo formulrio com uma caixa de texto na pgina atual. As linhas pontilhadas indicam o limite do formulrio. Por padro, o novo formulrio tambm contm os botes Submeter e Redefinir. A seguir, voc personalizar o formulrio padro adicionando mais campos e rtulos de campos para que os visitantes saibam o tipo de informao que deve ser inserida.

Para personalizar o formulrio

1. Clique no boto Submeter e, em seguida, clique em Centralizar de ferramentas. na barra

2. Pressione a seta esquerda para colocar o cursor antes do boto Submeter e pressione a tecla ENTER. Quando a tecla ENTER pressionada, uma linha em branco inserida no formulrio. 3. Clique na caixa de texto e pressione a seta para voltar a fim de colocar o cursor no incio do formulrio. 4. Na primeira linha, digite Seu nome: e pressione SHIFT+ENTER. Quando a tecla ENTER pressionada junto com a tecla SHIFT, uma quebra de linha criada. As quebras de linha so teis para espaar linhas de texto mais prximas do que o espaamento de pargrafo padro. 5. Mova o cursor para depois da caixa de texto e pressione ENTER. 6. Na prxima linha, digite Seu endereo de email: e pressione SHIFT+ENTER. 7. No menu Inserir, aponte para Formulrio, clique em Caixa de texto mais uma vez e pressione ENTER. 8. Na prxima linha, digite Seus comentrios: e pressione SHIFT+ENTER. 9. No menu Inserir, aponte para Formulrio e clique em rea de texto. O FrontPage insere um campo de texto de rolagem no formulrio. 10. Clique duas vezes na caixa de texto de rolagem que voc acabou de inserir. O FrontPage exibir a caixa de dilogo Propriedades da caixa de texto de rolagem. Nela, voc pode alterar a aparncia da caixa de texto.

30

11. Na caixa de texto Propriedades da caixa de rea de texto, altere a Largura em caracteres para 30 e o Nmero de linhas para 5; em seguida, clique em OK. A caixa de texto de rolagem aumenta de tamanho, o que estimula os visitantes a escreverem mais do que apenas algumas linhas. Agora que o formulrio e a pgina Produtos esto concludos, salve o trabalho. Observao Voc s pode testar o formulrio depois de publicar o site. Voc aprender a public-lo na lio 2. 12. Na barra de ferramentas, clique em Salvar para salvar as alteraes na pgina Produtos. Agora sua pgina deve estar com esta aparncia:

Bom trabalho! O formulrio de sugestes est concludo, assim como a pgina Produtos. Na prxima parte da lio, adicionaremos as duas ltimas pginas uma galeria de fotografias on-line e uma lista de links para alguns outros sites.

31

Criando uma galeria de fotografias

A Web tem uma interface grfica; portanto, no de surpreender que vrios sites populares contenham fotos e outros tipos de elementos grficos. Scanners e cmeras digitais esto se tornando muito acessveis e vrios servios de revelao de fotos agora oferecem fotos em CD-ROMs para que voc possa compartilh-las on-line. Voc viu como foi fcil colocar figuras nas pginas da Web com o FrontPage. Nesta parte da lio, voc criar uma galeria de fotografias on-line. Uma galeria de fotografias uma pgina da Web que contm uma coleo de elementos grficos organizados em um layout especfico. Para o site da Championzone na Web, voc criar uma galeria de fotografias de esportes. O FrontPage 2002 fornece diversos layouts em que voc pode organizar seus elementos grficos. Para este tutorial, usaremos o layout Horizontal.

Para editar a pgina Galeria de fotografias

1. Na barra de ferramentas, clique na seta direita de Alternar painel em seguida, clique em Lista de pastas. e,

2. Clique duas vezes na pgina galeria_de_fotografias.htm na Lista de pastas para abri-la. 3. Clique na seta direita de Alternar painel e clique em Lista de pastas para ocultar a lista. 4. Quando a pgina em branco for exibida no modo Pgina, digite Fotos de esportes na primeira linha e pressione ENTER. 5. Na linha seguinte, digite: Divirta-se com nossa galeria de fotografias esportivas. Clique em cada miniatura para ver a figura ampliada e use o boto Voltar do navegador para retornar esta pgina. 6. Pressione a tecla ENTER duas vezes para criar espao. 7. No menu Inserir, clique em Componente da Web. 8. No painel da esquerda, clique em Galeria de fotografias. 9. No painel da direita, selecione a primeira opo de layout (o Layout horizontal) e clique em Concluir. 10. A caixa de dilogo Propriedades da galeria de fotografias aberta automaticamente. 11. Clique em Adicionar e, em seguida, em Figuras dos arquivos.

32

12. Clique no arquivo FPTutor003, mantenha a tecla SHIFT pressionada e clique em FPTutor006. Isso selecionar FPTutor003, FPTutor004, FPTutor005 e FPTutor006. 13. Clique em Abrir e, em seguida, em OK. 14. Na barra de ferramentas padro, clique em Salvar para salvar as alteraes na pgina Galeria de fotografias. 15. Na caixa de dilogo Salvar arquivos incorporados, clique em OK. Agora sua pgina deve estar com esta aparncia:

33

Criando links para outros sites

Agora, s resta a pgina Links a ser editada. Para este tutorial, a pgina Links conter uma lista de hiperlinks de texto para algumas pginas de esporte populares na Web. Quando voc cria seu prprio site, pode criar hiperlinks apontando para outros sites relacionados ao assunto das suas prprias pginas. Isso permite que os visitantes naveguem para sites semelhantes sem ter que procur-los.

Para comear a pgina de Links

1. Na barra de ferramentas, clique na seta direita de Alternar painel em seguida, clique em Lista de pastas. e,

2. Clique duas vezes na pgina links.htm na Lista de pastas para abri-la no modo Pgina. 3. Clique na seta direita de Alternar painel e clique em Lista de pastas para ocultar a lista. 4. Quando a pgina em branco for exibida no modo Pgina, digite Links para sites de esportes e pressione ENTER. A seguir, voc criar uma animao de texto simples no ttulo do pargrafo. O FrontPage inclui uma coleo de efeitos de texto divertidos que voc pode aplicar facilmente a ttulos ou a pargrafos inteiros.

Para criar um efeito de texto dinmico

1. Na pgina Links, clique no texto Links para sites de esportes. 2. No menu Formatar, clique em Efeitos de HTML dinmico. O FrontPage exibe a barra de ferramentas Efeitos DHTML. Nela, voc far selees em seqncia que criaro um script de HTML dinmico (DHTML) para animar o texto quando for exibido em um navegador da Web. O HTML dinmico uma extenso da linguagem HTML que permite criar efeitos de apresentao para texto e objetos, parecida com uma apresentao de slides do Microsoft PowerPoint. Com a barra de ferramentas Efeitos DHTML, voc pode adicionar efeitos simples a suas pginas sem precisar saber programar. 3. Na lista Ao, clique Carregar pgina. Isso instruir o navegador a comear o efeito quando a pgina for carregada.

34

4. Na lista Aplicar, clique em Saltar. O FrontPage aplica o efeito Saltar. Em um navegador da Web, esse efeito far com que cada palavra pule na pgina. 5. Clique na caixa Fechar no canto superior direito da barra de ferramentas Efeitos DHTML. Ela fechada e o efeito de texto dinmico indicado no modo Pgina por um sombreado azul claro. Dicas ! Se o Microsoft Internet Explorer estiver instalado, voc poder clicar na guia Visualizar no modo Pgina para ver como o efeito aparecer em um navegador. Clique em Normal para retornar ao modo Pgina. Para alterar o efeito, no painel Normal, selecione o texto que contm o efeito, clique em Efeitos de HTML dinmico no menu Formatar e aplique o novo efeito desejado.

A seguir, voc adicionar hiperlinks de texto que apontaro para outros sites. Com o FrontPage, voc pode criar hiperlinks de texto de vrias maneiras, que voc conhecer a seguir. Ao criar seus sites, voc pode criar hiperlinks usando o mtodo preferencial.

Para criar hiperlinks a partir de texto

1. Na pgina Links, pressione a tecla SETA ABAIXO, digite MSN Sports e pressione a tecla ENTER. 2. Para selecionar as palavras que voc acabou de digitar, clique e arraste o mouse sobre elas. 3. No menu Inserir, clique em Hiperlink. O FrontPage exibir a caixa de dilogo Inserir hiperlink. Nela, voc especifica o destino do hiperlink que est criando. Ele pode ser uma pgina ou um arquivo no seu site, no sistema de arquivos local, em um servidor Web ou em outro site. 4. Na caixa URL digite, www.msnbc.com/msn/msnsports_front.asp e clique em OK. Observe que o FrontPage adiciona automaticamente o prefixo HTTP.

35

5. No teclado, pressione a tecla SETA ABAIXO para anular a seleo do texto. As palavras MSN Sports foram alteradas do texto padro preto para azul e as palavras agora esto sublinhadas, indicando a presena de um hiperlink. Quando essa pgina for exibida em um navegador, se esse hiperlink for clicado, recuperar e exibir a home page da MSN. Antes de criar o prximo hiperlink, voc inserir um smbolo de caractere especial para indicar uma marca comercial na pgina atual.

Para inserir caracteres ou smbolos especiais

1. Clique para inserir o cursor do mouse exatamente aps as letras MSN no hiperlink recm-criado. 2. No menu Inserir, clique em Smbolo. O FrontPage exibir a caixa de dilogo Smbolo. Nela, voc pode selecionar e inserir caracteres especiais no ponto de insero. Voc pode inserir vrios smbolos enquanto essa caixa de dilogo estiver exibida. 3. Na caixa de dilogo Smbolo, selecione o smbolo , clique em Inserir e, em seguida, clique em Fechar. O FrontPage insere o smbolo aps as letras MSN. Voc pode usar o comando Smbolo para inserir caracteres que talvez no possam ser digitados diretamente com o teclado. A seguir, voc criar um hiperlink automtico. Esse mtodo de criar hiperlinks rpido e fcil, pois permite contornar a caixa de dilogo Criar hiperlink.

Para criar um hiperlink automtico

1. Na pgina Links, pressione a tecla SETA ABAIXO, digite www.sports.yahoo.com e pressione a tecla ENTER. Assim que voc pressionar ENTER, o URL digitado ser alterado de preto para azul sublinhado, indicando a presena de um hiperlink. Como outros programas do Microsoft Office XP, o FrontPage oferece suporte criao de hiperlinks automticos. Entretanto, como o prprio URL nem sempre muito descritivo, voc poder usar o nome do site para o qual o hiperlink aponta. Voc pode digitar sobre o texto sem apagar o hiperlink. Observao O Yahoo! um servio popular na Internet que permite procurar informaes na Web usando palavras-chave e categorias de assuntos de pesquisa. Esse URL em particular leva pgina de esportes do Yahoo. 2. Para selecionar o URL que voc acabou de digitar, clique com o mouse sobre ele e arraste.

36

3. Quando o URL http://sports.yahoo.com for selecionado, digite Yahoo! para substituir o texto selecionado. O hiperlink ainda aponta para o mesmo URL, mas agora est rotulado com o nome do site. A seguir, voc criar um hiperlink usando o navegador. Esse mtodo o mais preciso, pois, antes de criar o hiperlink, voc realmente visita a pgina para a qual ele apontar. Alm disso, o FrontPage copia o URL do campo de endereo do navegador; portanto, assim que o endereo for verificado, voc no precisar digit-lo novamente. Observao Se voc no tiver acesso Web ao fazer o tutorial do FrontPage, ignore o procedimento a seguir e pratique estas etapas da prxima vez que estiver conectado Internet.

Para criar um hiperlink verificado

1. Pressione a tecla SETA ABAIXO para mover o ponto de insero para a linha em branco abaixo do hiperlink anterior. 2. Digite National Basketball Association e pressione a tecla ENTER. 3. Para selecionar as palavras que voc acabou de digitar, clique e arraste o mouse sobre elas. 4. Na barra de ferramentas, clique no boto Hiperlink .

O FrontPage exibir a caixa de dilogo Inserir hiperlink.

5. Na caixa de dilogo Inserir hiperlink, clique no boto Navegar na Web O FrontPage inicia o navegador. Quando voc visitar a pgina para a qual o hiperlink dever apontar e voltar para o FrontPage, a caixa do URL conter o endereo da pgina de destino. 6. Na caixa Endereo (ou Local) do seu navegador, digite http://www.nba.com, e pressione a tecla ENTER. O navegador da Web exibe a home page da National Basketball Association (NBA), onde voc pode obter mais informaes sobre a NBA, equipes, jogadores, tabelas, etc. 7. No teclado, pressione ALT+TAB para voltar para a caixa de dilogo Criar hiperlink.

O URL da home page do Microsoft FrontPage foi inserido na caixa URL na caixa de dilogo Criar hiperlink. 8. Clique em OK.

37

9. No teclado, pressione a tecla SETA ABAIXO para anular a seleo do texto. As palavras National Basketball Association esto agora sublinhadas para indicar a presena de um hiperlink. 10. Na barra de ferramentas, clique em Salvar para salvar as alteraes na pgina Links. Agora sua pgina deve estar com esta aparncia:

38

Formatando ttulos de pargrafos

Agora que criou com xito o contedo de todas as pginas do seu site, voc aplicar formatao de pargrafos e fontes para tornar os ttulos de pargrafos em todas as pginas consistentes.

Para aplicar estilos de pargrafos a ttulos

1. Clique na guia da pgina index.htm. O FrontPage mostra a home page. Quando h mais de uma pgina aberta no painel Normal, voc pode usar as guias de pginas para alternar entre elas. Observao Se voc fechou a pgina em uma etapa anterior, v at o menu Arquivo, clique em Abrir e, na caixa de dilogo Abrir arquivo, clique em index.htm. 2. Clique em qualquer lugar no ttulo Bem-vindo Championzone. 3. Clique na lista Estilo na barra de ferramentas Formatao e altere Normal para Ttulo 3.

4. O FrontPage aplica o estilo Ttulo 3 linha de texto atual. O tamanho do texto no afetado, mas fica em negrito. 5. Os estilos de ttulo na lista Estilo so baseados nos padres HTML. Um ttulo de nvel 1 o maior estilo de texto possvel em pginas da Web e um ttulo de nvel 6 o menor. Observao A lista Estilo tambm pode conter estilos de folhas de estilos em cascata (CSS), mas elas no so abordadas neste tutorial. 6. Na barra de ferramentas, clique em Salvar para salvar a home page. 7. Clique na guia Pgina para acessar o arquivo Sobre_ns.htm. O FrontPage mostra a pgina Sobre ns. 8. Clique em qualquer lugar no ttulo Sobre ns na parte superior da pgina. 9. Clique na lista Estilo na barra de ferramentas e clique em Ttulo 4. 10. Na barra de ferramentas, clique em Salvar para salvar as alteraes na pgina Sobre ns.

39

Para repetir a formatao do pargrafo com o Pincel

O FrontPage oferece uma maneira conveniente de copiar os estilos de formatao de uma seleo de texto para outra com um boto. Voc praticar isso na pgina Produtos. 1. Clique na guia Pgina para acessar o arquivo Produtos.htm. O FrontPage mostra a pgina Produtos. 2. Clique em qualquer lugar no texto PRODUTOS SELECIONE A PARTIR DE UMA GRANDE VARIEDADE DE EQUIPAMENTOS na parte superior da pgina. 3. Clique na lista Estilo na barra de ferramentas e clique em Ttulo 4. 4. Quando o estilo for aplicado, clique em qualquer lugar da frase e, em seguida, clique no Pincel na barra de ferramentas Formatao.

5. Usando a barra de rolagem, role para baixo at o ttulo D suas sugestes. 6. Clique com o mouse para arrastar o ponteiro do Pincel D suas sugestes e, libere o boto do mouse. sobre as palavras

O FrontPage copia a formatao do ttulo anterior e o aplica ao ttulo atual. A ferramenta Pincel particularmente til quando voc deseja duplicar simultaneamente vrias opes de uma seleo de texto para outra. 7. Na barra de ferramentas, clique em Salvar para salvar a pgina Produtos. Dica Voc pode repetir a formatao do texto em mais de uma seleo de texto clicando duas vezes no boto Pincel aps selecionar a formatao a ser copiada. Selecione os vrios locais do texto para onde voc deseja copiar a formatao e clique no boto Pincel novamente aps concluir. A seguir, voc concluir a formatao dos ttulos nas duas pginas restantes.

Para concluir a aplicao de estilos de pargrafos a ttulos

1. Clique na guia Pgina para acessar o arquivo galeria_de_fotografias.htm. O FrontPage mostra novamente a pgina Galeria de fotografias. 2. Clique em qualquer lugar no ttulo Fotos de esportes na parte superior da pgina. 3. Clique na lista Estilo na barra de ferramentas e clique em Ttulo 4. 4. Na barra de ferramentas, clique em Salvar para salvar a pgina Galeria de fotografias.

40

5. No menu Janela, clique em links.htm. 6. Clique em qualquer lugar na frase Links para sites de esportes. 7. Clique na lista Estilo na barra de ferramentas e clique em Ttulo 4. 8. Na barra de ferramentas, clique em Salvar para salvar a pgina Links. Parabns! Voc completou a lio 1 com xito.

41

O que h a seguir
Na lio 2, voc aperfeioar a aparncia do site da Championzone na Web por meio de bordas compartilhadas, barras de navegao e de um tema grfico e aprender a visualizar, testar, organizar e publicar o site concludo.

Concluindo a lio 1
Voc pode continuar com a lio 2 agora ou fechar o Microsoft FrontPage e continuar o tutorial mais tarde.

Para fechar o Microsoft FrontPage

! No menu Arquivo, clique em Sair.

O FrontPage ser fechado.

42

Lio 2: aperfeioando e publicando um site

Na lio 1, voc aprendeu a criar pginas da Web com o Microsoft FrontPage e adicion-las a um novo site. Nesta segunda lio, voc continuar com o site da Championzone que voc criou, adicionando barras de navegao a suas pginas, aplicando e personalizando um tema grfico, visualizando e testando o site e preparando-o para publicao na Web. Antes de publicar um site, voc desejar certificar-se de que as pginas e os arquivos esto bem organizados, todos os seus hiperlinks esto funcionando, as pginas no tm erros de ortografia e h espao disponvel suficiente no servidor Web de destino. O FrontPage pode ajud-lo a completar essas tarefas importantes.

Viso geral
Nesta lio, voc aprender a: ! ! ! ! ! ! ! ! ! Criar hiperlinks para outras pginas dentro de um site. Adicionar bordas compartilhadas e barras de navegao. Aplicar e personalizar um tema grfico. Visualizar e testar um site em um navegador. Organizar arquivos e pastas. Gerar um relatrio de resumo do site. Verificar a ortografia em uma pgina e em um site. Substituir texto em pginas da Web. Publicar um site na Web.

43

Aperfeioando a aparncia de um site

Se voc est continuando esta lio diretamente da lio 1, o site da Championzone deve estar aberto no FrontPage. Nesse caso, ignore o procedimento Para criar hiperlinks para outras pginas. Se estiver continuando este tutorial a partir de uma sesso anterior, primeiro abra o site para trabalhar com suas pginas.

Para abrir um site existente

1. Na barra de tarefas do Windows, clique no boto Iniciar, aponte para Programas e clique em Microsoft FrontPage. 2. No menu Arquivo, aponte para Webs recentes e clique em Championzone para abrir o site da Championzone que voc criou na lio 1. O FrontPage abre o site. A barra de ttulo do aplicativo mostra Microsoft FrontPage <unidade>:\Meus documentos\Minhas Webs\ Championzone. As lies deste tutorial so elaboradas para serem concludas com o FrontPage 2002 em um computador com Microsoft Windows 98, Microsoft Windows 2000 ou Microsoft Windows Millennium Edition. Dependendo do sistema operacional que estiver usando, voc poder perceber pequenas diferenas no caminho para o site. Ao criar hiperlinks de figuras e texto na lio 1, voc deve ter percebido que ainda no h conexes entre as pginas do site. Mesmo que algum visitasse a home page atual, no teria como chegar s outras pginas. Na prxima seo, voc aprender com fcil criar hiperlinks de navegao para outras pginas.

Para criar hiperlinks para outras pginas

1. Na barra de ferramentas, clique na seta direita de Alternar painel em seguida, clique em Lista de pastas. Voc manter a Lista de pastas visvel ao criar hiperlinks para as outras pginas no site. 2. Clique duas vezes na pgina index.htm na Lista de pastas para abri-la no modo Pgina. 3. Quando a home page for exibida no modo Pgina, pressione CTRL+END para colocar o cursor no fim da pgina. e,

44

4. Em seguida, localize a pgina Sobre_ns.htm na Lista de pastas. As pastas e os arquivos na Lista de pastas so mostrados em ordem alfabtica. O cone de cada arquivo d uma dica de seu tipo. Agora, voc arrastar e soltar a pgina Sobre ns na parte inferior da home page. Quando voc fizer isso, o FrontPage criar um hiperlink para a pgina Sobre ns na home page. 5. Clique e mantenha o boto do mouse pressionado em Sobre_ns.htm na Lista de pastas, mova o ponteiro do mouse para a linha abaixo do boto FrontPage na parte inferior da home page e libere o boto do mouse. O FrontPage exibe o ponteiro de atalho do mouse enquanto voc arrasta o mouse, indicando que ele na verdade no inserir a pgina Sobre ns, mas criar um hiperlink apontando para ela. O FrontPage insere o ttulo da pgina do arquivo Sobre_ns.htm (Sobre ns) como um texto de hiperlink. O texto azul sublinhado mostra a presena do hiperlink. 6. Repita as etapas 4 e 5 com as outras pginas no site da Championzone na Web, incluindo Produtos.htm, Links.htm e Galeria_de_fotografias.htm. Coloque um link aps o outro. 7. No teclado, pressione a tecla SETA ABAIXO para anular a seleo do ltimo hiperlink. Agora sua pgina deve estar com esta aparncia:

45

Apesar de voc poder criar manualmente os hiperlinks para as outras pginas no site dessa maneira, isso pode se tornar uma tarefa demorada e chata, especialmente para sites maiores. Pior: se voc decidir adicionar ou remover pginas no site atual aps criar os hiperlinks, ter que adicionar ou remover manualmente os hiperlinks delas. O FrontPage tem uma maneira melhor de criar, gerenciar e atualizar automaticamente os hiperlinks de navegao que conectam suas pginas. Antes de aprender a fazer isso, vamos eliminar os quatro hiperlinks que voc acabou de criar.

Para usar o comando Desfazer

1. Na barra de ferramentas padro, clique na pequena seta direita do boto Desfazer .

2. O FrontPage exibe o histrico de Desfazer, que mostra as ltimas aes que voc pode reverter. A primeira dessas aes selecionada por padro. Se voc a clicar, somente ela ser revertida. Voc tambm pode mover o mouse sobre as outras entradas na lista para inclu-las no comando Desfazer. 3. Como voc deseja eliminar todos os quatro hiperlinks que acabou de arrastar e soltar na home page, mova o mouse pela lista para selecionar todas as quatro ocorrncias de Soltar. A barra de status na janela de histrico de Desfazer deve mostrar Desfazer 4 aes. 4. Clique o mouse na ltima ocorrncia de Soltar na lista. O FrontPage reverte as ltimas quatro aes feitas e os quatro hiperlinks criados so removidos da home page. 5. Para salvar a pgina atual, clique em Salvar no menu Arquivo ou clique no boto Salvar, na barra de ferramentas.

46

Adicionando bordas compartilhadas e barras de navegao

Para o site da Championzone, voc permitir que o FrontPage gerencie os hiperlinks que os visitantes clicaro para se moverem pelas pginas no site. O FrontPage faz isso com uma combinao de dois recursos poderosos: bordas compartilhadas e barras de navegao automticas. As bordas compartilhadas so regies das pginas reservadas para contedos que devem aparecer consistentemente nas pginas do site. Essas bordas podem conter faixas de pginas e barras de navegao. As faixas de pgina exibem o ttulo que voc deu a cada pgina quando a criou e salvou. As barras de navegao so uma linha ou coluna de hiperlinks para as outras pginas no site atual. O FrontPage pode atualizar automaticamente as bordas compartilhadas e barras de navegao, para que a estrutura de navegao do seu site sempre funcione corretamente, mesmo quando voc adicionar, mover ou excluir pginas da estrutura do site. Na lio 1, voc completou a primeira etapa necessria para usar as barras de navegao automtica: a criao da estrutura bsica do site no modo Navegao. Como voc j fez isso, agora ativar as bordas compartilhadas em todo o site.

Para criar bordas compartilhadas em um site

1. Clique no cone Navegao na barra Modos para alternar para o modo Navegao. 2. Clique na seta direita de Alternar painel e clique em Lista de pastas para ocultar Lista de pastas neste modo de exibio. 3. No menu Formatar, clique em Bordas compartilhadas. O FrontPage exibir a caixa de dilogo Bordas compartilhadas. Nela, voc pode especificar onde o FrontPage deve inserir as bordas compartilhadas nas pginas. Como a estrutura do site tem dois nveis de pginas a home page e as pginas abaixo dela voc usar dois tipos de bordas compartilhadas e dois tipos de barras de navegao. 4. Na caixa de dilogo Bordas compartilhadas, certifique-se de que a opo Todas as pginas esteja selecionada. 5. Para uma borda compartilhada horizontal, marque as caixas de seleo Parte superior e Incluir botes de navegao. 6. Para uma borda compartilhada vertical, marque as caixas de seleo Esquerda e Incluir botes de navegao.

47

7. Deixe as caixas de seleo Direita e Parte inferior desmarcadas e clique em OK. O FrontPage cria bordas compartilhadas e barras de navegao padro para todas as pginas no site atual. Voc ver a aparncia delas quando retornar para o modo Pgina. A seguir, voc personalizar a aparncia das barras de navegao padro. Como elas so compartilhadas com todas as pginas do site, voc pode alterar suas propriedades em qualquer pgina, pois a alterao ser refletida em todo o site.

Para testar hiperlinks da barra de links

1. No modo Navegao, clique duas vezes em Home page (index.htm). 2. Clique na seta direita de Alternar painel e clique em Lista de pastas para ocultar a Lista de pastas no modo Pgina. Observao O FrontPage fez alteraes na home page. Agora, ela contm uma borda compartilhada superior e uma esquerda. A borda superior contm uma faixa de pgina com o nome da pgina atual e a borda esquerda contm uma lista de hiperlinks de navegao que se parecem exatamente com o criados manualmente no incio desta seo. No modo Pgina, voc pode facilmente testar os hiperlinks que apontam para pginas e arquivos no seu site. 3. Mantenha a tecla CTRL pressionada e clique no primeiro hiperlink, chamado Sobre ns, no lado esquerdo da pgina. O FrontPage abre a pgina para a qual o hiperlink aponta. Na pgina Sobre ns, as bordas compartilhadas e as barras de navegao tambm foram inseridas. Entretanto, nessa pgina, os links para as outras pginas so exibidos na borda superior, exatamente abaixo da faixa de pgina. Isso ocorre porque o FrontPage usa a estrutura do site que voc criou no modo Navegao para determinar o nvel em que a pgina atual est. Por padro, a borda compartilhada superior aponta para as pginas no mesmo nvel da atual, enquanto a borda da esquerda aponta para as pginas abaixo da atual. Na prxima seo, alteraremos esse padro para outro design.

Para personalizar barras de link

1. Clique na guia da pgina index.htm. O FrontPage mostra a home page.

48

2. Na borda superior da home page, clique duas vezes no texto Editar as propriedades desta barra de links para exibir hiperlinks aqui. Quando voc clica duas vezes em uma barra de links, abre a caixa de dilogo Propriedades da barra de links. Nela, voc pode personalizar a aparncia da barra de links e os hiperlinks que ela cria. Atualmente, a barra de links horizontal est definida para definir um link com as pginas no mesmo nvel. Como a home page est em seu prprio nvel na estrutura de navegao do site, no h outras pginas no mesmo nvel. Assim, o FrontPage no mostra barras de links nessa borda compartilhada. Para o site da Championzone, desejamos uma barra de links horizontal na home page e barras de navegao vertical nas outras pginas. Para isso, alteraremos a configurao padro de ambas as barras de links. Voc pode fazer essas alteraes na pgina atual e elas sero refletidas em todo o site. 3. Na caixa de dilogo Propriedades da barra de links, clique em Nvel filho, desmarque as caixas de seleo de Home page e Pgina pai e clique em OK. O FrontPage cria uma barra de navegao com hiperlinks para todas as pginas abaixo do nvel da home page. 4. Pressione a tecla HOME para anular a seleo da barra de navegao. Agora sua pgina deve estar com esta aparncia:

Observe que a barra de navegao esquerda contm o mesmo conjunto de hiperlinks que a barra de navegao superior. Nas prximas etapas, voc remover a redundncia bvia e formatar a barra de navegao esquerda para que seja exibida somente nas outras pginas para as quais a home page aponta.

49

5. Na borda esquerda da home page, clique duas vezes na barra de navegao vertical. 6. Na caixa de dilogo Propriedades da barra de links, clique em Mesmo nvel, marque a caixa de seleo Home page e clique em OK. O FrontPage altera a barra de navegao para o texto de espao reservado Editar as propriedades desta barra de links para exibir hiperlinks aqui. Esse texto s mostrado no modo Pgina enquanto voc trabalha; ele no aparecer em um navegador da Web. Ao apontar os hiperlinks nessa barra de navegao para o mesmo nvel que a home page, voc est efetivamente removendo-os da borda esquerda, pois no h pginas no mesmo nvel que a home page. Isso tambm remove a redundncia entre as barras de navegao horizontal e vertical. 7. Para salvar a home page, clique em Salvar no menu Arquivo ou clique no boto Salvar, na barra de ferramentas. Agora sua pgina deve estar com esta aparncia:

8. No menu Janela, clique em Sobre_ns.htm.

50

9. O FrontPage mostra a pgina Sobre ns. Observe que as alteraes feitas na home page nas barras de navegao horizontal e vertical so refletidas automaticamente aqui, assim como em todas as outras pginas do site.

Dica Por padro, todas as pginas na estrutura de navegao do site so includas nas barras de navegao. Para selecionar pginas a serem excludas das barras de navegao, clique com o boto direito na pgina no modo Navegao e clique em Includo nas barras de navegao no menu de atalho.

51

Aplicando um tema
Apesar da adio de figuras, listas, formulrios, bordas compartilhadas e barras de navegao ter dado s pginas do site da Championzone uma aparncia mais dinmica e organizada, voc pode se perguntar o que fazer a respeito da aparncia muito suave do texto preto e azul em um plano de fundo branco. Imagine como seria demorado se voc tivesse que elaborar um esquema de cores para texto e grficos, alm de criar faixas de pgina grficas, botes de navegao, marcadores de listas e texturas de planos de fundo para todas as pginas no site. Agora, imagine quantos elementos grficos personalizados a mais voc precisaria criar se mantivesse mais de um site e no desejasse que todos eles se parecessem. O FrontPage inclui mais de 50 temas elaborados profissionalmente, com esquemas de cor correspondentes que voc pode aplicar a uma ou todas as pginas do site. Um tema consiste em elementos de design para marcadores, fontes, figuras, botes de navegao e outros elementos grficos. Quando aplicado, um tema d s pginas, faixas de pginas, barras de navegao e outros elementos de um site uma aparncia atrativa e consistente.

Para aplicar um tema ao site

1. Clique na guia da pgina index.htm. O FrontPage mostra a home page. 2. No menu Formatar, clique em Tema. O FrontPage exibir a caixa de dilogo Temas. Nela, voc pode selecionar a partir de uma lista de temas que o FrontPage instalou por padro ou instalar o conjunto completo de temas do CD-ROM do FrontPage. Voc pode escolher a aparncia do tema, visualizar seus elementos e modificar um tema selecionado. 3. Clique em alguns dos diferentes nomes de temas na caixa de listagem com rolagem. Quando voc clica no nome de um tema, a janela Exemplo de tema mostra um exemplo dos elementos grficos contidos no tema selecionado. Assim, voc pode visualizar um tema antes de aplic-lo a determinadas ou a todas as pginas do site. Antes de aplicar um tema, voc pode selecionar opes de tema que afetam a aparncia de seus componentes. Por exemplo, Cores vivas aplica cores mais intensas a texto e grficos, Elem. grficos ativos anima determinados componentes do tema e Figura de plano de fundo aplica um plano de fundo grfico s pginas no seu site. Voc tambm pode aplicar um tema como uma folha de estilos em cascata. Para o site da Championzone na Web, voc desmarcar a maioria desses padres.

52

4. Em Aplicar o tema a, certifique-se de que a opo Todas as pginas esteja selecionada. 5. Na lista de temas instalados, clique em Geomtrico. 6. Desmarque a caixa de seleo Elem. grficos ativos e clique em OK para aplicar o tema. Como a primeira vez que voc aplicar um tema a um site, o FrontPage exibe uma mensagem para que voc saiba que isso sobrescrever alguma formatao manual que voc possa ter feito nas pginas. Propositadamente, no inclumos trabalho de design manual neste tutorial; portanto, voc pode concordar com a mensagem e prosseguir para aplicar o tema. 7. Clique em Sim para aplicar o tema. O tema chamado Geomtrico ser aplicado a todas as pginas no site atual. Para salvar a home page, clique em Salvar no menu Arquivo ou clique no boto Salvar, na barra de ferramentas. Agora sua pgina deve estar com esta aparncia:

Como voc pode ver, a aplicao do tema alterou dramaticamente a aparncia da home page. A faixa de pgina e os botes de navegao no so mais texto simples; agora, eles so elementos grficos.

53

Para exibir os botes de navegao grficos em todas as pginas

1. No menu Janela, clique em Sobre_ns.htm. O FrontPage mostra a pgina Sobre ns. Observe que a pgina herdou seu tema e seus elementos de tema da home page, mas a barra de navegao vertical na borda esquerda ainda mostra hiperlinks de texto simples. Por padro, as barras de navegao vertical so exibidas como texto simples; portanto, elas tm essa aparncia mesmo aps a aplicao de um tema. Voc pode alterar facilmente as configuraes da barra de navegao mesmo depois de aplicar um tema. 2. Na borda esquerda da pgina Sobre ns, clique duas vezes na barra de navegao vertical. 3. Na guia Estilo, em Escolha um estilo, clique em Usar tema da pgina e, em seguida, clique em OK. Se voc no vir Usar tema da pgina, role para a parte superior da lista de estilos.

4. Clique em qualquer lugar na pgina para anular a seleo da barra de navegao. O FrontPage altera a formatao da navegao e usa os botes grficos includos com o tema. Agora o site tem uma aparncia profissional e atratativa.

54

5. Para salvar a pgina, clique em Salvar no menu Arquivo ou clique no boto Salvar, na barra de ferramentas.

Dica Alguns temas contm animaes. Quando voc aplica um, pode selecionar Elem. grficos ativos para permitir efeitos de animao da faixa de pgina e a rolagem da barra de navegao, se o tema contiver esses elementos. O exemplo do tema no mostrar esses efeitos. Para ver os efeitos de elementos grficos ativos de um tema, aplique o tema e exiba a pgina na guia Visualizar ou clique no comando Visualizar no navegador no menu Arquivo.

55

Modificando um tema
Apesar da faixa de pgina desse tema parecer adequada, algo diretamente relacionado ao assunto do site da Championzone poder ficar melhor. Preparamos uma faixa de pgina personalizada com a qual voc modificar o tema atual.

Para modificar um tema

1. Clique na guia da pgina index.htm. O FrontPage mostra a home page. 2. No menu Formatar, clique em Tema. O FrontPage exibir a caixa de dilogo Temas. Na lista de temas, o tema Geomtrico agora o tema padro, pois foi aplicado ao site atual. 3. Na caixa de dilogo Temas, certifique-se de que a opo Todas as pginas esteja selecionada. 4. Em seguida, clique em Modificar. 5. Na pergunta O que voc gostaria de modificar? clique em Elementos grficos. O FrontPage exibe a caixa de dilogo Modificar tema. Nela, voc pode fornecer elementos grficos personalizados a vrios elementos do tema, como faixas de pgina, botes de navegao, figuras de plano de fundo e outros elementos. O FrontPage sobrepe o texto sobre esses elementos grficos; portanto, no h necessidade de alter-los quando voc alterar os nomes das pginas ou adicionar ou remover pginas. Para este exemplo, alteraremos a faixa de pgina grfica em que o FrontPage coloca os ttulos das pginas no site da Championzone. 6. Na lista Item, clique em Faixa. 7. Na guia Figura, clique no boto Procurar abaixo do nome de arquivo do elemento grfico da faixa atual. O FrontPage exibe a caixa de dilogo Abrir arquivo e mostra as figuras no site atual. Como a faixa grfica que desejamos usar ainda no faz parte do site, voc a procurar no sistema de arquivos. 8. Navegue para a pasta FPTutor2002. 9. Clique duas vezes no arquivo chamado czbanner. O FrontPage substitui o elemento grfico da faixa de pgina atual pelo elemento grfico personalizado.

56

10. Clique em OK na caixa de dilogo Modificar tema e, em seguida, clique em OK na caixa de dilogo Temas. O FrontPage exibe uma mensagem perguntando se voc deseja salvar as alteraes do tema atual. 11. Clique em Sim. O FrontPage exibe a caixa de dilogo Salvar tema com a mensagem Este tema somente leitura. Digite outro ttulo de tema para salvar. 12. Insira Championzone como ttulo do tema modificado e clique em OK. 13. Clique em Sim para aplicar o tema. O FrontPage salva o tema modificado e aplica a nova faixa a todas as pginas. 14. Para salvar a pgina, clique em Salvar no menu Arquivo ou clique no boto Salvar, na barra de ferramentas. Agora sua pgina deve estar com esta aparncia:

Dica Para este tutorial, fornecemos somente uma faixa de pgina personalizada para ajudar a mostrar como fcil personalizar os temas existentes. Para criar seu prprio design, repita as etapas do procedimento anterior para personalizar outros elementos do tema com seus prprios elementos grficos. Parabns, o site da Championzone na Web est quase concludo! Para certificar-se de que tudo parecer timo na Web, voc agora visualizar o site no navegador.

57

Visualizando o site da Championzone na Web

Apesar do modo Pgina mostrar a aparncia das pginas da Web o mais prximo possvel da aparncia em um navegador, ele exibe alguns elementos de pgina e espaos reservados de maneira diferente para ajud-lo enquanto cria a pgina. Ao visualizar uma pgina ou todo o site em um navegador antes de public-lo, voc pode certificar-se de que tudo fique como voc deseja.

Para visualizar e testar um site em um navegador

1. No menu Arquivo, clique em Visualizar no navegador. O FrontPage exibir a caixa de dilogo Visualizar no navegador. Nela, voc pode selecionar os navegadores instalados no navegador, adicionar navegadores instalados aps a instalao do FrontPage e selecionar o tamanho da janela do navegador em que deseja visualizar o site. O recurso Visualizar no navegador carrega a pgina atual no navegador, para que voc possa ver exatamente como a pgina aparecer no seu navegador favorito antes de publicar o site. necessrio que haja pelo menos um navegador instalado no sistema para que esse recurso funcione. 2. Na caixa de dilogo Visualizar no navegador, clique em Microsoft Internet Explorer e, em seguida, clique em Visualizar. O FrontPage inicia o navegador e abre a home page. Agora sua tela deve estar com esta aparncia:

Observe que todo o texto de espao reservado e as marcas de formatao ficam ocultos da exibio (por exemplo, a barra de navegao vertical vazia no lado esquerdo da home page no aparece).

58

3. Clique nos botes da barra de navegao para visualizar algumas das outras pginas. Observe a barra de navegao vertical nas pginas abaixo da home page. Na pgina Produtos, role para baixo, at o formulrio de sugestes adicionado pgina. Voc pode inserir texto nos campos, mas o formulrio s funcionar realmente depois que voc publicar site da Championzone em um servidor Web. Na pgina Galeria de fotografias, clique nas miniaturas de imagens para testar os hiperlinks para as imagens em tamanho completo. Use o boto Voltar do navegador para retornar para a pgina Galeria de fotografias. Por fim, na pgina Links, observe a animao dinmica do ttulo do pargrafo Links para sites de esportes. 4. Feche o navegador quando concluir a visualizao do site da Championzone.

59

Organizando os arquivos no site

Agora que seu site contm vrias pginas e arquivos, voc usar o modo Pastas para organiz-los. Como no Windows Explorer, o modo Pastas permite gerenciar os arquivos e as pastas do site. Voc pode reorganizar as pginas e os arquivos com segurana, sem quebrar hiperlinks, ttulos de faixas de pginas ou rtulos de botes de navegao. No modo Pastas, o FrontPage exibe uma lista hierrquica das pastas no site no lado esquerdo da tela. Se voc clicar em uma pasta na Lista de pasta, exibir seu contedo no lado direito o painel Contedo.

Nas etapas a seguir, voc mover todos os arquivos de figuras do site da Championzone para a pasta Imagens que o FrontPage criou como parte do site. Se voc usasse o Windows Explorer ou outro gerenciador de arquivos para mover pginas e arquivos de uma pasta para outra, quebraria os hiperlinks entre as pginas e seus elementos. Entretanto, quando voc faz a manuteno do site no modo Pastas, o FrontPage mantm cada pgina e hiperlink do site atualizado, a fim de acompanhar os novos locais dos arquivos e pastas movidos.

Para mover arquivos de figuras para a pasta Imagens

1. Na barra Modos, clique no cone Pastas O FrontPage alterna para o modo Pastas.

2. No painel Lista de pastas, clique na pasta de nvel superior chamada <unidade>:\Meus documentos\Minhas Webs\Championzone. Isso garantir que o painel de contedo exiba todas as pastas e arquivos contidos na raiz do site.

60

3. No painel Contedo, clique no rtulo da coluna Tipo. Quando voc clica no rtulo de uma coluna, classifica os arquivos do painel Contedo por esse critrio. Na primeira vez que voc clicar no rtulo de uma coluna, a lista ser classificada em ordem crescente; quando clicar novamente, ela ser classificada em ordem decrescente. A lista de arquivos est agora agrupada por tipo de arquivos, com todos os arquivos de figuras GIF na parte superior da lista, seguidos de arquivos HTM (pginas) no meio e por todas as figuras JPG na parte inferior da lista. 4. No painel Contedo, clique no primeiro arquivo de figura (czbanner), na parte superior da lista, para selecion-lo. 5. Em seguida, enquanto mantm a tecla SHIFT pressionada, clique no ltimo arquivo de figura GIF na lista (frontpage.gif). No modo Pastas, o FrontPage oferece suporte a todos os atalhos de seleo padro do Windows, como SHIFT+CLICK para selecionar intervalos de arquivos, e CTRL+CLICK para selecionar arquivos no contguos. 6. Clique e mantenha pressionado o boto direito do mouse enquanto o ponteiro estiver sobre qualquer um dos cones de arquivos GIF selecionados. 7. Em seguida, arraste o ponteiro do mouse para a pasta Imagens no painel Lista de pastas. 8. Quando a pasta Imagens for selecionada, libere o boto do mouse e clique em Mover aqui no menu de atalho. O FrontPage exibe a caixa de dilogo Renomear enquanto est movendo os arquivos GIF selecionados para a pasta Imagens, pois est atualizando automaticamente todos os hiperlinks para esses arquivos no site atual. 9. Repita as etapas de 4 a 8 com todos os arquivos de figuras JPG, comeando por FPTutor003.jpg e terminando por FPTutor006.jpg. 10. No painel Contedo, clique no rtulo da coluna Nome para organizar a lista de pastas e arquivos restante novamente por seus nomes. Voc agrupou com xito todos os arquivos de figuras na pasta Imagens. Quando voc trabalha com seus prprios sites, pode agrupar arquivos de som, clipes de filmes e outros tipos de arquivos em suas prprias pastas. Voc pode criar novas pastas no modo Pastas conforme necessrio e excluir aquelas de que no precisar mais.

61

Para criar uma nova pasta

1. Na Lista de pastas, clique na pasta em que deseja criar uma nova subpasta. As pastas podem ser expandidas e reduzidas na Lista de pastas para mostrar suas subpastas. Clique nos sinais de adio (+) e de subtrao (-) prximos ao nome de uma pasta para exibir ou ocultar suas subpastas. 2. No menu Arquivo, aponte para Novo e clique em Pasta. O FrontPage cria uma nova pasta com um nome temporrio. 3. Quando o nome temporrio da pasta (Nova_pasta) for selecionado, digite um novo nome para a pasta e pressione ENTER. A nova pasta renomeada e voc pode arrastar e soltar arquivos nela. Para este tutorial, no precisamos da pasta extra que voc acabou de criar; portanto, voc a excluir antes que possamos publicar o site. 4. Na Lista de pastas, clique com o boto direito na pasta recm-criada. 5. No menu de atalho, clique em Excluir. 6. Na caixa de dilogo Confirmar excluso, clique em Sim. O FrontPage remove a pasta do site.

62

Gerando um resumo do site

O modo Relatrio uma ferramenta importante que mostra o estado e a condio geral do site antes que voc o publique na Web. Voc pode gerar relatrios personalizados sobre o site em at 14 categorias.

Para gerar um relatrio de resumo do site

! Na barra Modos, clique no cone Relatrios .

O FrontPage alterna para o modo Relatrios. O relatrio padro Resumo do site. Ele mostra as estatsticas gerais das pginas e arquivos do site da Championzone. Aqui esto algumas estatsticas importantes que devem ser verificadas antes que voc publique o site: ! Todos os arquivos: atualmente h 23 arquivos no site, totalizando aproximadamente 435 KB. Essa a quantidade de espao necessria que dever estar disponvel no servidor Web que hospedar seu site. Pginas lentas: essa categoria mostra as pginas que so lentas para download na velocidade de download estipulada. Hiperlinks desfeitos: se algum hiperlink desfeito for reportado aqui, clique duas vezes na linha Hiperlinks desfeitos para exibir detalhes dessa categoria. O FrontPage lista hiperlinks no verificados, como hiperlinks externos na sua pgina Links, e links quebrados e que no funcionam. Hiperlinks funcionando: para verificar se um hiperlink ainda aponta para um site ativo, voc pode clicar com o boto direito no link no modo Relatrios e escolher Verificar no menu de atalho. Para corrigir um hiperlink desfeito, abra a pgina em que ele est e corrija o URL para o qual ele aponta.

! !

63

Verificando a ortografia
A verificao ortogrfica importante se voc deseja que o contedo do site tenha uma aparncia profissional para os visitantes. Se houver erros ortogrficos em uma nica pgina, as pessoas podero duvidar da preciso de todo o contedo do site. Os recursos de ortografia flexveis do FrontPage oferecem a opo de verificar a ortografia pgina por pgina, medida que voc criar e editar o contedo, ou fazer isso de uma s vez, antes que voc publique o site. H trs maneiras de verificar a ortografia com o FrontPage: ! ! ! Verificar a ortografia automaticamente medida que voc digita texto. Verificar a ortografia da pgina atual manualmente. Verificar a ortografia de todas as pginas em um site.

Verificao automtica da ortografia No modo Pgina, o FrontPage verifica automaticamente a ortografia do texto que voc digita na pgina atual, exatamente como o Microsoft Word, o Microsoft PowerPoint e outros programas do Microsoft Office XP. Uma palavra sublinhada no significa necessariamente que esteja grafada incorretamente. O FrontPage pode simplesmente avis-lo para verificar palavras desconhecidas ou suspeitas, o que ocorre com mais freqncia com nomes de pessoas e de lugares. Se voc souber que a ortografia de uma palavra suspeita est correta, poder optar por ignor-la e mant-la inalterada ou adicion-la a um dicionrio personalizado que o FrontPage manter para verificaes ortogrficas posteriores. Se a palavra realmente estiver grafada incorretamente, voc poder inserir rapidamente a grafia correta clicando com o boto direito na palavra e selecionando uma correo sugerida. Verificao manual da ortografia Verificaes de ortografia baseadas em pginas esto disponveis no modo Pgina; para isso, clique com o boto direito nas palavras suspeitas ou clique no comando Ortografia, no menu Ferramentas. Verificao da ortografia em todo o site Apesar de ser possvel usar a verificao ortogrfica automtica em segundo plano e por cada pgina no modo Pgina, o uso do comando Ortografia em outros modos de exibio do site permite verificar a ortografia de todas as pginas (ou pginas selecionadas) do site atual. A verificao ortogrfica de todo o site est disponvel em todos os modos de exibio do site. Voc pode verificar a ortografia de elementos da pgina que podem ser editados diretamente nela. Outros textos, como ttulos de pginas em faixas de pginas ou texto contido em componentes baseados no FrontPage, no so includos na verificao ortogrfica.

64

Para verificar a ortografia no site atual

1. No menu Ferramentas, clique em Ortografia. O FrontPage exibir a caixa de dilogo Ortografia. Nela, voc pode especificar se o FrontPage deve verificar a ortografia somente de pginas selecionadas ou de todo o site. 2. Na caixa de dilogo Ortografia, clique em Web inteira e marque a caixa de seleo Adicionar uma tarefa para cada pgina com erros de ortografia. O FrontPage adicionar uma tarefa lista Tarefas para cada pgina em que encontrar um erro ortogrfico. Voc aprender sobre o modo Tarefas na prxima seo. 3. Na caixa de dilogo Ortografia, clique em Iniciar para comear a verificar a ortografia. O FrontPage expande a caixa de dilogo Ortografia para exibir o progresso da verificao ortogrfica. Quando a operao for concluda, o FrontPage exibir as palavras com erros ortogrficos e o nmero de tarefas que foram adicionadas lista Tarefas, no modo Tarefas. 4. Clique em Cancelar para fechar a caixa de dilogo Ortografia. A verificao ortogrfica est completa, mas as correes s sero feitas depois que voc completar as tarefas da lista Tarefas.

65

Substituindo texto em pginas

O comando Substituir facilita a localizao e substituio de contedo em pginas selecionadas ou em todas as pginas do site atual. Voc pode usar o comando para substituir texto na pgina atual no modo Pgina, mas quando ele usado em qualquer outro modo de exibio do site, voc pode substituir o texto em todas as pginas (ou pginas selecionadas) do site atual. Voc pode substituir qualquer texto que possa ser editado diretamente na pgina. Outros textos, como ttulos de pginas em faixas de pginas ou texto contido em componentes baseados no FrontPage, no podem ser substitudos automaticamente.

Para substituir o texto em todas as pginas do site atual

1. No menu Editar, clique em Substituir. O FrontPage exibe a caixa de dilogo Substituir. Nela, voc insere o texto a ser encontrado e o que deseja em seu lugar. Voc pode substituir texto em todas as pginas do site atual ou somente em pginas selecionadas. 2. Clique em Todas as pginas. 3. Na caixa de dilogo Substituir, digite Bem-vindo Championzone na caixa Localizar. 4. Na caixa Substituir por, digite Obrigado por visitar a Championzone. 5. Marque a caixa de verificao Diferenciar maisc. de minsc. e clique em Localizar na Web. O FrontPage expande a caixa de dilogo Substituir para exibir o progresso da pesquisa. O texto de pesquisa que voc deseja substituir encontrado na home page, Index.htm. Quando a operao for concluda, o FrontPage exibir o nmero de ocorrncias encontradas. 6. Clique em Substituir na caixa de dilogo Localizar e substituir. 7. O FrontPage abre a home page, com a frase Bem-vindo Championzone realada. 8. Clique em Substituir. 9. Quando a caixa Verificao das pginas concluda aparecer, clique em Retornar lista e, em seguida, clique em Cancelar.

66

Completando tarefas do site

O modo Tarefas exibe a lista de todas as tarefas pendentes associadas ao site atual. As tarefas so itens que exigem sua ateno antes que voc publique o site. Nos exerccios anteriores, voc adicionou tarefas a uma lista quando adiou certas aes. Por exemplo, quando voc verificou a ortografia das pginas no seu site, optou por adicionar uma nova tarefa para cada pgina que contivesse erros de ortografia. Ao adicionar tarefas lista, voc pode completar essas correes de uma s vez. Se voc estiver trabalhando em um ambiente de desenvolvimento da Web ou em uma intranet, o modo Tarefas facilitar o controle de tarefas do site e sua atribuio a outros autores que trabalhem no mesmo site.

Para completar as tarefas no modo Tarefas

1. Na barra Modos, clique no cone Tarefas O FrontPage exibe a lista Tarefas. 2. Clique duas vezes na primeira tarefa da lista, chamada Corrigir palavras incorretas. O FrontPage exibe a caixa de dilogo Detalhes da tarefa. Nela, voc pode ver detalhes da tarefa selecionada. Voc pode definir a prioridade da tarefa, atribula a outro autor na rede ou complet-la e remov-la da lista. 3. Na caixa de dilogo Detalhes da tarefa, clique em Iniciar tarefa. O FrontPage alterna para o modo Pgina e abre a pgina que contm as palavras incorretas. 4. Na caixa de dilogo Ortografia, clique em Adicionar quando o FrontPage questionar o nome Championzone. Isso adicionar a palavra Championzone ao dicionrio. Observao O FrontPage compartilha dicionrios personalizados com outros programas do Microsoft Office XP; portanto, voc no precisa adicionar palavras personalizadas em cada programa separadamente. Quando voc adiciona palavras verificadas a seu dicionrio, elas no so questionadas novamente. 5. Clique em OK. .

67

6. O FrontPage completa a verificao ortogrfica. Se desejar, voc pode retornar para o modo Tarefas e marcar essa tarefa como concluda. Apesar de no ser necessrio completar todas as tarefas antes de publicar o site, recomendvel revisar essa lista quando terminar de fazer alteraes no site. O modo Tarefas ajuda a gerenciar sites ao sinalizar lembretes importantes para voc.

68

Publicando o site da Championzone na Web

Quando voc publica o site na Web (ou na intranet da empresa), o FrontPage verifica automaticamente os hiperlinks, os endereos das pginas e os caminhos para seus arquivos. Observao Se no desejar publicar o site da Championzone no servidor Web, leia este procedimento somente para referncia, sem realmente completar as etapas.

Para publicar o site atual

1. Feche todas as pginas abertas no modo Pgina. 2. No menu Arquivo, clique em Publicar Web ou clique no boto Publicar Web , na barra de ferramentas. O FrontPage exibe a caixa de dilogo Publicar Web. Nela, voc especifica o local da Web ou da intranet corporativa em que deseja publicar o site. Seu provedor de servios de Internet pode inform-lo sobre isso. Voc precisa ter acesso Internet por meio de um provedor de servios de Internet para poder publicar o site na Web. Se desejar se conectar a um provedor de presena na Web que possa hospedar sites ativados para o FrontPage, clique no link Clique aqui para obter mais informaes na caixa de dilogo Destino da publicao.

69

3. Na caixa de dilogo Publicar Web, insira o URL do servidor Web de destino (como http://exemplo.microsoft.com/~minhaweb) e clique em Publicar. O FrontPage publica o site atual da intranet ou do seu computador no servidor Web. Dica Depois de publicar um site pela primeira vez, voc pode ignorar a caixa de dilogo Publicar Web usando o boto Publicar Web, na barra de ferramentas. Esse procedimento publica rapidamente quaisquer atualizaes que voc tiver feito nas pginas, sem a necessidade de fornecer informaes sobre o local do site na Web. Para exibir novamente a caixa de dilogo Publicar Web, use o comando Publicar Web no menu Arquivo, ao invs do boto da barra de ferramentas. Se o FrontPage detectar que voc est publicando em um servidor Web que no oferece suporte a extenses de servidor do FrontPage, ele publicar o site atual por meio do protocolo de transferncia de arquivo (FTP). Se o servidor Web no qual voc est publicando o site tiver as extenses de servidor do FrontPage instaladas, seu site ter total funcionalidade de componentes baseados no FrontPage e scripts da Web que voc tenha inserido nas pginas. A publicao de sites em um servidor Web que no tenha as extenses de servidor do FrontPage instaladas poder desativar alguma funcionalidade contida nas pginas, como o formulrio de sugestes que voc adicionou. O FrontPage exibir mensagens de informaes durante o processo de publicao para alert-lo sobre tais condies. Durante o processo de publicao, o FrontPage exibe uma barra de progresso para indicar quanto tempo necessrio para transferir seu site para o servidor Web. A velocidade com que o FrontPage publica o site depende da velocidade da conexo, assim como do nmero e da complexidade das pginas e dos arquivos do site. Dica Quando voc publica um site, todas as pginas e arquivos so publicados por padro. Para excluir pginas ou arquivos da publicao, clique com o boto direito na pgina ou no arquivo em um modo de exibio do site e clique em No publicar. Quando o FrontPage tiver publicado com xito seu site, fornecer um hiperlink para ele na caixa de dilogo de confirmao. Clique nele para abrir o site publicado no navegador.

Concluindo a lio 2
Parabns! Voc completou com xito o tutorial do FrontPage. Agora, voc est pronto para criar e publicar seu prprio site baseado no FrontPage.

70

!!!!"

" As informaes contidas neste documento representam a viso atual da Microsoft Corporation sobre as questes discutidas at a data da publicao. Devido natureza dos constantes esforos de desenvolvimento e como a Microsoft precisa responder a alteraes das condies do mercado, ela no deve ser interpretada como sendo um compromisso por parte da Microsoft e a Microsoft no pode garantir a preciso de qualquer informao apresentada aps a data da publicao. Este documento destina-se somente a fornecer informaes. A MICROSOFT NO D GARANTIAS, EXPRESSAS OU IMPLCITAS, NESTE DOCUMENTO. " 2001 Microsoft Corporation. Todos os direitos reservados. Microsoft, FrontPage, o logotipo Office XP, MSN, PowerPoint, Windows e Windows NT so marcas registradas ou marcas comerciais da Microsoft Corporation nos Estados Unidos e/ou outros pases. Outros nomes de produtos ou empresas neste documento podem ser marcas comerciais de seus respectivos proprietrios.

71