Material de Apoio

_____________________________________________________________
Pg. 1

Construo de pginas WEB

com o MS Word 97
Software necessrio: Microsoft Word 97 (Verso portuguesa)
Conhecimentos prvios: Microsoft Word 97 (bsico) e Navegao na Internet.
ndice:
Introduo
Localizao dos ficheiros
Definio do titulo da pgina
Insero de texto
Insero de imagens
Imagens com fundo transparente
Colocao de links (atalhos ou hiperligaes)
Colocao de links para um ponto do documento
Insero de tabelas
Alterao do fundo da pgina
Associao de um som de fundo pgina
Outros efeitos
Introduo:
Uma das ferramentas que pode utilizar para construir pginas simples para a
Internet o processador de texto Microsoft Word 97. Para o fazer deve construir
um documento (como se de um texto normal se tratasse) e depois seguir os
seguintes passos:
Abrir o menu "Ficheiro"
Escolher a opo "Guardar como HTML"
Escolher o nome do ficheiro desejado
Carregar no boto "Guardar"
Algumas das possibilidades de formatao do Word no podem ser
transpostas para HTML (a linguagem em que so escritas as pginas).
Por esse motivo, ao gravar, pode aparecer uma mensagem dizendo que
alguns elementos da formatao vo ser perdidos se continuar. No se assuste. A
no ser que tenha produzido um formato muito complicado no dever perder
quase nada.
De qualquer forma, quando estiver a fazer a pgina, deve gravar o
documento regularmente e usar um browser (como o Internet Explorer ou o
Netscape Navigator) para ver se a pgina esta realmente a ficar como deseja.
J agora, uma das coisas a ter em conta quando se desenha um pgina
para a Internet a nossa prpria experincia enquanto visitantes das pginas dos
outros. H que fazer a nossa pgina to agradvel e leve quanto possvel.
Jos Miguel Sousa

Material de Apoio
_____________________________________________________________
Pg. 2
Localizao dos ficheiros:
Mais tarde ou mais cedo os ficheiros que constituem as pginas tero de
ser transferidos para um servidor WWW.
Para que esse processo no seja demasiado complicado o melhor e
preparar as coisas colocando desde incio todos os ficheiros numa directoria
criada expressamente para o efeito. Isto , deve criar uma directoria onde vai
colocar apenas os ficheiros criados com o Word (as paginas gravadas com a
extenso .htm ou .html) e as imagens, sons, filmes, etc., a colocar nas paginas.
Deve tambm evitar colocar ou deixar ficar dentro desta directoria ficheiros
que no faam parte das pginas. Lembre-se que o espao disponvel no servidor
limitado.
Assim, quando chegar a altura de transferir tudo para o servidor basta
transferir tudo o que est nesta directoria.
Se quiser testar os links entre pginas antes de fazer a transferencia
experimente mudar esta directoria para outro sitio no seu disco (ou ate para outro
computador) e verificar todas as pginas com o seu browser: Se falhar alguma
imagem (ou link) para outro documento, volte a editar a pgina no Word, retire o
elemento que falta do documento e volte-o a inserir conforme as instrues
disponveis no tpico respectivo. Se pelo contrrio tudo estiver bem h uma grande
probabilidade de tambm funcionar no servidor.

Definio do titulo da pgina:

O titulo da pgina deve ser (tal como em qualquer outra publicao) um
indicador rpido de qual o seu contedo. Para dar um ttulo sua pgina deve:
Abrir o menu "Ficheiro"
Escolher a opo "Propriedades"
Escrever o ttulo desejado primeira na caixa de texto.
O titulo dever, depois de fechada a janela das propriedades do
documento, aparecer como ttulo da janela do Word e do browser quando este
abre a pgina.

Insero de texto e escolha das cores:

Nada mais simples. Basta escrever o texto normalmente que o Word trata do
resto (converso dos caracteres acentuados, dos separadores de linha, etc. ... ;-) )
Apesar de no poder decidir exactamente qual a fonte e tamanho de letra
com que o documento vai ser visto pode, no entanto, decidir de entre uma
variedade de estilos qual o que melhor se adapta aos efeitos pretendidos.
Para o fazer deve seleccionar o texto que pretende alterar e de seguida, no
barra de ferramentas de formatao escolher um dos estilos disponveis.
Pode tambm mudar o tamanho de letra, alinhar o texto a esquerda, ao
centro ou a direita, colocar listas de itens e numeradas, por o texto em negrito, em
itlico ou sublinhado, colocar uma linha horizontal a separar partes do texto e
mudar a core do texto com os botes do Word normalmente utilizador para o efeito.

Jos Miguel Sousa

Material de Apoio
_____________________________________________________________
Pg. 3
Pode ainda escolher as cores com que apresentado o texto, os links por
visitar e os links j visitados no quadro disponvel na opo "cores do Texto..." no
menu "Formatar".
Se deseja colorir apenas uma parte do texto pode seleccionar a zona
desejada e utilizar a opo "Tipo de letra" do menu "Formatar" para escolher a cor
desejada para essa zona do texto.

Insero de imagens:
O que seria de uma pgina sem imagens. Para inserir uma imagem na sua
nova pgina deve:
Abrir o menu "Inserir"
Escolher a opo "Imagem"
Escolher a origem que pretende inserir (de um ficheiro ou da
biblioteca de imagens ClipArt)
Depois de escolhida a imagem dever aparecer no seu documento no local
onde tinha o cursor.

Imagens com fundo transparente:

Por vezes, a cor de fundo da imagem que queremos colocar na pgina no
igual a cor de fundo da prpria pgina. Quando isto acontece a imagem aparece
dentro de um rectngulo de uma outra cor (ver fig. 1).
no entanto possvel definir na imagem uma cor como sendo
"transparente"; isto , onde a imagem estiver pintada com essa cor, aparecer (em
lugar da imagem) o que quer que esteja por trs (ver fig. 2).

Vrios
so
os
programas de edio de
imagem que permitem a
definio
desta
cor
"transparente". O Paint Shop
Pro um dos mais
fig. 1
fig. 2
conhecidos (de entre os
Imagem sem fundo
Imagem com fundo
Shareware) que o fazem.
transparente
transparente
Neste guia ser, no
entanto,
utilizado
o
Microsoft Photo Editor, uma
vez que faz parte do conjunto de ferramentas Office 97.
Depois de abrir a imagem com o Photo Editor deve activar a ferramenta
"Definir cor transparente" que est no lado direito da barra de botes. De seguida
click na cor que pretende tornar "transparente". Esta dever aparecer ento como
um xadrez de quadrados brancos e cinza.
E j est. Agora s gravar a imagem e (se ainda no foi feito) colocar a
imagem na pgina!
Jos Miguel Sousa

Material de Apoio
_____________________________________________________________
Pg. 4
Nota: Nem todos os formatos de imagem suportam esta opo. Para conseguir
aplicar fundos transparentes deve converter a imagem para o formato GIF (na
opo "Guardar como" ou "Save as" do seu editor de imagens). Alguns programas
de tratamento de imagem permitem tambm a colocao de fundos transparentes
em imagens nos formatos JPEG ou PNG mas o GIF o mais utilizado.

Colocao de links (atalhos ou hiperligaes):

Nas pginas WWW h zonas (de texto ou imagens) em que o cursor muda
da seta para uma pequena mo. Se clickar nestas zonas mostrada uma nova
pgina. este um dos aspectos que torna a Internet to interessante; a
possibilidade de saltar instantaneamente (ou quase ;-) )para um outro documento
que nos interesse.
A estas ligaes entre documentos chamam-se links, hiperlinks ou
hiperligaes.
Para colocar um link na pgina que est a desenvolver com o Word deve fazer o
seguinte:
Seleccionar, com o cursor, o texto ou a imagem onde o utilizador
dever clickar para saltar para a outra pgina.
Abrir o menu "Inserir"
Escolher a opo "Hiperligao"
Indicar qual o documento a abrir na rea "Ligar ao ficheiro ou URL.

O endereo de destino pode ser por exemplo:

http://www.pop-uminho.rcts.pt/support/html/word.html
Em que cada uma das partes deste endereo tem o seguinte significado:
http - O protocolo a usar pelo programa que esta a consultar as pginas (cliente) para
fazer o pedido ao computador onde a pgina est guardada (servidor). HTTP
significa Hipertext Transfer Protocol (protocolo de transferencia de hipertexto) e o
protocolo usado para a transferencia de pginas WWW. Outros protocolos que
poder usar so o mailto (para envio de e-mail) e ftp (para transferencia de ficheiros)
que sero referidos mais tarde. Outro protocolo que surge por vezes o file que serve
para a consulta de ficheiros no computador local.
A seguir identificao do protocolo deve ser colocado o smbolo " : ".
//www.pop-uminho.rcts.pt - Os smbolos "//" indicam que a seguir ser indicado o
"nome" do computador onde est guardada a informao a apresentar. Neste caso o
computador www.pop-uminho.rcts.pt.
/support/html/ - Cada computador ligado Internet pode ter uma grande quantidade
de informao disponvel. Para melhor organizar essa informao as pginas esto
divididas por directrios ou pastas ( semelhana dos ficheiros guardados no seu
computador). Por este motivo deve-se indicar qual a pasta onde o documento se
encontra. Neste caso o documento est na pasta html que, por sua vez, est dentro da
pasta support.
word.html - Nome do ficheiro a carregar. Depois de indicado qual o computador e a
pasta dentro desse computador s faltava indicar qual o nome do ficheiro que contem
os dados a mostrar ao utilizador.
H ainda quatro coisas a ter em ateno...
Jos Miguel Sousa

Material de Apoio
_____________________________________________________________
Pg. 5

A primeira que o separador de directorias "\" s utilizado pela

Microsoft. Na Internet utilizado o smbolo "/" em sua substituio
pelo que dever substituir todas as "\" por "/"... Um endereo do
gnero dir\dir\file.html dever ser escrito como dir/dir/file.html.
A segunda que (ao contrario do Windows 95) a maior parte dos
servidores da Internet diferenciam letras minsculas e maisculas nos
nomes de ficheiros. Isto , para um servidor WWW o ficheiro
"Index.html" no tem nada a ver com o ficheiro "index.html" Alm
disso vrios programas (entre os quais o Word 97) tm tambm
dificuldades em manipular nomes de ficheiros com caracteres
acentuados, cedilhas, espaos, etc... Para evitar confuses
aconselhvel a utilizao de nomes de ficheiros apenas com letras
minsculas de "a" a "z" e os nmeros "0" a "9", por exemplo
"ano10tuma3.html". De referir ainda que, se a extenso do ficheiro
no for ".html" ou ".htm" o servidor no ser capaz de identificar o seu
contedo. Isto no saber indicar ao browser como fazer para
mostrar o documento.
A terceira que, se utilizar a opo "Procurar...", provvel que o
Word coloque um endereo do gnero
file://c:/dir/sub-dir/ficheiro.html.
Lamentavelmente este tipo de endereos s funcionam
enquanto no mudar as pginas de sitio... :-(( Deve portanto
corrigir este endereo conforme as instrues apresentadas
acima.
A quarta que, caso queira colocar um link para uma caixa de correio
electrnico, dever utilizar o protocolo "mailto"; por exemplo, para
colocar um link para a mailbox helpdesk@pop-uminho.rcts.pt dever
colocar o endereo mailto:helpdesk@pop-uminho.rcts.pt
Da mesma forma, se quiser indicar um ficheiro a transferir deve
colocar o protocolo "ftp" por exemplo, o link:
ftp://www.popuminho.rcts.pt/pub/windows/95/browsers/netscape/n32e404.exe
um link para um ficheiro de 9,8Mb que, depois de transferido para o seu
computador, pode executar.
E j est! Se tudo tiver corrido bem, o texto que estava seleccionado dever
agora aparecer a azul e sublinhado, indicando assim que um link para outro
documento. No se esquea de verificar o link para ver se realmente est dirigido
para o sitio certo.
Caso queira alterar o destino do link deve colocar o cursor sobre o texto (ou
imagem) do link e escolher novamente a opo "Hiperligao" do menu "Inserir".

Colocao de links para um ponto do documento:

Se o documento demasiado longo (como este ;-) por vezes necessrio
colocar links para pontos do prprio documento. Por exemplo, o ndice no incio
desta pgina permite-lhe saltar imediatamente para o ponto que mais lhe interessa.
Para o fazer deve, antes de mais marcar o ponto de destina do salto executado os
passos:
Jos Miguel Sousa

Material de Apoio
_____________________________________________________________
Pg. 6

Colocar o cursor no ponto de destino (ou seleccionar a zona);

Abrir o menu "Inserir";
Escolher a opo "Marcador";
Escrever uma palavra que identifique a zona do documento;
Carregar no boto "Adicionar".

O Word coloca ento uma marca invisvel no documento. Agora, para

colocar um link para esse ponto deve (depois de escolher a opo "Hiperligao"
do menu "Inserir") colocar a palavra que escolheu acima para identificar o ponto
pretendido como sendo o marcador dentro do documento.

Insero de tabelas:
Uma das maneiras de melhorar a apresentao de um documento
posicionando o seu contedo com a ajuda de tabelas. Por exemplo,
este texto numa
coluna
esquerda, lado a
lado com uma
imagem direita
seria um pouco mais difcil de conseguir sem a utilizao de uma tabela. Antes de
mais deve-se ter em conta que o HTML no suporta a mesma preciso de
posicionamento que o Word uma vez que, em HTML, a pgina no tem tamanho
fixo. Por este motivo deve ver como a pgina est (realmente) a ficar no seu
browser.
Para colocar uma tabela na sua pgina HTML tem apenas de desenhar uma
tabela normal em Word:
Abrir o menu "Tabela";
Escolher a opo "Desenhar tabela";
Colocar o cursor ponto onde deseja colocar o canto superior
esquerdo da tabela;
Clickar e arrastar at ao ponto onde dever ficar o canto inferior
direito;
Com o cursor (agora com a forma de um lpis) desenhar as linhas e
colunas que a tabela dever ter.
Pode centrar, ou alinhar a tabela a um dos lados seleccionando a tabela
toda e carregando num dos botes de alinhamento de texto.
Pode tambm escolher a largura dos traos do desenho da tabela. Para tal deve:
Colocar o cursor dentro da tabela que pretende alterar;
Abrir o menu "Tabela";
Escolher a opo "Limites";
Alterar a largura das linhas ou seleccionar a tabela sem linhas nos
limites;

Jos Miguel Sousa

Material de Apoio
_____________________________________________________________
Pg. 7
O Word converte automaticamente a tabela ignorando todas as opes que
no puder converter.

Alterao do fundo da pgina:

Uma das coisas que se pode fazer em HTML alterar a cor do papel ou at
colocar uma imagem repetida em todo o fundo da pgina. Para o fazer dever:
Abrir o menu "Formatar"
Escolher a opo "Preenchimento do fundo"
Depois poder escolher a cor desejada ou, se preferir colocar uma imagem
escolher a opo "Efeitos de preenchimento" e, de seguida, a textura pretendida.

Associao de um som de fundo pgina:

Para tornar a visita a sua pgina mais agradvel pode tambm associar-lhe
um som que ser repetido enquanto o utilizador a estiver a ver.
H, no entanto, que ter alguns cuidados com algumas consequncias
desagradveis que a utilizao desta possibilidade pode criar; Em primeiro lugar o
tamanho do ficheiro de som utilizado no pode ser demasiado grande sob pena de
no poder ser transferido para o browser (programa de quem est a ver a pgina) a
tempo de ser ouvido. Em segundo lugar, deve ter-se sempre presente que este
som vai ser repetido enquanto a pgina estiver a ser visitada. Se for um trecho
demasiado curto pode-se tornar algo irritante.
Para colocar um som de fundo na sua pgina deve:
Abrir o menu "Inserir"
Escolher a opo "Som de fundo"
Escolher qual o som pretendido

Texto adaptado de: http://www.pop-uminho.rcts.pt/support/html/

Jos Miguel Sousa

Material de Apoio
_____________________________________________________________
Pg. 8
Outros efeitos:
Muito mais se pode fazer em HTML; mas tendo em ateno os objectivos
desta aco de formao apenas so tratados alguns dos efeitos bsicos que o
Microsoft Word 97 possibilita.

Uma das possibilidades que pode explorar a utilizao de outros pacotes

de software para a criao de pginas WWW. Por exemplo o Microsoft FrontPage
permite a criao de frames, palavras animadas, etc.

Pode consultar o Guio de Operao Elementar com o FrontPage Express em:

http://www.uarte.mct.pt/ajuda/manuais/guiaofp.html

Sugestes:
Paint Shop Pro - Breve manual de utilizao
http://www.uarte.mct.pt/ajuda/manuais/paintshop/index.asp
Guio de Operao Elementar do WS-FTP
http://www.uarte.mct.pt/ajuda/manuais/guiaoWS.html

Consulte:

http://www.uarte.mct.pt

Jos Miguel Sousa