Escolar Documentos
Profissional Documentos
Cultura Documentos
LABORATÓRIO DE INTERNET
FRONTPAGE
SUMÁRIO
Introdução ....................................................................................................................................3
Construindo um Web Site...........................................................................................................4
Iniciando ..................................................................................................................................4
Administrando o Site ..............................................................................................................5
Navegação ...........................................................................................................................5
Trabalhando com Páginas...................................................................................................6
Editando Títulos das Páginas .............................................................................................7
Aplicando um Tema ao seu Site.........................................................................................7
Editando Páginas .........................................................................................................................8
Introdução................................................................................................................................8
Salvando seu Trabalho............................................................................................................9
Editando uma Página ............................................................................................................10
Visualizando Páginas ............................................................................................................11
Editando Elementos do FrontPage ...........................................................................................11
Introdução..............................................................................................................................11
Alterando a Faixa de Título ..................................................................................................12
Alterando as Barras de Navegação.......................................................................................12
Alterando Hyperlinks............................................................................................................13
Criando Hyperlinks ...............................................................................................................14
Editando Figura .....................................................................................................................14
Inserindo Figuras...................................................................................................................15
Inserindo Tabelas ..................................................................................................................17
Formulários................................................................................................................................17
Introdução..............................................................................................................................17
Tipos de Formulários ............................................................................................................18
Controles de Formulário .......................................................................................................18
Alterando Controles de Formulários....................................................................................19
Adicionando Páginas Pré-formatadas ao Site..........................................................................20
Exercício 2 – Web Site do FrontPage ......................................................................................21
Introdução
O FrontPage é uma ferramenta destinada à criação e administração de Web Sites que não
requer nenhum conhecimento de programação. O FrontPage possui recursos que facilitam o
projeto e a rápida construção de Web Sites com visual sofisticado e de fácil de navegação.
Iniciando
Para criar um novo Web Site com o FrontPage você deve executar os seguintes passos:
1. Na barra de tarefas do Windows, clique o botão Iniciar, escolha a opção Programas e,
em seguida, dê um clique na opção Microsoft FrontPage.
2. Após a janela do FrontPage ser apresentada, escolha no menu Arquivo as opções Novo
e Web, para criar um novo Web Site.
3. Na caixa de diálogo Novo, selecione o tipo de Web Site a ser criado, no nosso caso
“Assistente de Presença Corporativa” e especifique o local ou seja, a pasta, onde seu
Site será gravado, por exemplo: C:\Meus Documentos\Web.
4. A seguir o FrontPage apresentará uma série de caixas de diálogo que o guiarão durante
a construção do seu Web Site. Leia atentamente as instruções contidas em cada tela e
forneças as informações solicitadas com a máxima precisão possível.
5. Após preencher todas as informações (você pode avançar e retornar para cada uma das
telas do assistente) clique o botão Concluir e aguarde pacientemente que o FrontPage
crie o esqueleto do seu Web Site de acordo com as informações definidas.
6. Após criação do seu site, clique cada um dos botões de modo, localizados à esquerda,
para visualizar os resultados. Observe atentamente cada um dos modos do FrontPage,
especialmente Pastas, Navegação e Hyperlinks para começar a se familiarizar com o
Web Site que foi automaticamente criado.
7. Para visualizar o seu novo Web Site no navegador, clique o botão Navegação, selecione
a Home Page na janela que apresenta a estrutura de páginas do seu site e, finalmente,
clique o botão Visualizar no Navegador, o sétimo da esquerda para a direita, que
apresenta uma lupa sobre o globo terrestre.
Administrando o Site
Navegação
Os botões localizados na barra Modos à esquerda, fornecem diferentes maneiras de você
visualizar informações no seu FrontPage Web Site. Clique o botão Navegação para
visualizar o seu FrontPage Web Site no modo Navegação, como ilustrado na figura a
seguir.
No lado direito, está a janela de Navegação, onde você visualiza a estrutura do seu novo
Web Site. No lado esquerdo, está janela da Lista de Pastas, onde você pode ver a relação de
arquivos e pastas que o compõe.
Por enquanto, para iniciar a construção do seu primeiro Web Site, utilizaremos o FrontPage
apenas nos modos Navegação e Página. Os demais modos de visualização serão discutidos
mais adiante.
? ? Navegação é o modo normalmente mais utilizado durante a construção de um novo
Web Site, pois ele fornece uma boa visão da estrutura do seu Site e pode
automaticamente criar barras de navegação em todas as suas páginas. Uma barra de
navegação é uma região da página que provê acesso a outras páginas do seu Web Site
por meio de hyperlinks textuais ou gráficos.
? ? Página é o modo por meio do qual você cria e edita suas páginas Web sem precisar
conhecer absolutamente nada de programação HTLM, pois todas as operações
necessárias são semelhantes ao uso de um processador de textos. Você utiliza o modo
Página para projetar, criar, e editar as páginas Web que formarão seu Web Site.
4. Após selecionar o tema e escolher as opções desejadas, clique o botão OK. O tema
selecionado será aplicado às páginas do seu FrontPage Web Site. Para efeito de
exemplificação escolhemos o tema Automóveis, ilustrado na figura a seguir.
Editando Páginas
Introdução
Agora que a estrutura e o tema do seu Web Site está definida, iremos adicionar conteúdo à
suas páginas. Para isso utilizaremos o editor de páginas do FrontPage, que permite o
projeto e a edição de cada página do seu Web Site.
O editor do FrontPage é usado para criar, editar e visualizar páginas Web usando a
impronunciável técnica WYSIWYG (What You See Is What You Get – o que você vê é o
que você obtém), comum aos processadores de texto como o Microsoft Word. Todos os
textos, estilos, formatações de página, figuras etc. são apresentados como você os verá num
navegador Web e serão baseados em padrões HTML.
Para abrir uma página no editor do FrontPage execute os seguintes passos:
1. Entre no modo de Navegação clicando o botão Navegação na barra de Modos à
esquerda.
2. Em seguida, dê um duplo clique na Home Page. Ela será aberta no editor de páginas
FrontPage Editor como ilustra a figura a seguir.
Note os elementos gráficos que você aplicou quando escolheu um tema. A página possui
uma imagem de fundo, um cabeçalho com o seu título e uma barra de navegação com
botões de ligação apontando para as outras páginas do seu Web Site.
Para adicionar textos nesta página, simplesmente inicie sua digitação como você faria se
estivesse utilizando um processador de textos.
A Home Page do seu Web Site deve dar as boas vindas aos visitantes, portanto digite o
seguinte:
1. “Bem-vindo ao Web Site da.....” e pressione Enter para criar um novo parágrafo.
2. Na próxima linha digite “Por favor, não se esqueça de dar uma olhada nas outras
páginas do nosso Site.” Pressione Enter novamente.
3. Nas próximas linhas digite com suas próprias palavras um texto que resuma quem é a
sua empresa você e o que o seu Web Site tem a oferecer.
Visualizando Páginas
O FrontPage permite que você visualize cada página do seu site através de três modos:
1. Normal: utilizado na edição das páginas, conforme vimos até agora;
2. HTML: utilizado na edição do código HTML, pois apresenta todas as tags e demais
comandos HTML que estão “por trás” da página. A figura a seguir ilustra o código
HTML de uma página criada pelo FrontPage. Note que, além das tags e do texto das
páginas, o FrontPage insere vários controles que não devem ser alterados.
3. Visualização: que permite a visualização da página exatamente como ela será
apresentada à um usuário através do navegador ou browser.
Introdução
Você já deve ter percebido que, além do texto que você vê e pode alterar no centro de cada
página Web do FrontPage, dependendo do Tema escolhido, são inseridos os seguintes
elementos em cada página:
Alterando Hyperlinks
Para alterar um Hyperlink execute os seguintes passos:
1. Posicione o apontador do mouse sobre o Hyperlink desejado até que ele seja
apresentado como uma mão sobre um documento, indicando a possibilidade de
edição de propriedades do elemento.
2. Clique o botão esquerdo do mouse e escolha a opção Propriedades do Hyperlink.
3. Será apresentada uma caixa de diálogo ilustrada a seguir, que permite que você
altere o destino do Hyperlink selecionado.
4. Caso o destino seja uma outra página do seu Site, basta clicar sobre ela na janela
apresentada ou digitar o seu nome na caixa de texto URL.
5. Caso o destino seja um outro site na Web, clique o botão que apresenta uma lupa
sobre o globo terrestre.
6. Caso o destino seja um arquivo em outro local do seu computador, clique sobre o
botão que apresenta uma lupa sobre uma pasta.
7. Caso o destino seja um endereço de e-mail para enviar uma mensagem, clique sobre
o botão que apresenta um envelope de carta.
8. Finalmente, caso o destino seja uma nova página no seu Site, clique sobre o botão
que apresenta uma página em branco.
9. Clique o botão OK para finalizar.
Criando Hyperlinks
Para criar um novo Hyperlink execute os seguintes passos:
1. Selecione o texto ou imagem que indicará o Hyperlink para o usuário.
2. Clique o botão de Hyperlink na barra de ferramentas do FrontPage, representado
por dois elos de corrente sobre o globo terrestre.
3. Será apresentada a caixa de diálogo Editar Hyperlink, que permite que você defina o
endereço de destino do Hyperlink selecionado.
??Caso o destino seja uma outra página do seu Site, basta clicar sobre ela na
janela apresentada ou digitar o seu nome na caixa de texto URL.
??Caso o destino seja um outro site na Web, clique o botão que apresenta uma
lupa sobre o globo terrestre.
??Caso o destino seja um arquivo em outro local do seu computador, clique
sobre o botão que apresenta uma lupa sobre uma pasta.
??Caso o destino seja um endereço de e-mail para enviar uma mensagem,
clique sobre o botão que apresenta um envelope de carta.
??Finalmente, caso o destino seja uma nova página no seu Site, clique sobre o
botão que apresenta uma página em branco.
4. Após definir o endereço de destino do Hyperlink, clique o botão OK.
Editando Figura
Para alterar uma figura execute os seguintes passos:
1. Posicione o apontador do mouse sobre a figura desejada e dê um clique para
seleciona-la.
2. Clique o botão esquerdo do mouse e escolha a opção Propriedades da Figura.
3. Será apresentada a caixa de diálogo ilustrada a seguir, que permite que você altera o
arquivo que contém a figura a ser apresentada na página.
Inserindo Figuras
Para inserir uma figura execute os seguintes passos:
1. Posicione o apontador do mouse na posição onde você deseja inserir a figura e
escolha no menu Inserir a opção Figura.
2. Para inserir uma figura de um arquivo de imagem já existente, selecione a opção Do
Arquivo.
3. Será apresentada a caixa de diálogo ilustrada a seguir, que permite que você
selecione a figura a ser inserida. Note estão disponíveis vários botões que permitem
que você procure o arquivo que contém a figura a ser inserida em vários lugares,
inclusive na Internet.
4. Selecione a figura desejada e clique o botão OK.
Inserindo Tabelas
Para inserir uma tabela numa página, execute os seguintes passos:
1. Abra a página desejada no editor de páginas do FrontPage.
2. Posicione o cursor na posição onde a tabela deve ser inserida.
3. Escolha o menu Tabela e as opções Inserir e Tabela. Será apresentada a caixa de
diálogo Inserir Tabela, ilustrada a seguir, que permite que você defina as
propriedades da tabela a ser inserida.
Formulários
Introdução
Algumas páginas criadas pelo FrontPage, como a página feedback.htm, apresentam
formulários. Os formulários fornecem um mecanismo através do qual usuários do seu Web
Site podem se comunicar com o servidor Web. Os usuários digitam dados em um
formulário e clicam um botão para enviar-los a um servidor Web.
Um formulário contém tipicamente:
? ? Vários campos de formulário.
? ? Botões Submeter (Submit) e Limpar (Reset).
Normalmente, os usuários preenchem os campos do formulário e clicam o botão Submeter
para enviar os dados para o servidor Web. O botão de Limpar (Reset) apaga os dados dos
campos do formulário.
Os dados destes formulários, submetidos ao servidor, serão armazenados pelos programas
do FrontPage Server Extensions no arquivo '_private/inforeq.txt' na sua Web. Você poderá
editar este arquivo usando o FrontPage ou um editor de textos. Se você optar por um
arquivo texto delimitado, poderá importar os dados digitados pelos usuários para um banco
de dados.
Tipos de Formulários
Os manipuladores de formulários fornecidos pelo Microsoft FrontPage são conhecidos
como Extensões do Servidor e devem ser instaladas em seu servidor Web. Além disso,
grande maioria dos provedores de acesso à Internet que hospedam páginas HTML
disponibilizam as Extensões de Servidor do FrontPage para seus clientes.
Você pode criar os seguintes tipos de formulários com o FrontPage:
? ? Formulário para gravação de Dados
Um formulário para gravação de dados permite um salvar um conjunto de informações
digitadas por um usuário e armazena-las em um arquivo no servidor Web ou envia-las
para um endereço de e-mail. Você pode configurar as propriedades do formulário para
especificar onde as informações serão gravadas ou para onde serão enviadas.
Este é o manipulador de formulário padrão, utilizando pelo FrontPage quando você cria
um novo formulário.
? ? Formulário de Procura
Um formulário de aceita critérios de procura de um usuário, procura no Web Site por
páginas contenham informações que coincidem com os critérios de procura, e retorna
uma página HTML que contém hyperlinks para as páginas achadas. Você pode usar
FrontPage para criar um formulário de procura para seu Web Site.
? ? Formulário de Discussão
Você pode criar um formulário de discussão para usar em um grupo de discussão. Um
grupo de discussão é um Web Site que sustenta uma discussão interativa entre os
usuários sobre vários assuntos. Os usuários submetem assuntos entrando texto no
formulário de discussão.
? ? Formulário de Inscrição
Você pode criar um formulário de inscrição que adiciona pessoas e senhas para formar
uma lista de usuários que têm permissão para acessar seu Web Site. Você pode criar um
formulário de inscrição de usuários criando uma nova página Web com o modelo de
Inscrição de Usuário do Front Page. Em seguida, você deve configurar permissões em
seu Web Site para que só usuários registrados tenham acesso à página. Uma vez você
definiu estas permissões, quando os usuários tentarem acessar uma página do seu Web
Site, terão que preencher o formulário de inscrição de usuários.
Controles de Formulário
Controles HTML padrão (também conhecidos como controles intrínsecos) são controles
que você pode inserir num formulário para exibir ou recuperar informações. Todos os
browsers suportam controles HTML padrão, que normalmente são chamados de campos de
formulário. Quaisquer informações digitadas em um controle padrão é enviada para o
servidor Web quando o usuário submeter o formulário.
Utilizando o FrontPage você pode inserir vários tipos de controles HTML padrão nos
formulários:
??Caixas de texto com uma linha
??Caixa de texto com várias linhas
??Botões
??Menus em cascata
??Botões de Rádio
??Caixa de verificação
??Etc.