Front Page Modulo I

Prévia do material em texto

UNIVERSIDADE FEDERAL DO PARANÁ
FRONTPAGE 98 – WEB DESIGN
MÓDULO I
MAR/99
UNIVERSIDADE FEDERAL DO PARANÁ
Reitor: Carlos Roberto Antunes dos Santos
Vice-Reitor: Romolo Sandrini Neto
CENTRO DE COMPUTAÇÃO ELETRÔNICA
Diretor: Nelson Suga
FRONTPAGE 98 - WEB DESIGN
MÓDULO I
Elaboração: Hamilton Chaiben
hamilton@cce.ufpr.br
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 3
Sumário
PARTE I - INTERNET FUNDAMENTOS BÁSICOS............................................................................... 5
COMPREENDENDO OS FUNDAMENTOS DA INTERNET ........................................................................ 6
O QUE É A INTERNET ?..................................................................................................................................... 6
AS APLICAÇÕES BÁSICAS NA INTERNET ........................................................................................................... 6
FTP ............................................................................................................................................................. 7
SMTP - Simple Mail Transfer Protocol ...................................................................................................... 7
Listservs ...................................................................................................................................................... 7
Usenet ......................................................................................................................................................... 7
Gopher ........................................................................................................................................................ 7
Telnet .......................................................................................................................................................... 7
World Wide Web - WWW............................................................................................................................ 8
ENDEREÇANDO REDES E COMPUTADORES ............................................................................................ 8
O BÁSICO DO TCP/IP....................................................................................................................................... 8
O ENDEREÇAMENTO NA INTERNET .................................................................................................................. 9
............................................................................................................................................................................ 9
COMPREENDENDO OS CONCEITOS WEB ................................................................................................. 9
UMA VISÃO HISTÓRICA DE HIPERTEXTO ........................................................................................................ 10
FUNDAMENTOS DE HIPERTEXTO.................................................................................................................... 11
NODOS E LINKS ............................................................................................................................................. 11
COMPREENDENDO O HYPERTEXT TRANSFER PROTOCOL (HTTP) ......................................... 12
UNIVERSAL RESOURCE IDENTIFIER (URI) ..................................................................................................... 12
UNIFORM RESOURCE LOCATOR (URL) ......................................................................................................... 12
FTP - FILE TRANSFER PROTOCOL ................................................................................................................. 13
GOPHER......................................................................................................................................................... 13
MAILTO ......................................................................................................................................................... 13
TELNET.......................................................................................................................................................... 13
 PARTE II - WEB DESIGN COM FRONTPAGE 98 ............................................................................... 14
CONHECENDO O FRONTPAGE 98 .......................................................................................................... 15
CARACTERÍSTICAS IMPORTANTES DO FRONTPAGE 98 ................................................................................... 16
Criando web sites atraentes com o Assistente de Criação Inteligente...................................................... 16
Gerenciando a estrutura e o conteúdo do web site................................................................................... 16
Integrando o conteúdo existente com outros aplicativos familiares ......................................................... 17
INSTALANDO O FRONTPAGE 98............................................................................................................. 18
CRIANDO UM NOVO WEB SITE ................................................................................................................. 19
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 4
COMPREENDENDO O FRONTPAGE EXPLORER ..................................................................................... 20
TRABALHANDO COM PÁGINAS ............................................................................................................. 21
ADICIONANDO UMA NOVA PÁGINA EM SEU FRONTPAGE WEB...................................................................... 21
ATRIBUINDO TÍTULOS ÀS PÁGINAS................................................................................................................ 22
APLICANDO UM TEMA DO FRONTPAGE ......................................................................................................... 23
ABRINDO PÁGINAS NO FRONTPAGE EDITOR.................................................................................................. 23
EDITANDO A HOME PAGE .............................................................................................................................. 24
ADICIONANDO TEXTO À HOME PAGE ............................................................................................................ 24
SALVANDO A PÁGINA .................................................................................................................................... 25
EDITANDO PÁGINAS ...................................................................................................................................... 25
ABRINDO A PÁGINA ....................................................................................................................................... 25
INSERINDO TEXTO.......................................................................................................................................... 26
INSERINDO UMA LISTA NÃO NUMERADA ........................................................................................................ 26
TRABALHANDO COM HIPERLINKS NO FRONTPAGE 98 ................................................................ 27
CRIANDO HIPERLINKS COM FRONTPAGE 98 ..................................................................................................27
TRABALHANDO COM TABELAS NO FRONTPAGE 98....................................................................... 29
DEFININDO TABELAS NO FRONTPAGE 98 ...................................................................................................... 30
CRIANDO TABELAS NO FRONTPAGE 98 ......................................................................................................... 30
FORMATANDO TEXTO DE TABELA................................................................................................................. 31
Definindo as Propriedades de Tabela ...................................................................................................... 31
INCLUINDO LEGENDAS .................................................................................................................................. 33
ASSINALANDO O TAMANHO DE LINHAS E COLUNAS...................................................................................... 33
FORMATANDO AS CÉLULAS DA TABELA........................................................................................................ 33
INSERINDO LINHAS OU COLUNAS .................................................................................................................. 34
TRABALHANDO COM FRAMES NO FRONTPAGE 98......................................................................... 35
CRIANDO PÁGINAS COM FRAMES NO FRONTPAGE 98.................................................................................... 35
Escolhendo o Tipo de Frame .................................................................................................................... 36
TRABALHANDO COM IMAGENS NO FRONTPAGE 98 ...................................................................... 37
INCLUINDO IMAGENS COMO FRONTPAGE 98 ................................................................................................. 37
INCLUINDO CLIP ART COM O FRONTPAGE 98 ................................................................................................ 37
INCLUINDO OUTRAS IMAGENS DA WEB ......................................................................................................... 38
REFERÊNCIAS BIBLIOGRÁFICAS.......................................................................................................... 39
OUTRAS BIBLIOGRAFIAS PESQUISADAS............................................................................................ 39
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 5
PARTE I
Internet
Fundamentos Básicos
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 6
Compreendendo os Fundamentos da Internet
Você provavelmente já deve ter escutado muita coisa sobre Internet, WWW, Web, ciberespaço,
hipertexto, hipermídia, multimídia, CD-ROM, DVD, etc. Estes novos termos estão ganhando uma força cada
vez maior em nosso vocabulário e já fazem parte, direta ou indiretamente, de nosso cotidiano. Logicamente,
não é necessário que você domine todas estas terminologias e tecnologias para poder utilizar os benefícios
que elas proporcionam. Nosso dia a dia comprova isto. Nós não dominamos as tecnologias do vídeo-cassete
ou da televisão, embora façamos bom uso delas. No âmbito da informática não é diferente, ou seja, a
tendência também é a de produzir produtos de software com qualidade e de fácil utilização.
Algumas estatísticas americanas prevêem que até o ano 2002 em torno de 400 milhões de pessoas em
todo o mundo terão acesso à Internet e o número de compradores virtuais aumentará para 130 milhões de
pessoas. Basta uma rápida análise em algumas estatísticas deste tipo para constatar a importância de
acompanharmos de alguma maneira esta (r)evolução da “tecnologia da informação” que aliada ao processo
de “globalização” tem mostrado porque a sociedade moderna vivencia uma verdadeira transformação em seus
costumes. A idéia nesta primeira parte do curso é tentar abordar alguns conceitos importantes da maneira mais
simples possível para que você consiga compreender como você poderá explorar estas tecnologias em seu
benefício.
O que é a Internet ?
A Internet é uma rede mundial de redes de computadores. Podemos dizer que a Internet é a união dos
computadores com as telecomunicações. Podemos dizer, também, que esta união tem causado grandes
mudanças de comportamento econômico, social, e político em todo o mundo.
A grande característica da Internet é proporcionar às pessoas a oportunidade de obter informações de
qualquer natureza e localizadas em qualquer lugar. Sua arquitetura “aberta” é simples e baseada
principalmente no compartilhamento de informações. Qualquer pessoa utilizando qualquer modelo de
computador pode conectar-se à Internet.
Atualmente a Internet atinge cerca de 60 milhões de usuários em todo o mundo. O crescimento da
Internet no Brasil também é significativo. Em 1995 existiam 100 mil usuários brasileiros, hoje, alguns
números indicam algo perto de 6 milhões de usuários. Em número de hosts, dados de julho de 1998
indicavam que o Brasil ocupava o 18º lugar com cerca de 180.000 computadores, num ranking onde o EUA
lidera com 25 milhões de hosts, seguido do Japão com pouco mais de 1 milhão.
Assim, esta popularidade da Internet e seu potencial de crescimento e de novas oportunidades de
negócios, tem exigido a necessidade de compreendermos como ela funciona e como poderemos utilizá-la. Na
seqüência vamos ver rapidamente quais os principais serviços que estão disponíveis na Internet. Depois,
veremos como desenvolver “páginas” com a linguagem HTML para que possamos dar nossa contribuição
para esta rede mundial de informações. Para isto iremos utilizar uma das melhores ferramentas de software
para este fim que é o Microsoft FrontPage 98.
As aplicações básicas na Internet
Basicamente as aplicações na Internet são utilizadas para :
• Copiar arquivos
• Enviar e receber mensagens eletrônicas
• Compartilhar informações
• Pesquisar documentos e informações em geral
As seguintes aplicações darão uma idéia de como as pessoas estão utilizando a Internet. Estas são
algumas das principais aplicações Internet que têm popularizado a utilização da rede. Se você compreender o
que estas aplicações fazem, você compreenderá como a Internet funciona.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 7
FTP
O “File Transfer Protocol” ou “Protocolo de Transferência de Arquivo”, foi desenvolvido para
permitir cópia de arquivos de um sistema para outro. É um aplicativo Internet tradicional para receber ou
carregar arquivos disponíveis na rede para o seu computador. Você pode também enviar ou transmitir
arquivos de seu computador para outros computadores da rede. Portanto, sua característica principal é a
capacidade de enviar e receber arquivos entre dois computadores da rede. No desenvolvimento de um web
site, por exemplo, é comum utilizar um programa FTP para transferir os arquivos HTML desenvolvidos em
um computador pessoal para o equipamento servidor que irá disponibilizar as páginas para acesso via
Internet.
SMTP - Simple Mail Transfer Protocol
Este talvez seja o principal serviço da Internet. Uma vez que computadoresem todo o mundo estão
interligados via rede Internet, os usuários destes sistemas podem se comunicar utilizando SMTP. Com um
sistema de mensagens eletrônicas deste tipo, você pode enviar mensagens para qualquer parte do mundo pelo
custo de sua conexão local com a Internet. Assim como o FTP, o SMTP foi projetado para ser fácil de utilizar
e fácil de programar. Apresenta um conjunto pequeno de comandos, mas de grande utilidade para seus
usuários. Vários outros serviços Internet têm sido baseados neste protocolo SMTP.
Listservs
Listservs são listas de mensagens automáticas. Um “list server” é um sistema baseado em SMTP que
permite aos usuários inscrever-se em listas sobre determinados tópicos, para as quais todos os usuários
inscritos podem enviar mensagens eletrônicas. Quando um usuário envia uma mensagem sobre um
determinado assunto, o “list server” remete a mensagem para todos os usuários que estejam subscritos
naquele assunto.
Usenet
A Usenet (User’s Network) é um tipo de organização de grupos de discussão na qual artigos
individuais são distribuídos pelo mundo todo. A Usenet tem milhares de grupos de discussões sobre os mais
variados assuntos. Em cada instalação Internet, o administrador do sistema pode decidir se deve ou não
organizar um determinado grupo de discussão. Assim, a Usenet é um outro tipo de conversação baseada em
mensagens.
Gopher
O Gopher teve um papel importante para o avanço da popularidade da Internet. Este protocolo foi
estabelecido pela Universidade de Minnesota como uma maneira fácil de pesquisar informações “on-line”. Os
sistemas do tipo Gopher oferecem uma interface com o usuário baseada em menus, a partir dos quais você
pode acessar qualquer tipo de informação na forma de texto. Assim, este protocolo permite a um cliente
acessar um equipamento servidor que contenha informações estruturadas de maneira hierárquica, similar a
uma árvore de diretório com seus subdiretórios.
Telnet
Como um serviço público, muitos sistemas Internet estão ainda organizados de maneira a permitir
qualquer pessoa na rede “logar” usando uma conta do tipo convidado (“guest”). Uma das características
fascinantes da Internet é justamente poder utilizar um computador do outro lado do mundo como se este
estivesse localizado num outro canto de nossa sala. O programa Telnet é utilizado para que você possa fazer
uma conexão remota. Assim, basta digitar “telnet” e o nome do endereço remoto, como por exemplo: “telnet
books.com”. Quando o Telnet estabelecer a conexão, você poderá interagir com o computador remoto.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 8
World Wide Web - WWW
Este é o serviço Internet mais importante para o propósito deste curso. Podemos dizer também que é
o grande responsável pela explosão da Internet em todo o mundo.
A tecnologia da World-Wide Web (também chamada de Web ou WWW), pode ser vista como o
produto de contínuas pesquisas visando novas maneiras de compartilhar recursos através da rede Internet. A
idéia foi inicialmente concebida em 1989 por Berners-Lee do então CERN (Conseil Europeen pour la
Recherche Nucleaire, atualmente denominado “European Laboratory for Particle Physics”), como um método
para agilizar a transferência de informações entre a comunidade científica internacional.
A WWW consiste de computadores (equipamentos servidores), espalhados pelo mundo, os quais
armazenam informações tanto no modo texto quanto no formato multimídia. São milhares de servidores
ativos (cada um contendo um endereço na rede Internet) permitindo aos usuários localizarem facilmente as
informações desejadas.
A grande característica deste serviço é que ele proporciona uma interface gráfica com o usuário,
explorando a capacidade dos computadores atuais de forma simples e consistente o suficiente para também
manter uma compatibilidade com os inúmeros recursos disponíveis hoje na Internet.
A principal característica do WWW é o seu potencial para a criação de ligações entre texto e outros
meios, não só dentro de um documento individual mas também entre documentos armazenados em qualquer
computador que tenha acesso à rede Internet. Assim, a Web está baseada no princípio do “leitor universal”, ou
seja, “se a informação está disponível, então qualquer pessoa (autorizada, é claro) deve ser capaz de acessá-la
de qualquer parte do mundo”.
A popularização do World Wide Web deve-se, em grande parte, à utilização inicial de um software
de domínio público chamado Mosaic que era utilizado para acessar as informações através de uma interface
gráfica. Este tipo de software é conhecido pelos “internautas” como “browser” ou “navegador”. O Mosaic é
ainda mantido e distribuído pelo NCSA (National Center for Supercomputing Applications) da Universidade
de Illinois, embora atualmente existam dois browsers que são amplamente utilizados, o Netscape Navigator e
o Microsoft Internet Explorer.
Enquanto o Gopher permite que uma linha de texto de informação sirva como um “link” para outro
documento ou outro “site”, o WWW permite que uma página seja mostrada com múltiplos tipos de fontes,
gráficos, e “links” para outras mídias. Estes “links” podem por sua vez dar acesso a outras páginas de
informações com as mesmas características.
Assim, o ambiente WWW utiliza a tecnologia de hipertexto para proporcionar, em uma única
interface gráfica com o usuário, o acesso a diferentes classes de informações armazenadas como relatórios,
notas, documentações, sistemas de ajuda “on-line”, e outras bases de informações.
Endereçando Redes e Computadores
Agora que já compreendemos alguns conceitos sobre a rede Internet, acho que não seria perda de
tempo conhecermos um pouco sobre o seu sistema de endereçamento.
As aplicações Internet comunicam-se sobre a rede utilizando o protocolo TCP/IP (Transmition
Control Protocol / Internet Protocol). Este protocolo e seu mecanismo de endereçamento permitem que suas
aplicações conectem e troquem informações com outros sistemas.
O básico do TCP/IP
O protocolo TCP/IP deixa os computadores “compreenderem” para onde as mensagens devem ser
enviadas. Um protocolo de rede tal como o TCP/IP é freqüentemente comparado ao serviço dos correios. Por
exemplo, quando você envia uma carta a um amigo. Depois de escrever a carta, você a coloca dentro de um
envelope e escreve o nome e o endereço do destinatário. O endereço diz ao serviço postal onde entregar a sua
carta. Então ela é colocada numa caixa de correio local e posteriormente transportada para seu amigo
utilizando uma seqüência de ações padronizadas pelo serviço de correio local.
No caso da Internet, a “carta” que podemos enviar a outra pessoa, pode conter mensagens ou páginas
eletrônicas, arquivos e programas de computador. O grande diferencial é que a nossa “carta” não precisa mais
conter somente texto escrito, poderá conter também imagens animadas, vídeos, etc. Outro diferencial é a
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 9
agilidade na entrega desta “carta”, que poderá ser feita para uma única pessoa ou para um grupo de centenas
de pessoas ao mesmo tempo e quase que instantaneamente.
A seguir veremos como funciona a questão de “endereços postais” na Internet através do protocolo
TCP/IP.
O endereçamento na Internet
Com o protocolo TCP/IP, cada computador na Internet tem um determinado e específico endereço
numérico, chamado endereço IP. Este endereço écomposto de quatro (4) conjuntos de oito bits cada um.
Estes conjuntos são expressos como quatro números separados por pontos. Por exemplo,
200.17.210.110
Para tornar este endereço IP numérico fácil de ser utilizado, uma convenção de nomes de domínios
foi criada, denominada “Domain Name Server” ou DNS como é mais conhecida. Um “domínio” é um grupo
de computadores que tem nomes de computadores associados a eles. Para acessar um equipamento servidor
na rede Internet, pode-se fazê-lo através do seu endereço numérico TCP/IP ou pelo seu nome DNS.
Obviamente é muito mais fácil lembrar do “nome” dos computadores do que dos endereços numéricos dos
mesmos. Por exemplo,
iguacu.cce.ufpr.br
Observe que este endereçamento DNS termina com “.br” indicando o tipo de domínio. Outros tipos
de domínios existem convencionados na Internet. Por exemplo,
.com para organizações comerciais
.edu para instituições educacionais
.org para organizações governamentais
.br para computadores no Brasil
.au para computadores na Austrália
Compreendendo os Conceitos Web
A Internet pode ser vista como um grande repositório de informações. São milhares de computadores
interligados proporcionando inúmeras fontes de conhecimento. Assim, a grande questão para todo iniciante na
Internet é : “Por onde devo começar minha pesquisa ?” Bem, atualmente o ponto inicial é o WWW ou
somente Web como tem sido chamado.
A Web funciona de acordo com o modelo “cliente-servidor”. Um servidor Web é um programa cujo
objetivo é disponibilizar documentos para que os clientes possam acessá-los. Um cliente Web é um programa
que faz a interface com o usuário, intermediando pedidos de documentos a um determinado servidor.
Portanto, o processo pode ser resumido da seguinte maneira :
1. Através de um cliente Web - ou browser - o usuário seleciona um documento para visualização;
2. O cliente Web conecta-se a um computador especificado por um endereço Internet, e solicita a
este servidor Web um determinado documento;
3. O servidor responde enviando o documento para o cliente, contendo textos, figuras, imagens
animadas, sons, etc.
A linguagem que estes clientes e servidores Web “entendem” para comunicar é denominada HTTP
(HyperText Transfer Protocol) e será vista com detalhes adiante. Portanto, podemos dizer que todos os
clientes Web precisam “falar” HTTP para que esta comunicação seja realizada.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 10
Assim como o Gopher, o WWW é um protocolo que permite que as informações sejam enviadas de
um servidor para um cliente. A grande diferença como vimos, é que a Web permite que “páginas multimídia”
sejam enviadas ao cliente. Enquanto o protocolo Gopher utiliza o conceito de árvore para pesquisar a estrutura
de informações, o WWW utiliza o conceito de uma “rede” de documentos interconectados. Ou seja, a WWW
não tem um ponto inicial e final. As páginas Web, que são mostradas através dos “browsers”, são transferidas
de um servidor Web para o sistema local, para então serem interpretadas e mostradas adequadamente na tela
do computador do usuário.
Portanto, qualquer pessoa com um servidor Web pode “contribuir” para as informações contidas no
WWW. Empresas provedoras de serviços na Internet permitem que seus associados publiquem suas páginas
Web através de seus servidores.
Uma das principais tecnologias que proporciona o embasamento teórico ao funcionamento do
ambiente WWW é o hipertexto. Por isso, a próxima sessão analisa esta tecnologia com maiores detalhes para
que possamos compreender adiante outros dois conceitos envolvidos neste ambiente WWW que são os
protocolos HTTP (HyperText Transfer Protocol) e, é claro, o nosso objetivo que é a linguagem HTML
(HyperText Markup Language).
Uma visão histórica de Hipertexto
Em 1945, Vannevar Bush em seu artigo intitulado As We May Think [1], imaginou uma máquina
para o armazenamento e a manipulação de informações que ele casualmente denominou “Memex”. Este
artigo é freqüentemente citado como o precursor de grandes desenvolvimentos nas áreas de computação,
recuperação de informação, e hipertexto.
O sistema Memex foi idealizado como uma ferramenta de acesso à grandes quantidades de
informações armazenadas em microfilmes. Este sistema propunha uma máquina que utilizasse microfilme e
fotocélulas para armazenar dados, capacitando o usuário a formar trilhas de informações, ou sejam, ligações à
textos e ilustrações correlacionados. Foi o primeiro sistema a descrever o uso de máquinas para armazenar
conexões entre trechos de informações. Já nesta época Bush argumentava sobre a necessidade de um
mecanismo para auxiliar as pessoas a tratar com a crescente quantidade de informações disponíveis no
mundo. Ele visualizou o conceito embora jamais tenha criado o mecanismo para concretizá-lo.
Posteriormente, nos anos 60, Douglas Engelbart influenciado pelo trabalho de Bush com relação aos
conceitos de “links” e “browsing”, pesquisou a convergência destes conceitos, com o objetivo de utilizar os
computadores para aumentar a capacidade intelectual da humanidade[2]. A partir das idéias originais, como
parte de seu projeto Augment, Engelbart desenvolveu o NLS (“oN-Line System”), que inicialmente serviu
para o armazenamento de memorandos, notas de pesquisas, e documentações que podiam ser
interrelacionados. Posteriormente, ele classificou o NLS como um sistema de cooperação e colaboração entre
pessoas dispersas geograficamente.
Considerando estes trabalhos anteriores, Teodhor Nelson foi o responsável por criar o termo
“hipertexto” referindo-se aos conceitos e técnicas utilizadas para suportar um modo de escrita não seqüencial
auxiliada por computador[3] . Nelson falava sobre o impacto que a tecnologia do hipertexto produziria na
sociedade futura através de uma rede “on-line” capaz de armazenar todo o conhecimento literário do mundo.
Por volta de 1967, ele traduziu estas suas idéias em um projeto denominado Xanadu, que tornou-se, talvez, o
mais conhecido sistema hipertexto. Este sistema seria um ambiente de publicações em constante expansão, o
qual milhões de pessoas poderiam utilizar, interagindo e interconectando documentos eletronicamente. O
projeto de um servidor de rede universal para o Xanadu foi descrito em várias edições de seu livro “Literary
Machines"[4].
Portanto, nota-se que há muitos anos os pesquisadores sonham com um “banco de dados universal”
no qual grande quantidade de informações estariam disponíveis para que as pessoas pudessem acessar de
qualquer parte do mundo.
Recentemente, os avanços tecnológicos têm tornado possível a realização deste sonho pois, à medida
que a popularidade da Internet aumenta, as pessoas tornam-se mais cientes de seu enorme potencial,
vislumbrando um subconjunto das funcionalidades da hipermídia na estruturação e acesso às informações
através do recente surgimento da atividade do World-Wide Web (WWW).
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 11
Fundamentos de Hipertexto
O livro tem sido tradicionalmente o principal meio de armazenamento do conhecimento. As
informações são geralmente organizadas em páginas seqüenciais para serem lidas de modo linear. Ao
contrário dos livros, os sistemas hipertexto podem representar uma coleção de arquivos interconectados em
uma rede de informações. Os usuários são livres para progredir, ou “navegar”, através desta base de
informaçõesutilizando vários caminhos distintos e não seqüenciais, cujas ligações foram de alguma maneira
estabelecidas pelo projetista do sistema. Por “não seqüencial”, subentende-se o movimento ou salto de um
ponto do programa para outro, baseado tanto nas necessidades dos usuários quanto nos padrões de relações
explicitamente definidos pelo autor.
Assim, os sistemas hipertexto estão baseados principalmente na suposição de que a interpretação do
usuário é mais importante do que aquela do autor, e têm sido definido como “uma abordagem para o
gerenciamento de informação no qual os dados são armazenados em uma rede de nodos conectados por
links. Os nodos podem conter texto, gráficos, som, vídeo, ou outras formas de informações.” [5]
Nodos e Links
Um sistema hipertexto é constituído de nodos (ou unidades de informação) e links (ou relações). Os
dados são organizados como segmentos separados, embora interrelacionados, de informações. Uma parte do
sistema hipertexto é um conjunto de links associativos que conectam os nodos individuais em uma rede
principal. Portanto, um documento hipertexto é uma rede destes nodos conectados pelos links. A figura 1
ilustra a estrutura de um documento hipertexto no qual cada palavra sublinhada em negrito é um link para um
outro nodo de informação. As setas indicam o nodo alvo de cada link.
Figura 1 - Trecho de uma rede hipertexto interrelacionando conceitos.
Um nodo geralmente representa um único conceito ou idéia contido em uma ou mais telas de
informação. Nesta figura, embora a rede hipertexto mostre somente informações textuais, é certo que poderia
conter outros meios de comunicação suportados pelo sistema utilizado. No ambiente World Wide Web por
exemplo, cada nodo poderia representar arquivos de som, imagem, vídeo, ou outro documento situado em
qualquer ponto da rede Internet. Portanto, em uma rede hipertexto, os nodos estão conectados uns aos outros
através dos links. O nodo origem é chamado de referência e o nodo destino é chamado de referente. São
também freqüentemente chamados de âncoras. O conteúdo de cada nodo é exibido pela ativação dos links, os
quais podem ser bidirecionais facilitando o processo da busca de informação.
Esta estrutura “nodo-link” na base de conhecimento hipertexto, permite ao usuário percorrer o
“espaço da informação” utilizando as chamadas ferramentas de navegação ou “browsers”. A seqüência de
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 12
links a ser seguida fica sempre à critério do usuário, constituindo-se em uma característica predominante na
estruturação de materiais baseados em hipertexto. Apesar da essência deste modelo ser os links eletrônicos, os
nodos contribuem significativamente para a definição das operações que um sistema hipermídia pode
desempenhar. Os dois problemas clássicos freqüentemente citados na literatura de sistemas hipertexto ou
hipermídia, com relação à sua utilização são:
• Desorientação
Este é o problema de sentir-se “perdido no hiperespaço”, ou seja, o usuário não se sente seguro de
onde ele está em relação à outras partes da rede, ou não é capaz de encontrar alguma informação que tinha
certeza que estava em algum lugar no sistema. Esta tendência aumenta consideravelmente com o tamanho e a
complexidade do hipertexto. Um importante ramo da pesquisa atual em hipertexto concentra-se na tentativa
de desenvolver ferramentas cada vez mais poderosas para a visualização de estruturas. É preciso fornecer ao
usuário um determinado nível de complexidade que seja compatível com os limites de sua cognição visual.
Muitas estruturas conceituais podem ser eficazmente representadas pela exposição gráfica, e o problema da
desorientação pode ser corrigido através de algum tipo de mapa.
• Sobrecarga cognitiva
A necessidade de acompanhar as ligações acarreta uma carga cognitiva adicional podendo significar
que alguma capacidade de processamento da informação é desviada para a tarefa de tomada de decisão (que
não deixa de ser a essência do trabalho com hipertexto). De outro modo, esta capacidade poderia ser
concentrada no material sendo pesquisado ou estudado. Esta sobrecarga está presente até mesmo no processo
de leitura de um documento hipertexto.
Compreendendo o Hypertext Transfer Protocol (HTTP)
O Hypertext Transfer Protocol - ou HTTP como é chamado - é o protocolo através do qual as
informações são transferidas utilizando o ambiente Web. A grande expansão da Web tem promovido este
protocolo a um papel muito importante na Internet. Sua principal característica é a flexibilidade e a
simplicidade. Assim, este protocolo é utilizado para transferir informações dos servidores para os clientes.
Além do protocolo HTTP é preciso compreender o sistema de endereçamento dos servidores utilizando o
Universal Resource Identifier (URI), que permite aplicações clientes localizarem servidores dentro da rede.
Universal Resource Identifier (URI)
A medida que o número de protocolos cresce na rede, torna-se necessário uma padronização e
simplificação no modo como um determinado serviço é identificado e endereçado na rede. Os URIs permitem
a existência de uma série de mecanismos de endereçamento. O URI define um método para “empacotar” um
nome de um objeto de dado com um endereço universal pelo qual ele possa ser localizado no campo de outros
endereços universais. O sistema de endereçamento não necessariamente revela qualquer informação útil a
respeito do objeto de dado básico, sua metodologia de acesso, ou o sistema no qual o dado reside. O URI
permite que o dado seja encontrado. Por exemplo : “//river.clarion.edu/trvilberg/conceptmap.html ” .
Uniform Resource Locator (URL)
O URI pode incluir informações que podem identificar qual o princípio de acesso. Este tipo de
identificador é chamado Uniform Resource Locator ou URL como ficou conhecido na terminologia da
Internet. Assim, o URL é um URI contendo informações adicionais sobre como o objeto que está sendo
endereçado deve ser acessado. Por exemplo : http://river.clarion.edu/trvilberg/conceptmap.html.
Assim, o protocolo HTTP é utilizado no ambiente WWW para transferir informações dos servidores
para os clientes. O exemplo de URL acima, pode ser utilizado para demonstrar isto. A seguir vamos ver então
como os outros principais serviços na Internet podem utilizar o sistema de endereçamento URL para acessar
informações em servidores remotos.
 
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 13
FTP - File Transfer Protocol
Como vimos o protocolo FTP permite que arquivos sejam copiados de um computador remoto para
um computador local usando o conceito de URI. Uma vez que vários parâmetros podem ser atribuídos para o
FTP, algumas considerações tiveram de ser avaliadas por questões de interoperabilidade do sistema de
endereçamento. O protocolo FTP quando acessado através do URL realizará a cópia do arquivo
correspondente. Os endereços devem especificar o nome do usuário e a senha dentro do endereço URL, ou o
usuário deve assumir que o modo de transferência de arquivo é do tipo “ anonymous” e utilizará o endereço “
e-mail” como senha. Por exemplo : ftp://ftp.cce.ufpr.br .
Gopher
O URI para o protocolo Gopher permite que o endereço contenha o caminho completo para o
diretório e também o número da porta TCP. Por exemplo : Gopher://host5:70/00/research-papers/baby.txt.
Esta sintaxe do Gopher indica que a porta “70” deve ser utilizadapara a conexão com este servidor e o objeto
“00” indica que trata-se de um arquivo do tipo texto.
Mailto
Os endereços podem também referenciar o recurso de correio eletrônico, para permitir que os
usuários consigam enviar um “feedback” sobre as informações contidas em determinados “links”, ou para se
comunicar com pessoas que podem estar envolvidas com um conjunto de informações que está sendo
recuperado. Por exemplo : mailto:hamilton@cce.ufpr.br .
Telnet
Alguns “links” de endereços apontam para algumas sessões em hosts que utilizam emulação de
terminal para acessar informações. Estes endereços contém o nome do host e a porta para conexão. Por
exemplo: telnet://infoserv.abc.com:6677 .
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 14
 PARTE II
Web Design com FrontPage 98
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 15
Conhecendo o FrontPage 98
Agora que você já conhece um pouco da história da Internet e da World Wide Web, chegou a hora de
examinar mais detalhadamente o Microsoft FrontPage 98.
O FrontPage 98 é uma ferramenta de software voltada para a criação e gerenciamento de “web sites”.
Um web site é uma coleção de páginas HTML (ou “home-pages”), imagens, documentos, e outros arquivos e
pastas armazenados em um equipamento servidor na web. Assim, um web site é um “lugar virtual” na Internet
pronto para ser visitado por qualquer pessoa localizada em qualquer parte do mundo. Obviamente esta pessoa
tem que ter acesso a Internet e dispor de um software navegador (ou “browser”).
Esta nova versão do FrontPage deu um grande salto em relação à versão anterior, tornando-se agora uma
ferramenta capaz de servir as necessidades tanto de um principiante quanto de um "webmaster" profissional,
sobretudo porque permite editar o código HTML "à mão" forçando o FrontPage a reconhecer as alterações
que são feitas no código html manualmente, coisa que não acontecia com o FrontPage 97.
O FrontPage 98 inclui o FrontPage Explorer, com o qual você pode criar, projetar, e gerenciar todo
o web site, o Personal Web Server para usar como web server de testes, o FrontPage Editor para você criar
e editar as páginas web sem a necessidade de conhecer a linguagem HTML, o Image Composer para você
editar imagens e o Gif Animator para você criar imagens gif animadas.
Autores no FrontPage, podem criar páginas Web e Web sites inteiros usando o software em um
computador cliente (um PC ou Macintosh). Estes programas ditos “clientes” são o FrontPage Explorer e o
FrontPage Editor.
O FrontPage Explorer é o principal componente do FrontPage. Você pode usar o Explorer para
construir, manter, administrar e publicar sites. Com o FrontPage Explorer é possível ver a estrutura completa
do web site que você está criando, verificar e atualizar os links, e utilizar temas - uma novidade nesta nova
versão. Ao aplicar um tema (selecionado dentre mais de 50 temas já incluídos com o software), num conjunto
de páginas, todas elas ficam com o mesmo cabeçalho, bordas, botões de navegação, etc.
Você pode também utilizar o FrontPage Explorer para publicar um “FrontPage web” completo em
seu computador, na Intranet de sua organização, ou na World Wide Web. “FrontPage web” é uma coleção de
páginas HTML, imagens, documentos, e outros arquivos e pastas que normalmente compõe um web site.
Desta maneira, autores podem criar, deletar, abrir, editar e fechar FrontPage webs, utilizando o FrontPage
Explorer e o FrontPage Editor em um computador cliente. Os FrontPage webs podem ser armazenados em um
Web server remoto, em um Web server rodando no mesmo computador como um programa cliente, ou no
sistema de arquivos de um computador cliente.
Outra característica é que quando mais de uma pessoa está trabalhando no mesmo web site, o
FrontPage Explorer, utilizado em conjunto com o Personal Web Server, permite verificar quando e por quem
foram criadas ou editadas as páginas, gerenciando o trabalho de equipe de forma eficiente. A lista de tarefas é
também de grande auxílio para o trabalho em equipe.
O FrontPage Editor é o "coração" do FrontPage, já que é este componente de software que permite
criar e editar as páginas web. Você não precisa aprender HTML para usar o FrontPage Editor porque ele cria
todo o código HTML para você. Especialmente nesta versão, a Microsoft melhorou bastante a interface
gráfica. É possível utilizar três modos de visualização, o modo normal de edição de páginas visual, o modo
HTML, ou o modo "preview" no qual pode-se ver como ficará a página no browser. A criação de tabelas foi
melhorada, assim como o suporte a "cascading style sheets" e à norma HTML 4.0. Com o FrontPage Editor é
ainda possível criar animações baseadas no DHTML (Dynamic HTML) e canais (active channels) ambos para
o Internet Explorer 4.
O Microsoft FrontPage 98 inclui também, tal como acontecia na versão anterior, elementos "ativos"
chamados FrontPage Bots com os quais torna-se possível criar fóruns de discussão, formulários, contadores,
mini motores de busca, entre outras coisas. No entanto, para que as páginas web com FrontPage bots
funcionem, é preciso que estejam alojadas num servidor que tenha as FrontPage Server Extensions. Estas
"extensões" permitem a utilização das opções mais avançadas do FrontPage. Assim, muito da funcionalidade
do FrontPage Explorer e do FrontPage Editor deve-se ao FrontPage Server Extensions.
O Image Composer permite editar imagens, embora não seja comparável a programas como Adobe
Photosop ou Corel PhotoPaint, e o Microsoft Gif Animator continua uma boa ferramenta para criar gif
animados, desde que, é claro, utilize-se um bom editor de imagens separadamente.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 16
Características Importantes do FrontPage 98
Criando web sites atraentes com o Assistente de Criação Inteligente
• Criação de sites da Web com qualidade profissional utilizando Assistentes, desenhando tabelas e
frames WYSIWYG.
Os Modelos e Assistentes tornam amigável a criação do conteúdo das páginas, bem como completos web
sites. Além disso, novas ferramentas de desenho de tabelas fornecem aos usuários o controle do desenho
a nível de pixel, permitindo a criação de tabelas na forma WYSIWYG (What You See Is What You Get),
ou seja, basta arrastar-e-soltar para reposicionar as linhas e colunas das tabelas. Você também pode criar
e editar páginas de frames utilizando esta mesma forma. Use um dos modelos de frames fornecidos ou
crie uma grade de frames personalizada com alguns cliques do mouse e, em seguida, edite o conjunto de
frames e quaisquer páginas incluídas dentro do conjunto de frames diretamente na tela no Editor do
FrontPage.
• Gráficos de Web sites automáticos, manchetes de páginas e barras de navegação utilizando Themes
e o novo recurso Shared Borders
Agora você pode criar web sites consistentes e atraentes com mais de 50 modelos gráficos criados
profissionalmente, denominados Themes do FrontPage. Estes temas podem ser rapidamente aplicados ao
site inteiro ou a páginas individuais. Backgrounds de qualidade profissional, marcadores, manchetes de
páginas, hyperlinks e barras de navegaçãosão geradas automaticamente -- sem precisar de um criador de
gráficos! Além disso, o novo recurso Shared Borders permite que os usuários especifiquem cabeçalhos
ou rodapés comuns ou compartilhados (horizontais ou verticais) por todas as páginas nas suas Webs. O
recurso Shared Borders fornece bastante flexibilidade de criação ao criar Web sites atraentes e
consistentes.
• Novo suporte a Dynamic HTML (DHTML) e Cascading Style Sheets (CSS) e Assistente Channel
Definition Format
O FrontPage 98 possui um conjunto de novos recursos que permite que os usuários desfrutem os
benefícios de Dynamic HTML e Cascading Style Sheets para adicionar uma nova funcionalidade às
páginas da Web sem programação. Os usuários do FrontPage podem também se beneficiar do novo
mundo extraordinário da tecnologia "Push" com o novo Assistente de CDF, que transforma web sites em
canais nos quais os visitantes podem inscrever-se para fornecimento automático de conteúdos da Web
para qualquer área de trabalho do visitante que estiver executando Internet Explorer 4.0.
Gerenciando a estrutura e o conteúdo do web site
• Novos Modos de Exibição e Barra de modos do FrontPage Explorer; Atualizações de Hyperlink
Automáticas e Fácil Manutenção de Hyperlink
O FrontPage 98 Explorer possui uma nova barra de modos no lado esquerdo que oferece aos usuários
acesso via um clique a todos os modos de exibição do FrontPage, incluindo os novos modos de exibição
Navigation, All Files e Themes além dos modos Folders, Hyperlinks, Hyperlink Status (anteriormente
denominado Verify Hyperlinks) e Tasks. Esses 7 modos de exibição permitem que autores no FrontPage
gerenciem de forma eficiente seus websites do modo que quiserem, permitindo também que gerem e
atualizem seus conteúdos da Web automaticamente. Por exemplo, o modo de exibição Navigation
constitui um recurso de criação e gerenciamento de site inovador que permite que os usuários criem e
gerenciem a estrutura navegacional dos seus Web sites em segundos e o modo de exibição Folders
permite que os usuários organizem seus conteúdos da Web da mesma forma como eles organizariam
arquivos na área de trabalho utilizando pastas e subpastas. Quando os usuários arrastam e soltam o
conteúdo de uma pasta para outra, o FrontPage 98 renomeia automaticamente os arquivos e atualiza todos
os hyperlinks associados.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 17
Integrando o conteúdo existente com outros aplicativos familiares
• Aparência consistente e ferramentas compartilhadas
O FrontPage assemelha-se e atua como a família de produtos do Office já conhecidos. Desta maneira,
novos autores na Web conseguem integrar-se rapidamente nesse ambiente. Além disso, arquivos comuns
tais como clip-art, verificador ortográfico, localizar e substituir, e o dicionário de sinônimos, economizam
espaço em disco, enquanto texto compartilhado e conversores gráficos tornam mais fácil o procedimento
de adicionar conteúdo a seus Web sites.
Em resumo, a Microsoft introduziu várias modificações nesta nova versão do FrontPage, tornando-a
mais fácil de usar e ao mesmo tempo mais robusta, satisfazendo a necessidade de profissionais. A integração
com outros programas da família Microsoft Office foi melhorada, e foi também incluído suporte às novidades
do Internet Explorer 4. Para mais informações visite o endereço: http://www.microsoft.com/frontpage/.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 18
Instalando o FrontPage 98
Insira o CD-ROM do FrontPage 98 em seu drive de CD-ROM. O programa Setup deverá iniciar
automaticamente. Aparecerá uma caixa de diálogo do Setup contendo opções para a instalação de todos os
componentes do FrontPage 98, como na figura 1. Clique "Install FrontPage 98" para iniciar a instalação do
FrontPage 98 e siga os passos abaixo.
Figura 1: Programa Setup do Microsoft FrontPage 98
1. O programa Setup fará primeiramente uma pesquisa em seu computador para verificar os componentes
de rede necessários e o software web server. Clique Next para continuar a instalação do FrontPage.
• No Windows 95, se o Setup não detectar os componentes de rede necessários em seu computador,
você será avisado para instalá-los. Então clique "Yes" e siga as instruções do Setup na tela.
• Se o Setup não detectar um web server em seu computador, você será avisado posteriormente para
instalar o Microsoft Personal Web Server (no Windows 95) ou Microsoft Peer Web Services (no
Windows NT ). Então clique "Yes" e siga as instruções do Setup na tela.
Nota : Você poderá ser avisado para reinicializar seu computador. Após reinicializá-lo, o Setup continuará,
para que você possa instalar os outros componentes do Microsoft FrontPage 98.
2. Nas telas seguintes você será consultado sobre as informações de registro do software, número da chave
de acesso (CD-KEY), e acordo de licença do software . Preencha as informações na tela e siga as
próximas instruções do FrontPage 98.
3. Há duas opções no Setup, Typical and Custom . A opção Typical instala todos os componentes que você
precisa para trabalhar com o FrontPage 98. A opção Custom deixa você selecionar quais componentes do
FrontPage 98 você quer instalar. Esta opção também inclui componentes adicionais não disponíveis na
opção Typical, como por exemplo clip art adicional. A menos que você queira instalar algum
componente em particular, escolha Typical e clique Next.
4. Após fornecidas as informações de diretórios onde serão instalados os arquivos, o programa Setup
mostrará a caixa de diálogo Select Language. Escolha a língua na qual você quer utilizar o FrontPage e
clique "OK".
5. Após a instalação do FrontPage Server Extensions, o Setup poderá avisá-lo para reinicializar o seu
computador.
6. Após reinicializá-lo, o Setup continuará.
7. Após a instalação do FrontPage 98, você será avisado para iniciar o FrontPage Explorer. Se você iniciar o
FrontPage Explorer, você poderá continuar o Setup a qualquer momento.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 19
Para instalar outros componentes do Microsoft FrontPage 98 :
1. Clique em Install Image Composer para instalar o Image Composer ou clique em Install Internet
Explorer para instalar o Internet Explorer, que é o web browser recomendado para utilizar com o
FrontPage 98.
2. Clique Exit para sair do programa Setup.
Criando um Novo Web Site
A World Wide Web é a melhor maneira para qualquer pessoa com acesso a Internet comunicar-se
com o mundo. Assim como você pode ter conversações com outras pessoas através de e-mail e newsgroups,
você também pode ter seu próprio "personal web site", ou seja, uma coleção de uma ou mais páginas onde
você pode compartilhar todo tipo de informação.
Seu web site pode ser sobre você ou sobre algum assunto de interesse em particular. Para websites
profissionais e Intranets, é possível compartilhar informações sobre produtos e serviços da empresa e
disponibilizar informações internas para serem acessadas pelos empregados, por exemplo. Com o componente
FrontPage Explorer, o usuário poderá construir sites criativos na Internet, podendo incorporar texto, figuras,
vídeo clips,sons, e animação em suas páginas web. A seguir, veja como é fácil criar com o FrontPage 98.
1. Na barra de tarefas, clique em Iniciar, Programas e em Microsoft FrontPage. O FrontPage Explorer
abrirá uma caixa de diálogo denominada Getting Started, como na figura 2. Você poderá abrir um
arquivo já existente de uma lista de trabalhos recentes ou criar um novo site, como faremos neste tutorial.
Figura 2 : Caixa de diálogo Getting Started
 Figura 3: Caixa de diálogo New FrontPage Web
2. Na caixa de diálogo Getting Started, selecione a opção Create a New FrontPage Web e clique em OK .
Surgirá a caixa de diálogo New FrontPage Web. Você deve informar o tipo de site que deseja criar e o
título. As opções do tipo de site são: site de uma página, importar um site existente ou da Web e criar um
site utilizando templates ou wizards.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 20
3. Na caixa de diálogo New FrontPage Web como na figura 3 acima, selecione a opção One page Web,
próxima ao número 1 no canto esquerdo superior. Esta opção criará um site consistindo de uma única
página web.
4. Atribua um nome ao site, próximo ao número 2 no canto inferior esquerdo. Neste caso, o nome é "Curso
FrontPage". Clique em OK. O FrontPage 98 criará um site chamado "Curso FrontPage".
Compreendendo o FrontPage Explorer
O FrontPage Explorer é o principal componente do Microsoft FrontPage 98. Você pode usar o
Explorer para construir novos sites e posteriormente alterar, manter, administrar e publicar FrontPage webs. A
figura 4 abaixo é a tela inicial do Explorer. O frame verticalizado à esquerda contém as chamadas Views que
representam 7 diferentes maneiras de visualizar e trabalhar o conteúdo de seu site, acompanhando
integralmente o desenvolvimento de seu projeto. Para as primeiras lições, usaremos exclusivamente a
Navigation view e Themes view. Futuramente você aprenderá outras views do FrontPage Explorer que
ajudam a organizar arquivos e pastas, checar e reparar hyperlinks (Hyperlinks e Hyperlinks Status) e também
podem lembrá-lo das tarefas a completar antes de publicar seu site na Internet (Tasks).
Figura 4 : Tela do FrontPage Explorer.
Botão
Navigation
Selecione a Navigation view. Esta opção é utilizada para abrir uma tela com a estrutura de seus arquivos
de forma hierárquica e organizada. Esta é a forma mais fácil de se construir um novo site porque retrata de
forma eficiente toda a sua estrutura, sendo capaz de criar e atualizar automaticamente barras de navegação
em todos os sites construídos. Esse recurso, em sites de grande porte, pode economizar horas preciosas de
trabalho. A barra de navegação é uma região da página que proporciona acesso a outras páginas em seu
FrontPage web, utilizando hiperlinks textuais ou gráficos. Se você criar a estrutura do seu site no
Navigation view, o FrontPage Explorer fará a atualização automática de todas as páginas.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 21
Botão
Themes
Selecione a Themes view. Esta opção será utilizada para aplicar um conjunto de gráficos
profissionalmente desenhados para seu FrontPage website. Um tema consiste de elementos gráficos, como
bullets, fontes, imagens, barras de navegação, botões, etc. A aplicação de um tema ao site faz com que
todas as páginas tenham uma aparência mais agradável e consistente. O programa traz um conjunto de
temas já instalados. Entretanto, através do Theme Designer é possível modificar, misturar, e criar novos
temas com facilidade.
Trabalhando com Páginas
Nosso exemplo de site terá quatro páginas que serão interligadas. No momento da criação do site
"Curso FrontPage", o FrontPage criou a primeira destas páginas, chamada de home page. A home page é a
porta de entrada de seu web site, ou seja, a página que é mostrada inicialmente pelo browser quando alguém
visitar o seu web site. Para concluir a criação da estrutura do "Curso FrontPage", você usará agora a
Navigation view para adicionar três páginas abaixo de sua home page.
Adicionando uma Nova Página em seu FrontPage Web
1. Clique em Navigation view e certifique-se de que sua home page está selecionada. As páginas
selecionadas na Navigation view estarão normalmente marcadas em azul.
2. Na barra de ferramentas do FrontPage Explorer, clique no botão New Page. O FrontPage adicionará uma
nova página com o título "New Page 1" abaixo da "Home Page" no painel Navigation.
3. Quando o programa apresentar a mensagem para criar barras de navegação que manterão suas páginas
interligadas, responda Yes.
4. Agora clique mais duas vezes em New Page . O FrontPage adicionará duas páginas abaixo de sua home
page, com os títulos "New Page 2" e "New Page 3".
Figura 5: tela do Navigation view mostrando as quatro páginas criadas até agora.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 22
Agora observe na figura 5 acima, a estrutura hierárquica entre as quatro páginas. Você visualiza as
páginas interligadas por linhas, como em um organograma. Essa é a estrutura de hyperlinks que o FrontPage
utilizará para gerar as barras de navegação em suas páginas. Antes de trabalhar com as páginas que foram
criadas é recomendável renomear cada página, atribuindo-lhes um título significativo.
Atribuindo Títulos às Páginas
1. Com a home page selecionada na Navigation view, pressione a tecla ENTER. O FrontPage
automaticamente selecionará o nome da Home Page que poderá então ser editado.
2. Digite "Curso FrontPage 98" e pressione ENTER. O FrontPage trocará o título "Home Page"
para " Curso FrontPage 98".
3. Pressione TAB. O FrontPage automaticamente selecionará a primeira página abaixo e à
esquerda da home page. Agora, a página está pronta para edição.
4. Digite "Borboletas" e pressione ENTER. O FrontPage trocará o título "New Page 1" para
"Borboletas".
5. Pressione TAB novamente.
6. Digite "Orquídeas" e pressione ENTER .
7. Pressione TAB mais uma vez. O FrontPage selecionará a página abaixo e à direita de sua home
page. O título estará pronto para edição.
8. Digite "Peixes" e pressione ENTER.
Sua área de trabalho do FrontPage Explorer deve estar como na figura 6.
Figura 6 : Tela do Navigation view mostrando as quatro páginas com os novos títulos.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 23
Observe que à direita do frame views é possível visualizar duas áreas, dois painéis: O primeiro
acima, refere-se à seleção feita em Views e o segundo, abaixo, refere-se a uma visão dos arquivos gerados em
seu site. Uma alternativa para adicionar páginas em Navigation view é clicar com o botão direito do mouse
sobre uma página e escolher New Page. Esse comando abre uma nova página abaixo da página selecionada.
Aplicando um Tema do FrontPage
Com o FrontPage 98 você pode facilmente criar um site com aparência consistente aplicando um dos
vários temas instalados junto como programa. Antes de aplicar um tema, você pode visualizar as opções
existentes e escolher a que melhor se adapta ao seu trabalho e à sua necessidade clicando em Themes no
FrontPage Explore.
Nos próximos passos, usamos como exemplo o tema Global Marketing para o site Curso FrontPage.
1. Na barra de View do FrontPage Explorer, clique o botão Themes.
2. Clique os diferentes temas que aparecem na lista de temas disponíveis.
3. O painel Themes Preview permite que você veja e escolha dos elementos gráficos que irão compor
seu website. Você pode selecionar opções que mudam a aparência final da página, como Vivid
Colors (aplicação de cores mais brilhantes aos textos e gráficos), Active Graphics (animação de
determinados componentes do tema), e Background Image (aplicação de imagem de fundo).
4. Para este nosso exemplo, selecione Vivid Colors e Background Image.
5. Da lista de temas, escolha Global Marketing e então clique o botão Apply.
O tema selecionado é então aplicado a todas as páginas contidas no FrontPage web. Na seqüência,
você terá a oportunidade de verificar como a aplicação deste tema deu uma aparência mais consistente e
atrativa para as páginas do site.
Abrindo Páginas no FrontPage Editor
 Agora que o layout do web site "Curso FrontPage" está preparado, vamos adicionar conteúdo às
páginas. O FrontPage Editor é usado para criar, editar e visualizar páginas usando a interface familiar de um
processador de texto, como o Microsoft Word. Esse recurso é chamado WYSIWYG ( What you see is what
you get). Todo o texto, estilos, e formatação das páginas estão baseados nos padrões HTML.
Para abrir uma página no FrontPage Editor, faça o seguinte :
1 No FrontPage Explorer, clique o botão Navigation na barra de Views.
2 Clique duas vezes na home page dentro do painel Navigation ou selecione a página e escolha Open
no menu Edit do FrontPage Explorer. A página aparecerá no FrontPage Editor como na figura 7.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 24
Figura 7 : Tela do FrontPage Editor mostrando a home page do web site "Curso FrontPage"
Editando a Home Page
 Quando a home page é aberta no Microsoft FrontPage Editor, nota-se os elementos de página que
foram automaticamente aplicados pelo tema Global Marketing previamente selecionado. A página tem uma
imagem de fundo, um "banner" com o título da página, e uma barra de navegação com links apontando para
outras páginas no web site "Curso FrontPage".
Adicionando Texto à Home Page
Para adicionar texto na página, simplesmente comece a digitar da mesma maneira que você faria em
um novo documento em seu processador de texto. Geralmente a home page de um web site contém boas
vindas aos seus visitantes :
1. Digite Bem Vindo ao site do Curso de FrontPage 98 ! na home page e tecle <ENTER>. Ao
pressionar <ENTER>, cria-se um novo parágrafo na página.
2. Nesta nova linha, tecle Por Favor, visite as outras páginas deste site ... e tecle <ENTER>.
É claro que posteriormente este texto poderá ser trocado por algo mais apropriado às suas necessidades.
Por enquanto servirá como exemplo. A home page deverá estar como na figura 8.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 25
Figura 8 : Tela do FrontPage Editor mostrando a recente edição de texto.
Salvando a Página
Antes de continuar é bom salvar o trabalho feito até aqui.
1. No menu File do FrontPage Editor, escolha Save As . A caixa de diálogo Save As será mostrada.
Você poderá escolher para salvar a página em seu FrontPage web, na World Wide Web, em seu
sistema de arquivos, ou como um modelo de página.
2. Clique OK sem fazer qualquer alteração. O FrontPage salvará a página atual.
Editando Páginas
A segunda página de nosso FrontPage web mostrará um breve conteúdo sobre o tema "borboletas". Mais
tarde você poderá enriquecer esta página com outros detalhes de seu interesse.
Abrindo a página
1. No menu File do FrontPage Editor, escolha Open. A caixa de diálogo Open será mostrada. Esta
caixa de diálogo mostrará as páginas e pastas contidas em seu FrontPage web.
2. Da lista de arquivos contidas no seu FrontPage web, selecione newpage1.htm e clique OK. A
página será então mostrada no FrontPage Editor.
Quando a página "borboletas" aparecer, observe os elementos que foram automaticamente aplicados pelo
tema Global Marketing previamente selecionado.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 26
Inserindo texto
1. Digite o seguinte : “Nome comum de insetos alados da ordem Lepidóptera. A borboleta passa a maior
parte da vida em estado de larva (lagarta) vegetariana, alimentando-se de folhas; sofre, então, uma
ninfose e se transforma em crisálida. As borboletas são classificadas de acordo com :”
2. Com o cursor no final do texto que você digitou, clique no botão Center para centrar o texto.
3. No menu Insert escolha Horizontal Line. A linha horizontal é inserida, abaixo do texto que foi digitado.
Inserindo uma lista não numerada
4. Na barra de ferramentas do FrontPage Editor, clique no botão Bulleted List
5. Agora digite: “a hora habitual do vôo (diurnas, crepusculares e noturnas)” e pressione Enter. O primeiro
item da lista termina e automaticamente foi criado o próximo item da lista.
6. No segundo item da lista digite : “a forma das antenas” e pressione Enter.
7. No terceiro item da lista digite : “a dimensão” e pressione Enter.
8. No quarto item da lista digite : “a nervação das asas” e pressione Enter.
9. Pressione Enter duas vezes para terminar a lista não numerada.
Terminada a lista, você verá uma tela como mostrada na figura 9.
Figura 9 : Tela do FrontPage Editor mostrando edições de texto com listas não numeradas.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 27
Trabalhando com hiperlinks no FrontPage 98
Talvez a maior potencialidade da Web e do FrontPage seja a sua capacidade de interligar trechos de
textos (ou imagens) a outros documentos da rede. Os hiperlinks permitem que a a partir de sua página web,
você aponte para outra página ou documento localizado em qualquer ponto da Internet. Este é o princípio da
tecnologia de hipertexto e estas “ligações” são realizadas através dos hiperlinks. No browser do usuário, os
hiperlinks aparecem como palavras ou frases destacadas (com cores diferentes ou sublinhadas) indicando uma
ligação hipertexto.
Criando Hiperlinks com FrontPage 98
O tipo de hiperlink mais comum que você construirá no FrontPage fará a ligação de páginas ou
documentos dentro do seu próprio web site. Os hiperlinks precisam ser criados dentro do FrontPage Editor,
mas podem ser gerenciados e visualizados com o uso do FrontPage Explorer.
Primeiro digite uma palavra ou frase na sua página web. Esta palavra ou frase servirá como texto de
ligação dessa página com outra, portanto deverá ser sugestiva ou descritiva com relação à ligação que fará.Procure evitar textos como “Clique aqui”, pois isto não diz aos seus visitantes para onde eles estarão indo.
Depois de ter digitado o texto do hiperlink, selecione-o com o mousee escolha Insert | Hyperlink na
barra de menus do FrontPage ou clique no ícone Create or Edit Hyperlink na barra de ícones do FrontPage.
A figura 10 mostra a caixa de diálogo Create Hyperlink.
Figura 10 : Tela para criação de hiperlink.
Como vimos, o FrontPage permite selecionar o arquivo ou página web ao qual você deseja fazer uma
ligação. Este arquivo pode conter um gráfico ou uma imagem, em vez de outra página web. Neste exemplo
somente as páginas e imagens contidas no seu web site aparecem na tela.
Além de criar hiperlink para ligar páginas ou documentos no mesmo web site, o FrontPage
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 28
disponibiliza também outras opções de criação de hiperlinks. Neste ponto devemos lembrar de alguns
conceitos que vimos na primeira parte desta apostila, com relação a endereços URLs. Os hiperlinks exigem
que você conheça o endereço URL completo da páginas ou documentos que você está vinculando, os quais
podem estar fisicamente localizados em qualquer parte da web. Aparentemente o ForntPage não faz distinção
se este arquivo está situado no seu computador ou em um computador no Japão ou na Austrália. Quem
possibilita que isto possa acontecer são os URLs.
Na figura 10, na caixa de diálogo Create Hyperlink, nota-se a presença de 4 botões ao lado da caixa
de texto URL. Estes 4 ícones permitem que você crie 4 tipos diferentes de hiperlinks para ligação com outros
pontos da web. A tabela abaixo mostra como deve ser utilizado estas 4 opções :
Com este botão é possível navegar por qualquer lugar na web e, em seguida, o FrontPage captura o
URL que você está visitando e salva-o como hiperlink.
Com este botão é possível fazer uma busca no seu computador para encontrar algum documento,
página HTML ou imagem. Uma vez selecionado o arquivo desejado, o FrontPage copiará este
arquivo para a página web que estiver aberta no momento.
Com este botão é possível atribuir um outro tipo de hiperlink que permite inserir a possibilidade de
mensagens de correio eletrônico. Você deverá então entrar com um endereço de e-mail.
Com este último botão, é possível criar uma nova página à qual possa fazer a ligação.
Depois de selecionar um novo arquivo ou URL ao qual possa fazer a ligação, clique OK. O
FrontPage reformata o texto selecionado, de modo que apareça sublinhado e em azul (aparência padrão da
web). A partir daí você poderá alterar este link a qualquer momento, clicando com o botão direito do mouse
sobre o texto destacado, e escolhendo a opção Hyperlink Properties na caixa de pop-up que aparece. Ao
atualizar um hiperlink, você conta com as mesmas opções que estavam disponíveis quando você o criou.
Figura 11: Tela do FrontPage Explorer mostrando como todas as páginas deste website estão relacionadas.
Depois de criar os seus hiperlinks, volte para o FrontPage Explorer. Clique no ícone Hyperlinks e
poderá ver os relacionamentos dinâmicos que o FrontPage criou para você. A figura 11 acima, mostra uma
página vinculada a várias outras.Uma destas ligações é para um site remoto da Microsoft
(http://www.microsoft.com/frontpage/).
Você poderá incluir quantos hiperlinks desejar em suas páginas. No entanto, junto com o aumento de
poder de flexibilidade vem a possibilidade de tornar a sua página web muito mais confusa e difícil de ser
entendida pelas pessoas que visitarem o seu web site.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 29
Trabalhando com Tabelas no FrontPage 98
A utilização de tabelas tem dois propósitos no design para a Web. Primeiro, elas podem servir para
exibir linhas e colunas de dados. Desta maneira, sua utilização não é muito diferente da forma utilizada nos
editores de texto ou nas planilhas eletrônicas. Com o FrontPage 98 é muito fácil criar tabelas para exibir um
conjunto de dados em linhas e coluna. Você pode organizar as informações para serem mostradas como em
uma planilha eletrônica, como na figura 12.
Figura 12: Você pode exibir dados em linhas e colunas usando tabelas.
Obs.: Se você criar uma tabela em um programa de planilha eletrônica como Microsoft Excel, você pode
importá-la diretamente para o FrontPage 98.
O segundo uso de tabelas é como ferramenta de design gráfico e diagramação. Este tipo de utilização
tornou-se um artifício essencial na diagramação das páginas web porque a linguagem HTML não permite a
formatação de texto em colunas. Sem utilizar tabelas, o código da linguagem HTML tem muito pouco
controle sobre o espaçamento horizontal e vertical, isto é, você não tem como ajustar adequadamente o
espaçamento entre as linhas. Mas, usando tabelas você pode criar colunas verticais de texto ou imagens. As
tabelas também ajudam a definir espaços em branco em uma página. Assim, para criar a ilusão de objetos
"flutuando" em sua página, você precisa usar tabelas escondendo as linhas de grade. As células da tabela
podem então conter imagens e blocos de texto. Por exemplo, se você quiser colocar uma imagem entre duas
colunas de texto como na figura 13.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 30
Figura 13: Utilização de tabela para diagramação em duas colunas.
Definindo Tabelas no FrontPage 98
As tabelas podem ser editadas, por isso sinta-se livre para definir uma tabela e entrar com alguns
dados, sem se preocupar com o seu tamanho final. Você pode mudar o número de linhas ou colunas ou mudar
qualquer outro atributo da tabela, a qualquer hora. Quando você começa a definição de uma tabela, leve em
consideração quantas linhas e colunas você quer e em que posição da tela você quer exibir a tabela. Clique
com o mouse no local da página web que você quer incluir a tabela.
Criando Tabelas no FrontPage 98
Você pode criar uma tabela usando o “drop-down grid” que aparece quando você clica o botão
Insert Table na barra de ferramentas do Editor do FrontPage 98. A Figura 14 mostra a definição de uma
tabela de três colunas e quatro linhas.
UNIVERSIDADE FEDERAL DO PARANÁ
CENTRO DE COMPUTAÇÃO ELETRÔNICA
DIVISÃO DE SUPORTE TÉCNICO
__________________________________________________________________________________________________
Hamilton Chaiben • CCE/UFPR • Fone: 361-3287 • e-mail: hamilton@cce.ufpr.br
FrontPage 98 - Web Design Página 31
Figura 14: Utilizando o “drop-down grid” do botão Insert Table para criar uma tabela de 4 x 3.
A tabela que você criou usando este botão tem células pequenas. Essas células se expandem a
medida que você insere conteúdos na forma de textos e imagens. Simplesmente coloque seu cursor em uma
célula e comece a digitar como na figura 15.
Figura 15: Inserindo texto na primeira célula da tabela. Basta clicar na célula e começar a digitar.
Formatando Texto de Tabela
Você pode selecionar e formatar texto em uma tabela do mesmo modo que você formata qualquer
texto no editor de textos. Simplesmente clique e arraste para selecionar o texto e depois assinale ou altere seus
atributos.
Definindo as Propriedades