Tecnologias da Informao e Comunicao 10.

ano

Criao de Pginas da Teia Mundial

Manual do NVU

Data desta verso: 2006/05/04 Autores: S. Alves, J. Borges, M. Gaspar, R. Vaz Superviso: S. Ramos Escola Secundria c/ 3. C.E.B. Dr. Mrio Sacramento, Aveiro, Portugal Autoriza-se e encoraja-se a cpia e difuso deste documento, especialmente com vista ao ensino de Tecnologias da Informao e Comunicao. Contacte a Escola acima referida para comentrios ou sugestes de melhoria. Este documento foi criado com a aplicao gratuita OpenOffice 2.0.

Introduo

Este manual um recurso, entre outros, principalmente como meio de consulta por parte dos alunos, leccionao da Unidade 5, Criao de Pginas da Teia Mundial, de acordo com o programa oficial da disciplina de Tecnologias da Informao e Comunicao do 10. ano de escolaridade. O NVU1 apresenta as seguintes caractersticas:

uma ferramenta de cdigo aberto serve para a criao de pginas da Teia Mundial multiplataforma, funcionando, pois, sobre os populares sistemas Linux e Windows de distribuio distribuio gratuita permite construir pginas HTML com bastante simplicidade, rapidez e fiabilidade.
A utilizao do NVU constitui, portanto, uma alternativa satisfatria e gratuita a programas comerciais existentes no mercado, cumprindo os requisitos desejveis no mbito de uma formao introdutria geral em Tecnologias da Informao e Comunicao. O manual contm diversas imagens, apresentadas com um enquadramento estruturado, indicando opes de forma orientada, com o fim de visualizar o que possvel conseguir-se com esta interessante aplicao e ajuda a perceber quais so as aces necessrias para
1 Pronuncia-se habitualmente N-View, inglesa, em associao a new view, uma nova viso.

Tecnologias da Informao e Comunicao 10. ano realizar o que se pretende. Trata-se de um texto inacabado, ainda em construo.

Instalao do NVU

Informaes sobre a instalao do NVU encontram-se no Apndice (documento separado).

Criao de Pginas da Teia Mundial

Pg. 3

Tecnologias da Informao e Comunicao 10. ano

ndice
Introduo........................................................................................................................... 2 Instalao do NVU.............................................................................................................. 3 Planeamento e criao de um stio da Teia Mundial............................................................ 5 Definio da informao que o stio ir conter................................................................. 5 Consistncia das pginas e do stio ............................................................................... 6 Estrutura do stio hierarquia da informao ................................................................. 7 Iniciar o NVU...................................................................................................................... 9 Estrutura geral do NVU....................................................................................................... 9 Criar uma pgina nova...................................................................................................... 10 Abrir uma pgina existente................................................................................................ 10 Guardar uma pgina......................................................................................................... 10 Tabelas............................................................................................................................. 11 Inserir uma tabela......................................................................................................... 11 Formatar uma tabela..................................................................................................... 13 Formatar texto................................................................................................................... 15 Inserir uma imagem.......................................................................................................... 15 Dica: Como inserir uma imagem como fundo de uma tabela......................................... 18 Formatar fundo da pgina................................................................................................. 19 Hiper(ligaes) ................................................................................................................. 20 Tipo de ligaes ............................................................................................................... 21 Ligaes Internas (relativas)......................................................................................... 21 Ligaes Externas (absolutas)...................................................................................... 21 Criao de ligaes .......................................................................................................... 21 Publicar o stio na Teia Mundial.........................................................................................25 O gestor de stios......................................................................................................... 25 Publicar pginas........................................................................................................... 27 Sugestes /Conselhos...................................................................................................... 29 Bibliografia........................................................................................................................ 30

Pg. 4

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Planeamento e criao de um stio da Teia Mundial

Um stio da Teia Mundial est associado uma localizao na Teia Mundial que contm uma ou mais pginas em linguagem HTML relacionadas entre si. Um Stio da Teia Mundial constitudo normalmente por um conjunto de pginas da Teia que so criadas com um determinado objectivo. Esse objectivo tem de ser muito bem analisado previamente, como base de partida para a planificao cuidada do stio. Uma pgina da Teia um documento multimdia que normalmente contm hiperligaes. A Teia Mundial, ou World Wide Web (WWW), um importante servio da Internet, sendo tambm o conjunto dos stios da Teia Mundial (conjunto de documentos multimdia unidos pelas hiperligaes, permitindo estas a navegao com simples cliques do rato). O programa que interpreta a linguagem HTML chama-se navegador (browser) e mostra os diferentes elementos constituintes de uma pgina, com a apresentao pretendida pelo criador dessa mesma pgina. O planeamento do stio a primeira tarefa a executar antes de utilizar o NVU para criar o seu stio. Para construir o seu stio, deve procurar responder s seguintes perguntas:

Qual o objectivo do stio? A quem se dirige? Que informao dever conter? Que recursos grficos sero necessrios? Que estilo de pgina ser o mais adequado?

Definio da informao que o stio ir conter

A informao dever ser agrupada e fornecida de uma forma consistente

atravs de um conjunto de ligaes.

A disposio da informao dever permitir percorrer todo o stio de uma forma

natural e lgica.

Devero ser utilizados esquemas hierrquicos que no sejam nem demasiado

superficiais, nem demasiado profundos, procurando, portanto, um equilbrio.

Criao de Pginas da Teia Mundial

Pg. 5

Tecnologias da Informao e Comunicao 10. ano

Dever ser definido um plano grfico que descrever completamente o stio ao

nvel do esquema hierrquico, bem como da forma como se proceder navegao pelo mesmo. Outro aspecto importante a ter em considerao o arranjo grfico do stio, o qual deve facilitar a navegao entre as pginas, nomeadamente atravs de:

cones claros e consistentes; Identificao esquemtica dos menus; Botes de navegao que permitam voltar pgina inicial, ou ir at qualquer
outra pgina do stio;

Ttulos, subttulos, cabealhos, rodaps e hiperligaes bem visveis; Boa legibilidade do texto: tipo, tamanho e formataes de letra a utilizar, cores
utilizadas;

Objectos multimdia a incorporar; imagem esttica e animao, som, vdeo,

Consistncia das pginas e do stio Outros aspectos a ter em conta so os seguintes:

Ligaes e barras de ferramentas sempre nas mesmas zonas das pginas; Esquema de cores idntico em todas as pginas; Formatao de caracteres semelhante ao longo das pginas; Modelos de botes idnticos, etc.
Esta identidade grfica ajudar o leitor na navegao e no acesso rpido informao. Na definio do aspecto visual do stio da Teia Mundial, a informao e os objectos que nela forem inseridos devero estar organizados e dispostos em locais estratgicos, favorveis boa leitura das pginas. Um dos procedimentos que pode adoptar a utilizao de tabelas que estruturam a pgina em reas de informao separadas, como pode ver nos exemplos da figura seguinte:

Pg. 6

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Estrutura do stio hierarquia da informao Depois de definir o contedo do seu stio, ter de organizar a informao a incluir nas pginas. Essa tarefa incluir a diviso da informao em unidades a incluir em cada pgina, o estabelecimento de uma hierarquia entre esses blocos de informao e, finalmente, a determinao das ligaes entre essas pginas. Eis um exemplo:

Pgina principal

1. pgina

2. pgina

3. pgina 7. pgina

4. pgina

5. pgina

6. pgina

Outro exemplo de hierarquizao poderia ser este:

Criao de Pginas da Teia Mundial

Pg. 7

Tecnologias da Informao e Comunicao 10. ano

Pgina principal

Pgina 2

Pgina 3

Pgina 4

Pgina 5

Pgina 6

Pgina 7

Pgina 8

Pg. 8

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Iniciar o NVU
Para iniciar o programa, clicar em Iniciar > Todos os Programas > NVU > NVU.

Estrutura geral do NVU

A janela principal do NVU constituda por vrias seces: Barra de ttulo: mostra o nome do documento em uso, a sua localizao e o nome da aplicao. Barra de menus: contm os menus onde se encontram todos os recursos do NVU.

Barra de ferramentas: nesta barra encontram-se os botes com as operaes mais vulgares do NVU.

Barra de formatao: nesta barra encontram-se os recursos de formatao, como tipo de letra, tamanho, alinhamento do texto, etc.

Criao de Pginas da Teia Mundial

Pg. 9

Tecnologias da Informao e Comunicao 10. ano

Gestor de stios: espao de visualizao estrutural e navegao pelas diferentes pginas de um stio.

Separadores de pginas: Cada ficheiro HTML criado corresponde a um separador, sendo fcil alternar para a edio dos diferentes ficheiros HTML.

Criar uma pgina nova

Para criar um ficheiro novo, clicque no menu Ficheiro > Novo ou clique no boto Novo da Barra de Ferramentas.

Abrir uma pgina existente

Para abrir um ficheiro HTML existente, clique no menu Ficheiro > Abrir ou clique no boto Abrir da barra de ferramentas. De seguida, indique a localizao, no disco, da pgina pretendida.

Guardar uma pgina

Para guardar um ficheiro HTML existente, clique no menu Ficheiro > Guardar ou clique no boto Guardar da barra de ferramentas. Surge a mensagem seguinte, para que introduza o ttulo da pgina, que mais tarde

Pg. 10

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano aparecer na barra de ttulo do navegador quando estiver a visualizar a pgina.

Seguidamente, indique a localizao, no disco, da pgina pretendida.

Tabelas
As tabelas so elementos importantes, no apenas para apresentar com clareza dados numricos ou outros, mas tambm so uma grande ajuda na tarefa de estruturar a configurao grfica das pginas, que muitas vezes se dividem em reas de menu, de cabealho, de rodap, etc. Neste ltimo uso, as tabelas so frequentemente definidas com limites invisveis. Inserir uma tabela

Para inserir uma tabela, clique no menu Tabela > Inserir > Tabela, no menu Inserir > Tabela, ou clique no boto Tabela da barra de ferramentas. De seguida, escolha o nmero de linhas e colunas pretendidas. Podemos querer definir a tabela com a largura total da pgina ou com uma largura fixa. Essas propriedades so definidas no separador da criao da tabela Exactamente, definindo a largura como percentagem, % da janela, ou ento em pxeis. Na caixa ao lado, introduzimos o valor da percentagem da janela que ser ocupada pela tabela (100 para toda a largura da pgina) ou o nmero de pxeis, no caso de termos escolhido uma largura fixa.

Criao de Pginas da Teia Mundial

Pg. 11

Tecnologias da Informao e Comunicao 10. ano

No caso de termos definido a largura como 100%, esta ocupar toda a largura disponvel. Independentemente da resoluo da tela de quem visualizar a pgina, esta ocupar sempre toda a largura da janela. No caso de termos definido a largura em pxeis, o tamanho ser sempre igual, o que poder implicar que fique um espao em branco direita da tabela relativamente grande, no espao que sobra, ou ento que se tenha que usar uma barra de rolamento horizontal para conseguir visualizar toda a pgina. Este tipo de tabelas criado quando se pretende que os elementos da pgina, como texto, imagens, etc., fiquem exactamente no stio pretendido, qualquer que seja a resoluo ou tamanho da tela.

Pg. 12

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Formatar uma tabela Se a tabela tiver duas colunas, estar predefinido que cada uma delas ocupar metade (50%) da largura da tabela. Com um clique do rato na linha separadora das colunas, no topo da tabela, podemos alterar esta proporo.

Depois de criada a tabela, podemos alterar as suas propriedades, clicando sobre dela com o boto secundrio do rato. Este faz aparecer um conjunto de opes.

Criao de Pginas da Teia Mundial

Pg. 13

Tecnologias da Informao e Comunicao 10. ano Uma opo interessante definir Cores de fundo.... Na janela que surge, escolhemos a cor e clicamos em Tabela ou Clula, no topo da clula, para indicarmos a que se refere a cor escolhida. Outra opo muito til a Propriedades de clula.... Esta corresponde s Propriedades de tabela e permite, por exemplo, tornar invisveis as linhas de limite da tabela. Para isso, definimos 0 pxeis para o limite. Nesta seco pode verificar, tambm, a largura da tabela criada (em pxeis ou em percentagem da janela).

Pg. 14

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Formatar texto

Seleccionar o texto pretendido e formatar da maneira que desejar atravs do menu Formato ou atravs da Barra de formatao, que disponibiliza as ferramentas utilizadas para uma formatao simples e rpida. No menu Formato, na opo Tipo de letra, aparece um conjunto de tipos que podem ser escolhidos. Na opo Tamanho, o texto seleccionado pode ser aumentado para o tamanho imediatamente a seguir se seleccionarmos a opo Tamanho > Maior. As definies de negrito, sublinhado, itlico, superior linha, etc., encontram-se na seco Estilo de texto. A cor definida na seco Cor do texto.... O texto poder ficar sob a forma de tpicos (com nmeros ou marcas) na opo Lista.

Inserir uma imagem

Para inserir uma imagem, deve clicar no menu Inserir > Imagem ou no boto Imagem da barra de ferramentas. De seguida, seleccione o ficheiro da imagem pretendida.

Criao de Pginas da Teia Mundial

Pg. 15

Tecnologias da Informao e Comunicao 10. ano

Se pretender dimensionar o tamanho da imagem, clique em Dimenses e defina a largura e a altura da imagem.

Pode tambm definir o espaamento e alinhar o texto com a imagem, conforme a sua preferncia.

Pg. 16

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Se pretender uma localizao de pgina da Teia, um ficheiro local ou um endereo de correio electrnico, insira o endereo dessa pgina, seleccione o ficheiro pretendido ou insira o endereo de correio electrnico.

Criao de Pginas da Teia Mundial

Pg. 17

Tecnologias da Informao e Comunicao 10. ano Dica: Como inserir uma imagem como fundo de uma tabela O NVU no possui um comando que nos permita colocar uma imagem como fundo de uma tabela; para conseguir isso, temos de recorrer ao cdigo HTML2. Para isso, podemos utilizar seleccionar Ver > Cdigo HTML ou clicar no separador Cdigo da janela principal do NVU. No exemplo que se segue, aps a criao de uma tabela com uma linha e uma coluna, o cdigo presente o seguinte. <table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td></td> </tr> </tbody> </table> Para que a nossa imagem surja em fundo, devemos modificar o cdigo de tal forma que fique assim: <table style="text-align: left; width: 100%; background-image: url(imagens/nvunav.gif)" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td></td> </tr> </tbody> </table> background-image: url(imagens/nvunav.gif) significa que estamos a colocar em fundo a imagem nvunav.gif, que se encontra na pasta (ou directrio) imagens. Note que para a imagem ficar devidamente centrada devemos ajustar a tabela dimenso da imagem, evitando assim repeties desta. Agora que temos a imagem ajustada tabela, podemos escrever texto normalmente, ou colocar outras imagens tendo como fundo a imagem anteriormente referida.

2 A sigla HTML deriva da expresso inglesa HyperText Markup Language . Trata-se de uma linguagem de marcao utilizada para produzir pginas da Teia Mundial. O cdigo HTML interpretado pelos navegadores (browsers) para exibir as pginas da Teia Mundial.

Pg. 18

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Formatar fundo da pgina

Para formatar o fundo de uma pgina, clique no menu Formato > Cores e fundo da pgina... e escolha o que pretender. A opo predefinida atribui um fundo branco, cor preta para o texto, azul para as ligaes e roxo para as ligaes que j foram visitadas. Poder alterar essas cores clicando em Usar cores personalizadas e escolhendo a cor desejada.

Criao de Pginas da Teia Mundial

Pg. 19

Tecnologias da Informao e Comunicao 10. ano

Hiper(ligaes)

Uma hiperligao (hiperlink) estabelece uma ligao entre dois pontos, ou seja, num documento HTML podemos fazer ligaes a outros documentos ou a outras partes de texto, dentro do mesmo documento. Sem a existncia de hiperligaes (hyperlinks) seria como ter um anncio sem qualquer endereo ou telefone, sem os quais no seria possvel obter qualquer informao adicional. Sem ligaes os utilizadores teriam de decorar imensos endereos e escrever os mesmos na barra de endereos do navegador sempre que fosse necessrio visitar uma pgina da Teia Mundial. Segundo a Wikipdia, uma hiperligao, ou simplesmente uma ligao (tambm conhecida em portugus pelos correspondentes termos ingleses, hyperlink e link), uma referncia num documento em hipertexto a outro documento ou a outro recurso. Como tal, pode-se v-la como anloga a uma citao na literatura. Ao contrrio desta, no entanto, a hiperligao pode ser combinada com uma rede de dados e um protocolo de acesso adequado e assim ser usada para ter acesso directo ao recurso referenciado. Este pode ento ser gravado, visualizado ou mostrado como parte do documento que faz a referncia. As hiperligaes so parte das fundaes da world wide web, criadas por Tim Berners-Lee.

A palavra inglesa link entrou na lngua portuguesa por via de redes de computadores (em especial a Internet), servindo de forma curta para designar as hiperligaes do hipertexto. O seu significado "atalho", "caminho" ou "ligao". Atravs dos links possvel produzir arquivos no lineares ou simplesmente inserir ilustraes em um arquivo de texto. A Teia Mundial designa partes clicveis em forma de texto ou imagem, que levam a outras partes de um stio.

Pg. 20

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Tipo de ligaes
Existem dois tipos de ligaes as ligaes internas e as ligaes externas. Ligaes Internas (relativas) 1) Para outros documentos HTML no mesmo computador; 2) Para outras seces dentro do mesmo documento. Um exemplo deste tipo de ligaes so os contudos presentes nas tabelas (ndices) existentes no incio dos documentos HTML, so uma ajuda preciosa na procura rpida e fcil de determinada seco do documento. Ligaes Externas (absolutas) 1) Para outras pginas ou stios com endereos URL diferentes do local (existentes na Teia Mundial).

Criao de ligaes
Considere a seguinte estrutura, para a pgina com o nome index.html de um stio:

Criao de Pginas da Teia Mundial

Pg. 21

Tecnologias da Informao e Comunicao 10. ano

Se o conjunto de pginas que constituem o stio for:

Para criar ligaes (a outros documentos HTML no mesmo computador e a outras pginas ou stios com endereos URL diferentes do local), seleccione o texto que deseja que aparea como ligao, com o rato (clique-e-seleccione). De seguida deve ir ao menu Inserir > Ligao. Aparecer a janela das Propriedades da ligao. Exemplo de um ficheiro local

Pg. 22

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Exemplo de um endereo na teia

Aqui pode colocar o endereo (URL) da teia, ou ncora de destino da ligao. O endereo (URL) pode ser relativo (se for do mesmo stio) ou absoluto caso esteja a ligar a um documento disponvel na teia mundial.

Clique em Aceitar e guarde a pgina.

Agora que criou uma ligao deve verificar se funciona, para isso basta abrir a ligao com o boto Navegar ou

Relativamente criao de ligaes para outras seces dentro do mesmo documento, necessrio definir primeiro uma ncora (de destino) e s depois inserir a ligao. Observe o exemplo que se segue, onde mostrada uma possvel estrutura para a pgina escola.html:

Criao de Pginas da Teia Mundial

Pg. 23

Tecnologias da Informao e Comunicao 10. ano

Para criar a ncora seleccionou-se o texto (Portaria da escola), de seguida foi-se ao menu Inserir > ncora com nome ... e apareceu a janela acima. (Notar que, a estrutura da Introduo pode ser vista como um ndice de um documento Word, por exemplo.) Por fim, selecciona-se o texto onde queremos inserir a ligao e aplica-se os mesmos passos definidos anteriormente na criao de ligaes.

Pg. 24

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano Resumindo, podemos criar ligaes para outras seces dentro do mesmo documento, mas para isso temos de definir uma ncora antes de estabelecer a ligao, que nos permitir saltar para onde pretendemos no documento. O exemplo anterior, s vai estabelecer a ligao num sentido. Se pretendemos voltar parte inicial do documento com uma (hiper)ligao, temos de efectuar no sentido oposto, a criao de outra ncora e estabelecer a respectiva ligao.

Publicar o stio na Teia Mundial

Depois de terminada toda a formatao da nossa pgina web, falta apenas public-la (assim como todos os ficheiros ligados). Publicar uma pgina na teia, significa fazer a transferncia dos ficheiros locais existentes na pasta onde foi criada a pgina, para um local remoto (que no mais que outro computador) designado de servidor de pginas da teia. O servidor dispe de um software que como o nome indica serve pginas da teia, imagens, ou outros ficheiros que os utilizadores transferem quando clicam em ligaes presentes na pgina. Para publicar as pginas web para um servidor de pginas deve ter uma conta de utilizador na mquina onde est a ser executado o software (servidor de pginas da teia). Normalmente, o seu PSI (provedor de servio Internet) faculta algum espao de alojamento para alojar a sua pgina pessoal. Uma alternativa procurar um alojamento gratuito disponvel na Internet. Em Portugal, o servio Sapo Pginas Pessoais fornece gratuitamente alojamento de ficheiros para um stio com o espao mximo de 10MB (vai ser este servio que vamos utilizar nas aulas de TIC).

O gestor de stios

O gestor de stios faz parte do Nvu este faz a gesto da publicao do(s) stio(s) no servidor de pginas da teia. Necessita apenas de criar um stio de publicao no gestor de stios para conseguir pulicar as suas pginas da teia. Para craiar uma conta no gestor de stios por forma a publicar o seu stio, deve ter consigo a seguinte informao: Criao de Pginas da Teia Mundial Pg. 25

Tecnologias da Informao e Comunicao 10. ano

Endereo (URL) do stio na teia, ex: http://www.nvu.no.sapo.pt/ Endereo (URL) do servidor FTP3, ex: ftp://ftp.homepages.sapo.pt Nome da conta de utilizador para o servidor FTP ex: nvu.no.sapo.pt Palavra passe da conta anterior.

Para criar uma conta de publicao do seu stio na teia mundial no gestor deve proceder do seguinte modo, clicar em Editar > Configuraes de publicao

do stio, abrir a janela de Configuraes de publicao ilustrada na figura seguinte.

O nome do stio apenas um nome apropriado para distinguir com a publicao de outros stios criados no gestor de stios. Os utilizadores deves ter em ateno a introduo da palavra passe, uma vez que esta sensvel a mausculas, assim A_minha_Pass difere de a_minha_pass.

3 FTP significa File Transfer Protocol (Protocolo de Transferncia de Arquivos), e uma forma bastante rpida e verstil de transferir arquivos (tambm conhecidos como ficheiros), sendo uma das mais usadas na internet.

Pg. 26

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano Publicar pginas

Como foi dito atrs, uma vez escrita e formatada a pgina da teia necessita de ser publicada no servidor de pginas da teia. Se seguiu este manual, deve ter editado as suas configuraes de publicao no gestor de stios. Se no o fez, deve criar uma conta no gestor de stios por forma a publicar o seu stio. Para publicar uma pgina, v ao boto Publicar disponvel na barra de ferramentas. Ao clicar no boto Publicar este abre a janela de Publicar pgina, ver figura seguinte:

A janela de publicao vai usar o stio por omisso para publicao, se configurou mais do que uma conta, escolha o stio que pretende publicar na caixa de combinao do formulrio apresentado. Pode alterar o ttulo da pgina a publicar, no menu Formatar>

Ttulo e propriedades da pgina. Deve tambm escolher (se for caso disso)
um sub-directrio no qual ser publicada a pgina. Se no existirem sub-directrios na pgina estes no sero mostrados, se no escolher um sub-directrio a pgina ser publicada na raiz do seu stio da Teia. Se tiver outro tipo de ficheiros disponveis (i.e. ligados ou inseridos) na sua pgina, por exemplo, imagens, etc., deve tambm public-los no stio da teia. Para conseguir deve assinalar a caixa Incluir imagens e outros ficheiros. tambm aconselhado o uso de Criao de Pginas da Teia Mundial Pg. 27

Tecnologias da Informao e Comunicao 10. ano um sub-directrio no stio para publicar imagens e outros ficheiros, por forma a manter o seu stio limpo e organizado. Para publicar a pgina v no boto Publicar. Abrir de seguida uma janela de Publicao, ver figura, esta indicar o progresso da publicao. No clique em Cancelar at estar concludo o processo de publicao (transferncia de ficheiros). Assim que a pgina for publicada, a janela encerrada, poder usar novamente o NVU.

Pg. 28

Criao de Pginas da Teia Mundial

Tecnologias da Informao e Comunicao 10. ano

Sugestes /Conselhos
Construo de um Stio da Teia

(1) Criar uma pasta onde devem ser colocadas todas as pginas HTML e objectos que iro fazer parte do stio (imagens, ...);

(2) Quando se inserir imagens nas pginas devem procurar-se apenas as que esto dentro da pasta do stio ( errado inserir imagens que esto por exemplo, no ambiente de trabalho, ...).

(3) Antes de comear a construir um stio podemos organiz-lo de vrias formas. Por exemplo, para stios com uma dimenso considervel podemos criar vrias pastas dentro da anterior. Mas, uma vez inseridas as imagens, por exemplo, no podemos desloc-las da respectiva pasta onde esto depositadas, pois se o fizer-mos iremos alterar o caminho e posteriormente se abrirmos o nosso stio noutro computador no vemos as imagens.

Criao de Pginas da Teia Mundial

Pg. 29

Tecnologias da Informao e Comunicao 10. ano

Bibliografia

Livros: (1) Anto, Antnio; Fernandes, Eduardo; Couto, Hlder; Almeida, Hugo; Anto, Rui (2005). TIC10: Parte 2. Lisboa: Areal Editores.

Sitios na Teia Mundial: (2) Wikipdia, a enciclopdia livre http://pt.wikipedia.org

(3) www.nvu.no.sapo.pt

(4) http://homepages.sapo.pt.

Pg. 30

Criao de Pginas da Teia Mundial