APOSTILA MICROSOFT FRONTPAGE 2000 a) b) c) d) e) f) g) h) i) j) k) l) m) n) o) p) q) r) s) Introduo Iniciando o MS FrontPage 2000 Formatar pgina Inserir texto Hyperlinks Numerao/ Marcadores

s Figuras Tabelas Mesclar clulas Componentes Office Spreadsheet Contador de acesso Letreiro digital Boto em foco HTML DHTML Formulrio Publicar sua Web Finalizando

Introduo A cada dia verificamos que a informao uma ferramenta de extrema necessidade em qualquer negcio. Sabendo disto, diversas empresas investem em tecnologias que possibilitam a transmisso de tais informaes. Um dos meios de transmisso mais divulgado na mdia de forma geral a Internet, e esta produziu tendncias como Intranet. Atravs destas redes de computadores, funcionrios, empresas, instituies, profissionais liberais, e qualquer tipo de pessoa, podem divulgar seus trabalhos, e venderem suas idias praticamente para qualquer parte do planeta. Geralmente estas informaes so apresentadas em formas de pginas gravadas em um determinado site (local virtual). O Microsoft FrontPage 2000 considerado um dos melhores programas na criao de Web sites, e se voc pensa que precisar dominar alguma linguagem de programao para obter sites com aparncia profissional, ficar surpreso em saber que o FrontPage capaz de executar automaticamente todas as tarefas de programao.

Apostilas & Tutoriais

renanplinio@hotmail.com

Iniciando o MS - FrontPage 2000 Para iniciar o MS - FrontPage 2000 clique em Iniciar/ Programas/ Microsoft Front Page

Formatar pginas Sempre que iniciado, o FrontPage abre um novo trabalho ( nova_pgina_1.htm) . Comece formatando esta pgina Clique em Arquivo/ Propriedades Em propriedades voc pode formatar o ttulo da pgina (Guia - Geral), cor de fundo (Guia - Plano de fundo), cores dos hyperlinks ativo, visitado, cor do texto, margens superiores e inferior. Caso queira inserir uma figura de fundo marque Figura de plano de fundo Clique em Procurar selecione uma figura nos formatos Gif ou Jpg Clique em Ok e veja os resultados Inserir texto Para inserir um texto em sua pgina voc no precisa digitar nenhuma linha de cdigo. Ex: <FONT FACE=ARIAL COLOR=BLUE SIZE=2> O programa cria os cdigo necessrios na formatao de fonte, cor, tamanho de sua escolha. Digite o texto, selecione-o e clique em Negrito, Itlico ou Sublinhado Clique em Estilo e Fonte Veja o cdigo de sua pgina na Guia Html. Veja a pgina j pronta na Guia Visualizao.

Apostilas & Tutoriais

renanplinio@hotmail.com

Para salvar esta pgina clique em Arquivo/ Salvar ou clique em Salvar D um nome para a pgina se no quiser manter o mesmo nome. Escolha a pasta onde tambm deve estar todas as figuras utilizadas na pgina, exemplo figura de fundo e clique em Salvar Este exemplo est na pasta Exemplos com nome de pagina1.htm Feche esta pgina. Vamos ver agora como abrir esta mesma pgina. Clique em Arquivo/ Abrir Procure pela pasta onde foi salvo sua pgina.htm e clique em Abrir aps encontra-la. Outra forma de abrir uma pgina clicando em: Abrir Encontrar a pgina e clicar em Abrir Hyperlinks Para criar um hyperlink para uma outra pgina necessrio que esta pgina exista. Ento clique em Arquivo/ Novo voc pode escolher um formato Ex: Pgina normal, Assistente de pgina de formulrio ou at mesmo pgina de pesquisa entre outras. Mas selecione Pgina normal e clique em OK. O FrontPage 2000 cria uma nova pgina em branco. Salve esta pgina Neste caso esta pgina est na pasta Exemplos com nome de Hyperlinks.htm Vamos linkar esta pgina para a outra pgina j criada de nome pagina1.htm Voc inserir um Hyperlink para outra pgina de vrias maneiras 1 clicando em Inserir/ Hyperlink Procurando a pgina armazenada que foi salva no FrontPage Selecione a pgina e clique em OK. 2 ou simplesmente pressionando as teclas Ctrl + K Selecione a pgina e clique em OK. 3 outra forma clicando em: Hyperlink Selecionando a pgina e clique em OK.

Apostilas & Tutoriais

renanplinio@hotmail.com

Hyperlink para Pgina local pgina.htm Cdigo HTML <A HREF=pagina.htm>Pgina</A> Web site http://www.option-line.com/members/apostilas/ Cdigo HTML <A HREF=http://www.option-line.com/members/apostilas/> Apostilas</A> E-mail mailto:apostilas@option-line.com Cdigo HTML <A HREF=mailto:apostilas@option-line.com>apostilas@option-line.com</A> Salve a pgina e faa os teste necessrio clicando nos Hyperlinks criados. Numerao/ Marcadores Para usar numerao selecione todo texto desejado e clique em numerao O texto ficar como no exemplo abaixo Exemplo de numerao 1. 2. 3. 4. Apostila Linux Apostila Novell Apostila Unix Apostila Windows

Para retirar a numerao selecione o texto desejado e clique novamente em numerao Para incluir marcaes no texto basta selecionar o texto desejado e clicar em marcadores O texto ficar como no exemplo abaixo Exemplo de marcadores Linux Novell Unix Windows 98 Exemplo na pasta Exemplos nome numerao&marcadores.htm

Apostilas & Tutoriais

renanplinio@hotmail.com

Figuras Voc j aprendeu a incluir figuras de fundo na pgina, mas vamos aprender incluir figuras de Cliparts ou uma imagem que voc queira colocar em sua pgina. Para inserir uma figura de Cliparts clique em Inserir/ Figuras/ Cliparts Selecione um Cliparts adequado e clique em Inserir clipe. Para inserir uma figura de outras pastas clique em Inserir/Figuras/ Do Arquivo Basta selecionar a imagem desejada e clicar em OK. Lembrando que aps sua pgina estar pronta voc deve enviar junto com ela todas figuras utilizadas na pgina. Nota: O Netscape Communicator no exibe figuras nos formatos wmf que o formato utilizado para os Cliparts, converta para Gif ou Jpg antes de salvar sua pgina. Tabelas As vezes entramos em uma pgina feita completamente por tabelas, mas essas tabelas no necessariamente aparecem. A formatao da pgina feita por tabelas. Isso no impede de criamos tabelas de preos, de produtos, artigos em geral. Fundindo clulas em novas tabelas e criando um visual interessante. Para criar uma tabela clique em Inserir tabela Arraste (selecionando) at os quadros que deseja que faam parte da tabela J com a tabela na pgina selecione algumas clulas para formatao, clique com o boto direito do mouse. Clique em propriedades da clula para formatar cor de fundo, borda tamanho e cor, alinhamento vertical e horizontal, etc. O texto das clulas voc formata usando Negrito, Itlico, Sublinhado, Cor da fonte, Centralizado, etc.

Apostilas & Tutoriais

renanplinio@hotmail.com

Mesclar clulas Selecione os quadros clicando e arrastando sobre eles, clique com o boto direito do mouse, clique em Mesclar clulas para fundir uma clula com outra. No caso de Mesclar clulas sempre bom formatar a borda da tabela para zero. Exemplos na pasta Exemplos nome tabelas.htm e tabela2.htm Componentes Os componentes aqui listados s funcionam no navegador da Microsoft (Internet Explorer). Usaremos como exemplo trs componentes Office Spreadsheeet, Contador de acesso, letreiro digital e Boto em foco. Para inserir esses e outros componentes clique em Inserir/ Componentes/nome do componente ou clique em Componentes Office Spreadsheet Capaz de somar, subtrair, multiplicar, dividir da mesma maneira que o Excel. Trata-se de clulas do Excel que usamos formulas simples ou complexas Ex: C1=B1-A1 O resultado aparece na clula C1 aps pressionar a tecla enter. Contador de acesso Como o nome j diz faz uma contagem de visitantes em sua pgina Use um dos vrios modelos Marque Redefinir contador para: 1 O contador s executado no servidor com sua pgina pronta e recebendo visitas na internet. Letreiro digital S funciona com o Navegador Internet Explorer Digite o texto desejado no espao para Texto Marque a opo que mas lhe agrada em Direo, Velocidade, Comportamento, Cor de fundo, etc. Ateno: No Netscape ser exibido apenas um texto fixo sem efeito.

Apostilas & Tutoriais

renanplinio@hotmail.com

Boto em foco Este sim trs um efeito bem interessante que executado tanto no Internet Explorer como no Netscape Digite o Texto do boto que ser visualizado por todos visitantes da pgina Em Vincular a: clique em Procurar... escolha a pgina que deseja que este boto ao ser clicado abra. Selecione uma Cor do boto, Cor do plano de fundo do, Efeito, cor de efeito e clique em OK. Clique em Salvar Para salvar sua pgina. Neste caso foi criado applet que devem ser enviados junto com sua pgina Exemplo na pasta Exemplos nomes componentes.htm nome fphover.class nome fphoverx.class Voc pode incluir outros efeitos Experimente outros componentes. HTML Apesar do programa FrontPage criar todo cdigo HTML para voc, bom saber um pouco sobre HTML. O FrontPage trs trs Guias de trabalho Normal Onde voc digita o texto, inclui figuras, componentes, tabelas sem se preocupar com os cdigos. HTML Que exibe os cdigos criados pelo FrontPage para que sua pgina seja exibida sem falhas Visualizao Como o nome j diz, exibe o resultado de seu trabalho (pgina).

Apostilas & Tutoriais

renanplinio@hotmail.com

Mas voltamos a falar sobre HTML Veja o cdigo criado pelo FrontPage <p>Pgina local</p> <p><a href="pagina1.htm">pagina1.htm</a>&nbsp;</p> <p>Home Page</p> <p><a href="http://www.option-line.com/members/apostilas/">http://www.optionline.com/members/apostilas/</a></p> No caso acima foi criado um Hyperlink para a pgina1.htm. <p> determina que todo texto digitado entre as tags<p></p> ficar em um nico pargrafo e um espao de uma linha dividir este pargrafo do prximo Podemos modificar o cdigo HTML para que o texto tenha uma seqncia. Usamos<font face=arial size=2>para definir qual fonte ser usada. Digitamos o Hyperlink<a href=pgina1.htm> Modificamos o nome pgina1.htm para Primeira pgina ou Voltar, retornar algo parecido e fechamos o Hyperlink com a tag </a>. Se o texto seguir em outra linha digitamos <br> No esquecendo de fechar a tag </font> caso o texto seguinte utilize outro tipo e tamanho de fonte. Veja o cdigo completo <font face=arial size=2> <a href=pgina1.htm>Voltar</a><br> </font> Para um maior aprendizado de cdigos HTML faa o download da apostila HTML verso 8 http://www.option-line.com/members/apostilas/html.zip DHTML A HTML (Hypertext Markup Language, linguagem de marcao de hipertexto) dinmica (DHTML) um aperfeioamento da Microsoft para a HTML verso 4.0 que permite criar efeitos especiais, como texto que se desprende da pgina uma palavra de cada vez ou efeitos de giro da transio do estilo de mensagem entre pginas. Entretanto, alguns navegadores da Web no oferecem suporte a DHTML, de modo que as pginas que contm DHTML podem no ser exibidas adequadamente ou podem conter erros quando visualizadas por alguns visitantes do site.

Apostilas & Tutoriais

renanplinio@hotmail.com

Como criar um efeito DHTML? Crie um ou dois Hyperlink(s) em sua pgina. Na Guia Normal selecione um Hyperlink Como selecionar? Clique com o boto direito do mouse na primeira letra do Hyperlink e arraste at a ltima letra do Hyperlink. Com o Hyperlink selecionado clique em Formatar/ Efeitos de HTML dinmico. Surge uma longa barra de ferramenta caso essa no esteja fixa junto as demais. Em Ao Escolha um efeito, selecione um dos efeitos. Em Aplicar Escolha um efeito, selecione um dos efeitos Clique em Escolha uma formatao. Dependendo pode ser borda ou fonte. Caso tenha escolhido fonte modifique Cor da fonte, Efeitos, Tamanho, Estilo e a prpria fonte. Caso tenha escolhido borda escolha o fundo a borda e preenchimento da mesma. No faa modificaes absurdas como sua fonte normal ter tamanho 1 e alterar o tamanho para 7. Aps salvar esta pgina o FrontPage cria um arquivo com extenso .js e um pequeno script em sua pgina. </script> <script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js"> </script> necessrio que voc envie este arquivo junto com sua pgina Exemplo na pasta Exemplos Nome da pgina dhmtl.htm Nome do arquivo animate.js Para visualizar o script criado em animate.js utilize o Bloco de Notas.

Apostilas & Tutoriais

renanplinio@hotmail.com

Formulrios Criar um formulrio usando um assistente Voc pode criar um formulrio usando o Assistente de pgina de formulrio, que pede que voc especifique as seguintes informaes:

Os dados que deseja coletar, que determinam quais campos devem ser colocados no formulrio. A maneira como deseja formatar os campos. Voc pode organizar o formulrio em pargrafos ou listas e escolher se deseja usar tabelas para formatar a pgina. Se deseja incluir um ndice analtico na parte superior da pgina, o que til em formulrios grandes. Como deseja salvar os resultados do formulrio (os dados coletados no formulrio, aps um visitante do site preench-lo). O assistente permite salvar os resultados em um arquivo de texto ou em um arquivo HTML (Hypertext Markup Language, linguagem de marcao de hipertexto), ou voc pode usar seu prprio script personalizado para lidar com os resultados. Quando um visitante do site clicar no formulrio, os resultados do formulrio sero enviados ao local especificado.

Usando estas informaes, o assistente cria seu formulrio. Voc pode personaliz-lo editando o texto e definindo propriedades e regras de entrada de dados para os campos de formulrio. 1. No menu Arquivo, aponte para Novo e, em seguida, clique em Pgina. 2. Na guia Geral, clique em Assistente de pgina de formulrio e, em seguida, clique em OK. O Assistente de pgina de formulrio aberto. Siga as instrues na tela para completar o formulrio Mais informaes sobre formulrio voc encontra no assistente do FrontPage. Mas muito comum voc clicar em Submeter e nada acontecer, neste caso utilize um formulrio com parmetros do prprio servidor que hospeda sua pgina. Um bom exemplo o formulrio da OptionLine www.option-line.com que envia todos os dados para sua conta de e-mail OptionLine. Alm disso voc pode lanar mo dos Guestbook (livro de visita).

Apostilas & Tutoriais

renanplinio@hotmail.com

Publicar sua Web Quando a sua Web estiver pronta para ser exibida na World Wide Web ou na intranet de sua organizao, voc deve public-la. Publicar uma Web basicamente copiar os arquivos de sua Web para um destino, tal como um servidor Web, onde outras pessoas possam procurar a Web. Antes de publicar sua Web Antes de publicar a sua Web, voc deve ter certeza de que ela esteja pronta verificando se h hyperlinks desfeitos, verificando se as pginas esto com a aparncia desejada e testar a Web para garantir que tudo esteja funcionando. Uma boa maneira de garantir isso visualizando sua Web em um navegador Web e navegando no site e revendo o status de seus arquivos no modo de exibio Relatrios. Se voc vai publicar a sua Web na World Wide Web, precisar de um Provedor de servios de Internet (ISP), de preferncia um que tenha um servidor Web com as extenses de servidor do FrontPage instaladas. Tambm ser necessrio conhecer o local do servidor Web de seu provedor de servios de Internet para publicar a sua Web, alm do nome do usurio e a senha, se necessrios. Para obter informaes sobre Provedores de servios de Internet (ISPs) que usam extenses de servidor do FrontPage (conhecidos como Provedores de presena da Web), clique em Publicar no menu Arquivo e, em seguida, clique no boto Provedor. Como as extenses de servidor afetam a publicao H vrias vantagens em publicar em um servidor Web que tem as extenses de servidor do FrontPage instaladas:

Sua Web ter funcionalidade completa do FrontPage quando for publicada. Sem as extenses de servidor, determinados recursos no funcionaro, tais como a maioria de manipuladores de formulrios, formulrios de pesquisa, contadores de acessos e recursos de componentes. O FrontPage atualizar seus arquivos e hyperlinks toda vez que voc publica a Web, o FrontPage compara os arquivos em seu computador local com os arquivos no servidor Web. Por exemplo, se mover um arquivo em sua Web local, o FrontPage atualizar e corrigir quaisquer hyperlinks para ele e, em seguida, far as mesmas correes nos arquivos do servidor Web na prxima vez em que a Web for publicada. Aps ter publicado a Web, voc poder edit-la diretamente no servidor Web do provedor de servios de Internet (no entanto, a verso local de sua Web no permanecer em sincronizao).

Apostilas & Tutoriais

renanplinio@hotmail.com

Se o seu servidor Web tiver as extenses de servidor, o FrontPage poder publicar sua Web usando HTTP (HyperText Transfer Protocol). Caso contrrio, sua Web ser publicada usando FTP (File Transfer Protocol). Escolhendo os arquivos a serem publicados Voc pode escolher quais arquivos deseja ou no publicar. Por exemplo, se uma pgina estiver incompleta ou no fizer parte diretamente de sua Web, poder marcar o arquivo como No publicar. Mais tarde, se decidir publicar o arquivo, por exemplo quando tiver concludo uma pgina, poder alterar seu status para Publicar. Certos arquivos no devem ser publicados novamente aps a primeira publicao de sua Web. Por exemplo, crie uma Web com um livro de convidados e, em seguida, publique-a. Posteriormente, atualize suas pginas da Web se voc publicar todos os seus arquivos, incluindo o arquivo que registra as informaes do livro de visitantes, voc salvar um livro de convidados em branco sobre o existente, perdendo todas as informaes. Outros exemplos incluem pginas com um contador de acesso, Webs de discusso e catlogos (se estiver executando o Index Server). Voc tambm pode escolher para publicar apenas os arquivos que foram alterados. O FrontPage ir comparar os arquivos na Web de trabalho em seu computador local com os arquivos publicados no servidor Web. Se o FrontPage detectar uma verso mais recente de um arquivo em seu computador local, o arquivo ser publicado no servidor Web. Gerenciando os arquivos no servidor Web Se o seu provedor de servios de Internet (ISP) estipular um limite de tamanho no servidor Web, o gerenciamento de arquivos uma necessidade. Excluir periodicamente arquivos no-utilizados ou antigos (principalmente grficos) pode manter o tamanho de sua Web reduzido. Aps publicar uma Web, o FrontPage pode sincronizar os arquivos em sua Web local com os arquivos publicados no servidor Web, toda vez que voc publicar novamente. Aps excluir os arquivos de seu computador local, o FrontPage perguntar a voc sobre a excluso dos mesmos arquivos no servidor Web quando publicar novamente sua Web e escolher para publicar apenas as pginas que foram alteradas. Se o seu servidor Web usa as extenses de servidor do FrontPage, o FrontPage tambm pode combinar outras aes no servidor Web, tais como mover ou renomear arquivos, na prxima vez em que voc publicar a sua Web. O FrontPage atualizar suas barras de navegao, bordas compartilhadas e

Apostilas & Tutoriais

renanplinio@hotmail.com

hyperlinks no servidor Web para corresponder s aes executadas na Web em seu computador local.

Finalizando Agora voc j tem conhecimento suficiente para criar seu prprio Web Site Faa incluso de sua pgina em todos os sistemas de busca conhecidos www.quem.com.br www.zeez.com.br www.cade.com.br www.radaruol.com.br www.surf.com.br www.yahoo.com.br www.altavista.com www.lycos.com www.yahoo.com www.webcrawler.com www.excite.com www.infoseek.com E-mail renanplinio@hotmail.com Apostilas2000 Autor: Renan Plinio

Apostilas & Tutoriais

renanplinio@hotmail.com