NVU

Verso 1.0.0

Sumrio
I Sobre essa Apostila 2 4 9 18
19 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 20 20 20 20 20 20 21 22 22 23 23 24 25 28 30 30 31 34 34

II Informaes Bsicas III GNU Free Documentation License IV Nvu

1 O que o Nvu 2 Plano de ensino 2.1 Objetivo . . . 2.2 Pblico Alvo . 2.3 Pr-requisitos 2.4 Descrio . . 2.5 Metodologia . 2.6 Cronograma 2.7 Programa . . 2.8 Avaliao . . 2.9 Bibliograa .

3 Lio 1 3.1 1 - Instalao . . . . . . . 3.2 2 - Introduo . . . . . . . 3.3 3 - Formatao de textos 3.4 4 - Listas . . . . . . . . . 4 Lio 2 4.1 1 - Imagens . . 4.2 2 - Tabelas . . 4.3 3 - Links . . . . 4.4 4 - Formulrios . . . . . . . . . . . . . . . . . . . . . . . .

5 Lio 3 36 5.1 1 - Camadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 5.2 2 - Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 5.3 3 - Estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 1

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

5.4 4 - Gereciador de site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 5.5 4 - Publicao do site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43

Parte I

Sobre essa Apostila

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Contedo
O contedo dessa apostila fruto da compilao de diversos materiais livres publicados na internet, disponveis em diversos sites ou originalmente produzido no CDTC (http://www.cdtc.org.br.) O formato original deste material bem como sua atualizao est disponvel dentro da licena GNU Free Documentation License, cujo teor integral encontra-se aqui reproduzido na seo de mesmo nome, tendo inclusive uma verso traduzida (no ocial). A reviso e alterao vem sendo realizada pelo CDTC (suporte@cdtc.org.br) desde outubro de 2006. Crticas e sugestes construtivas sero bem-vindas a qualquer hora.

Autores
A autoria deste de responsabilidade de Beatriz Marlia Ferreira Ribeiro (beatriz@cdtc.org.br). O texto original faz parte do projeto Centro de Difuso de Tecnologia e Conhecimento que vm sendo realizado pelo ITI (Instituto Nacional de Tecnologia da Informao) em conjunto com outros parceiros institucionais, e com as universidades federais brasileiras que tem produzido e utilizado Software Livre apoiando inclusive a comunidade Free Software junto a outras entidades no pas. Informaes adicionais podem ser obtidas atravs do email ouvidoria@cdtc.org.br, ou da home page da entidade, atravs da URL http://www.cdtc.org.br.

Garantias
O material contido nesta apostila isento de garantias e o seu uso de inteira responsabilidade do usurio/leitor. Os autores, bem como o ITI e seus parceiros, no se responsabilizam direta ou indiretamente por qualquer prejuzo oriundo da utilizao do material aqui contido.

Licena
Copyright 2006, Instituto Nacional de Tecnologia da Informao (cdtc@iti.gov.br) . Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.1 or any later version published by the Free Software Foundation; with the Invariant Chapter being SOBRE ESSA APOSTILA. A copy of the license is included in the section entitled GNU Free Documentation License.

Parte II

Informaes Bsicas

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Sobre o CDTC
Objetivo Geral O Projeto CDTC visa a promoo e o desenvolvimento de aes que incentivem a disseminao de solues que utilizem padres abertos e no proprietrios de tecnologia, em proveito do desenvolvimento social, cultural, poltico, tecnolgico e econmico da sociedade brasileira. Objetivo Especco Auxiliar o Governo Federal na implantao do plano nacional de software no-proprietrio e de cdigo fonte aberto, identicando e mobilizando grupos de formadores de opinio dentre os servidores pblicos e agentes polticos da Unio Federal, estimulando e incentivando o mercado nacional a adotar novos modelos de negcio da tecnologia da informao e de novos negcios de comunicao com base em software no-proprietrio e de cdigo fonte aberto, oferecendo treinamento especco para tcnicos, prossionais de suporte e funcionrios pblicos usurios, criando grupos de funcionrios pblicos que iro treinar outros funcionrios pblicos e atuar como incentivadores e defensores dos produtos de software no proprietrios e cdigo fonte aberto, oferecendo contedo tcnico on-line para servios de suporte, ferramentas para desenvolvimento de produtos de software no proprietrios e do seu cdigo fonte livre, articulando redes de terceiros (dentro e fora do governo) fornecedoras de educao, pesquisa, desenvolvimento e teste de produtos de software livre.

Guia do aluno
Neste guia, voc ter reunidas uma srie de informaes importantes para que voc comece seu curso. So elas: Licenas para cpia de material disponvel; Os 10 mandamentos do aluno de Educao a Distncia; Como participar dos foruns e da wikipdia; Primeiros passos. muito importante que voc entre em contato com TODAS estas informaes, seguindo o roteiro acima.

Licena
Copyright 2006, Instituto Nacional de Tecnologia da Informao (cdtc@iti.gov.br). 6

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

dada permisso para copiar, distribuir e/ou modicar este documento sob os termos da Licena de Documentao Livre GNU, Verso 1.1 ou qualquer verso posterior pblicada pela Free Software Foundation; com o Capitulo Invariante SOBRE ESSA APOSTILA. Uma cpia da licena est inclusa na seo entitulada "Licena de Documentao Livre GNU".

Os 10 mandamentos do aluno de educao online

1. Acesso Internet: ter endereo eletrnico, um provedor e um equipamento adequado pr-requisito para a participao nos cursos a distncia; 2. Habilidade e disposio para operar programas: ter conhecimentos bsicos de Informtica necessrio para poder executar as tarefas; 3. Vontade para aprender colaborativamente: interagir, ser participativo no ensino a distncia conta muitos pontos, pois ir colaborar para o processo ensino-aprendizagem pessoal, dos colegas e dos professores; 4. Comportamentos compatveis com a etiqueta: mostrar-se interessado em conhecer seus colegas de turma respeitando-os e se fazendo ser respeitado pelos mesmos; 5. Organizao pessoal: planejar e organizar tudo fundamental para facilitar a sua reviso e a sua recuperao de materiais; 6. Vontade para realizar as atividades no tempo correto: anotar todas as suas obrigaes e realiz-las em tempo real; 7. Curiosidade e abertura para inovaes: aceitar novas idias e inovar sempre; 8. Flexibilidade e adaptao: requisitos necessrio mudana tecnolgica, aprendizagens e descobertas; 9. Objetividade em sua comunicao: comunicar-se de forma clara, breve e transparente ponto - chave na comunicao pela Internet; 10. Responsabilidade: ser responsvel por seu prprio aprendizado. O ambiente virtual no controla a sua dedicao, mas reete os resultados do seu esforo e da sua colaborao.

Como participar dos fruns e Wikipdia

Voc tem um problema e precisa de ajuda? Podemos te ajudar de 2 formas: A primeira o uso dos fruns de notcias e de dvidas gerais que se distinguem pelo uso: . O frum de notcias tem por objetivo disponibilizar um meio de acesso rpido a informaes que sejam pertinentes ao curso (avisos, notcias). As mensagens postadas nele so enviadas a 7

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

todos participantes. Assim, se o monitor ou algum outro participante tiver uma informao que interesse ao grupo, favor post-la aqui. Porm, se o que voc deseja resolver alguma dvida ou discutir algum tpico especco do curso. recomendado que voc faa uso do Frum de dvidas gerais que lhe d recursos mais efetivos para esta prtica. . O frum de dvidas gerais tem por objetivo disponibilizar um meio fcil, rpido e interativo para solucionar suas dvidas e trocar experincias. As mensagens postadas nele so enviadas a todos participantes do curso. Assim, ca muito mais fcil obter respostas, j que todos podem ajudar. Se voc receber uma mensagem com algum tpico que saiba responder, no se preocupe com a formalizao ou a gramtica. Responda! E no se esquea de que antes de abrir um novo tpico recomendvel ver se a sua pergunta j foi feita por outro participante. A segunda forma se d pelas Wikis: . Uma wiki uma pgina web que pode ser editada colaborativamente, ou seja, qualquer participante pode inserir, editar, apagar textos. As verses antigas vo sendo arquivadas e podem ser recuperadas a qualquer momento que um dos participantes o desejar. Assim, ela oferece um timo suporte a processos de aprendizagem colaborativa. A maior wiki na web o site "Wikipdia", uma experincia grandiosa de construo de uma enciclopdia de forma colaborativa, por pessoas de todas as partes do mundo. Acesse-a em portugus pelos links: Pgina principal da Wiki - http://pt.wikipedia.org/wiki/ Agradecemos antecipadamente a sua colaborao com a aprendizagem do grupo!

Primeiros Passos
Para uma melhor aprendizagem recomendvel que voc siga os seguintes passos: Ler o Plano de Ensino e entender a que seu curso se dispe a ensinar; Ler a Ambientao do Moodle para aprender a navegar neste ambiente e se utilizar das ferramentas bsicas do mesmo; Entrar nas lies seguindo a seqncia descrita no Plano de Ensino; Qualquer dvida, reporte ao Frum de Dvidas Gerais.

Perl do Tutor
Segue-se uma descrio do tutor ideal, baseada no feedback de alunos e de tutores. O tutor ideal um modelo de excelncia: consistente, justo e prossional nos respectivos valores e atitudes, incentiva mas honesto, imparcial, amvel, positivo, respeitador, aceita as idias dos estudantes, paciente, pessoal, tolerante, apreciativo, compreensivo e pronto a ajudar. 8

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

A classicao por um tutor desta natureza proporciona o melhor feedback possvel, crucial, e, para a maior parte dos alunos, constitui o ponto central do processo de aprendizagem. Este tutor ou instrutor: fornece explicaes claras acerca do que ele espera e do estilo de classicao que ir utilizar; gosta que lhe faam perguntas adicionais; identica as nossas falhas, mas corrige-as amavelmente, diz um estudante, e explica porque motivo a classicao foi ou no foi atribuda; tece comentrios completos e construtivos, mas de forma agradvel (em contraste com um reparo de um estudante: os comentrios deixam-nos com uma sensao de crtica, de ameaa e de nervossismo) d uma ajuda complementar para encorajar um estudante em diculdade; esclarece pontos que no foram entendidos, ou corretamente aprendidos anteriormente; ajuda o estudante a alcanar os seus objetivos; exvel quando necessrio; mostra um interesse genuno em motivar os alunos (mesmo os principiantes e, por isso, talvez numa fase menos interessante para o tutor); escreve todas as correes de forma legvel e com um nvel de pormenorizao adequado; acima de tudo, devolve os trabalhos rapidamente;

Parte III

GNU Free Documentation License

10

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

(Traduzido pelo Joo S. O. Bueno atravs do CIPSGA em 2001) Esta uma traduo no ocial da Licena de Documentao Livre GNU em Portugus Brasileiro. Ela no publicada pela Free Software Foundation, e no se aplica legalmente a distribuio de textos que usem a GFDL - apenas o texto original em Ingls da GNU FDL faz isso. Entretanto, ns esperamos que esta traduo ajude falantes de portugus a entenderem melhor a GFDL. This is an unofcial translation of the GNU General Documentation License into Brazilian Portuguese. It was not published by the Free Software Foundation, and does not legally state the distribution terms for software that uses the GFDLonly the original English text of the GFDL does that. However, we hope that this translation will help Portuguese speakers understand the GFDL better. Licena de Documentao Livre GNU Verso 1.1, Maro de 2000 Copyright (C) 2000 Free Software Foundation, Inc. 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA permitido a qualquer um copiar e distribuir cpias exatas deste documento de licena, mas no permitido alter-lo.

INTRODUO
O propsito desta Licena deixar um manual, livro-texto ou outro documento escrito "livre"no sentido de liberdade: assegurar a qualquer um a efetiva liberdade de copi-lo ou redistribui-lo, com ou sem modicaes, comercialmente ou no. Secundariamente, esta Licena mantm para o autor e editor uma forma de ter crdito por seu trabalho, sem ser considerado responsvel pelas modicaes feitas por terceiros. Esta Licena um tipo de "copyleft"("direitos revertidos"), o que signica que derivaes do documento precisam ser livres no mesmo sentido. Ela complementa a GNU Licena Pblica Geral (GNU GPL), que um copyleft para software livre. Ns zemos esta Licena para que seja usada em manuais de software livre, por que software livre precisa de documentao livre: um programa livre deve ser acompanhado de manuais que provenham as mesmas liberdades que o software possui. Mas esta Licena no est restrita a manuais de software; ela pode ser usada para qualquer trabalho em texto, independentemente do assunto ou se ele publicado como um livro impresso. Ns recomendamos esta Licena principalmente para trabalhos cujo propsito seja de introduo ou referncia.

APLICABILIDADE E DEFINIES
Esta Licena se aplica a qualquer manual ou outro texto que contenha uma nota colocada pelo detentor dos direitos autorais dizendo que ele pode ser distribudo sob os termos desta Licena. O "Documento"abaixo se refere a qualquer manual ou texto. Qualquer pessoa do pblico um

11

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

licenciado e referida como "voc". Uma "Verso Modicada"do Documento se refere a qualquer trabalho contendo o documento ou uma parte dele, quer copiada exatamente, quer com modicaes e/ou traduzida em outra lngua. Uma "Seo Secundria" um apndice ou uma seo inicial do Documento que trata exclusivamente da relao dos editores ou dos autores do Documento com o assunto geral do Documento (ou assuntos relacionados) e no contm nada que poderia ser includo diretamente nesse assunto geral (Por exemplo, se o Documento em parte um livro texto de matemtica, a Seo Secundria pode no explicar nada de matemtica). Essa relao poderia ser uma questo de ligao histrica com o assunto, ou matrias relacionadas, ou de posies legais, comerciais, loscas, ticas ou polticas relacionadas ao mesmo. As "Sees Invariantes"so certas Sees Secundrias cujos ttulos so designados, como sendo de Sees Invariantes, na nota que diz que o Documento publicado sob esta Licena. Os "Textos de Capa"so certos trechos curtos de texto que so listados, como Textos de Capa Frontal ou Textos da Quarta Capa, na nota que diz que o texto publicado sob esta Licena. Uma cpia "Transparente"do Documento signica uma cpia que pode ser lida automaticamente, representada num formato cuja especicao esteja disponvel ao pblico geral, cujos contedos possam ser vistos e editados diretamente e sem mecanismos especiais com editores de texto genricos ou (para imagens compostas de pixels) programas de pintura genricos ou (para desenhos) por algum editor de desenhos grandemente difundido, e que seja passvel de servir como entrada a formatadores de texto ou para traduo automtica para uma variedade de formatos que sirvam de entrada para formatadores de texto. Uma cpia feita em um formato de arquivo outrossim Transparente cuja constituio tenha sido projetada para atrapalhar ou desencorajar modicaes subsequentes pelos leitores no Transparente. Uma cpia que no "Transparente" chamada de "Opaca". Exemplos de formatos que podem ser usados para cpias Transparentes incluem ASCII simples sem marcaes, formato de entrada do Texinfo, formato de entrada do LaTex, SGML ou XML usando uma DTD disponibilizada publicamente, e HTML simples, compatvel com os padres, e projetado para ser modicado por pessoas. Formatos opacos incluem PostScript, PDF, formatos proprietrios que podem ser lidos e editados apenas com processadores de texto proprietrios, SGML ou XML para os quais a DTD e/ou ferramentas de processamento e edio no estejam disponveis para o pblico, e HTML gerado automaticamente por alguns editores de texto com nalidade apenas de sada. A "Pgina do Ttulo"signica, para um livro impresso, a pgina do ttulo propriamente dita, mais quaisquer pginas subsequentes quantas forem necessrias para conter, de forma legvel, o material que esta Licena requer que aparea na pgina do ttulo. Para trabalhos que no tenham uma pgina do ttulo, "Pgina do Ttulo"signica o texto prximo da apario mais proeminente do ttulo do trabalho, precedendo o incio do corpo do texto.

12

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

FAZENDO CPIAS EXATAS

Voc pode copiar e distribuir o Documento em qualquer meio, de forma comercial ou no comercial, desde que esta Licena, as notas de copyright, e a nota de licena dizendo que esta Licena se aplica ao documento estejam reproduzidas em todas as cpias, e que voc no acrescente nenhuma outra condio, quaisquer que sejam, s desta Licena. Voc no pode usar medidas tcnicas para obstruir ou controlar a leitura ou confeco de cpias subsequentes das cpias que voc zer ou distribuir. Entretanto, voc pode aceitar compensao em troca de cpias. Se voc distribuir uma quantidade grande o suciente de cpias, voc tambm precisa respeitar as condies da seo 3. Voc tambm pode emprestar cpias, sob as mesmas condies colocadas acima, e tambm pode exibir cpias publicamente.

FAZENDO CPIAS EM QUANTIDADE

Se voc publicar cpias do Documento em nmero maior que 100, e a nota de licena do Documento obrigar Textos de Capa, voc precisar incluir as cpias em capas que tragam, clara e legivelmente, todos esses Textos de Capa: Textos de Capa da Frente na capa da frente, e Textos da Quarta Capa na capa de trs. Ambas as capas tambm precisam identicar clara e legivelmente voc como o editor dessas cpias. A capa da frente precisa apresentar o ttulo completo com todas as palavras do ttulo igualmente proeminentes e visveis. Voc pode adicionar outros materiais s capas. Fazer cpias com modicaes limitadas s capas, tanto quanto estas preservem o ttulo do documento e satisfaam a essas condies, pode ser tratado como cpia exata em outros aspectos. Se os textos requeridos em qualquer das capas for muito volumoso para caber de forma legvel, voc deve colocar os primeiros (tantos quantos couberem de forma razovel) na capa verdadeira, e continuar os outros nas pginas adjacentes. Se voc publicar ou distribuir cpias Opacas do Documento em nmero maior que 100, voc precisa ou incluir uma cpia Transparente que possa ser lida automaticamente com cada cpia Opaca, ou informar, em ou com, cada cpia Opaca a localizao de uma cpia Transparente completa do Documento acessvel publicamente em uma rede de computadores, qual o pblico usurio de redes tenha acesso a download gratuito e annimo utilizando padres pblicos de protocolos de rede. Se voc utilizar o segundo mtodo, voc precisar tomar cuidados razoavelmente prudentes, quando iniciar a distribuio de cpias Opacas em quantidade, para assegurar que esta cpia Transparente vai permanecer acessvel desta forma na localizao especicada por pelo menos um ano depois da ltima vez em que voc distribuir uma cpia Opaca (diretamente ou atravs de seus agentes ou distribuidores) daquela edio para o pblico. pedido, mas no obrigatrio, que voc contate os autores do Documento bem antes de redistribuir qualquer grande nmero de cpias, para lhes dar uma oportunidade de prover voc com uma verso atualizada do Documento.

13

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

MODIFICAES
Voc pode copiar e distribuir uma Verso Modicada do Documento sob as condies das sees 2 e 3 acima, desde que voc publique a Verso Modicada estritamente sob esta Licena, com a Verso Modicada tomando o papel do Documento, de forma a licenciar a distribuio e modicao da Verso Modicada para quem quer que possua uma cpia da mesma. Alm disso, voc precisa fazer o seguinte na verso modicada: A. Usar na Pgina de Ttulo (e nas capas, se houver alguma) um ttulo distinto daquele do Documento, e daqueles de verses anteriores (que deveriam, se houvesse algum, estarem listados na seo "Histrico do Documento"). Voc pode usar o mesmo ttulo de uma verso anterior se o editor original daquela verso lhe der permisso; B. Listar na Pgina de Ttulo, como autores, uma ou mais das pessoas ou entidades responsveis pela autoria das modicaes na Verso Modicada, conjuntamente com pelo menos cinco dos autores principais do Documento (todos os seus autores principais, se ele tiver menos que cinco); C. Colocar na Pgina de Ttulo o nome do editor da Verso Modicada, como o editor; D. Preservar todas as notas de copyright do Documento; E. Adicionar uma nota de copyright apropriada para suas prprias modicaes adjacente s outras notas de copyright; F. Incluir, imediatamente depois das notas de copyright, uma nota de licena dando ao pblico o direito de usar a Verso Modicada sob os termos desta Licena, na forma mostrada no tpico abaixo; G. Preservar nessa nota de licena as listas completas das Sees Invariantes e os Textos de Capa requeridos dados na nota de licena do Documento; H. Incluir uma cpia inalterada desta Licena; I. Preservar a seo entitulada "Histrico", e seu ttulo, e adicionar mesma um item dizendo pelo menos o ttulo, ano, novos autores e editor da Verso Modicada como dados na Pgina de Ttulo. Se no houver uma sesso denominada "Histrico"no Documento, criar uma dizendo o ttulo, ano, autores, e editor do Documento como dados em sua Pgina de Ttulo, ento adicionar um item descrevendo a Verso Modicada, tal como descrito na sentena anterior; J. Preservar o endereo de rede, se algum, dado no Documento para acesso pblico a uma cpia Transparente do Documento, e da mesma forma, as localizaes de rede dadas no Documento para as verses anteriores em que ele foi baseado. Elas podem ser colocadas na seo "Histrico". Voc pode omitir uma localizao na rede para um trabalho que tenha sido publicado pelo menos quatro anos antes do Documento, ou se o editor original da verso a que ela se rera der sua permisso; K. Em qualquer seo entitulada "Agradecimentos"ou "Dedicatrias", preservar o ttulo da 14

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

seo e preservar a seo em toda substncia e m de cada um dos agradecimentos de contribuidores e/ou dedicatrias dados; L. Preservar todas as Sees Invariantes do Documento, inalteradas em seus textos ou em seus ttulos. Nmeros de seo ou equivalentes no so considerados parte dos ttulos da seo; M. Apagar qualquer seo entitulada "Endossos". Tal sesso no pode ser includa na Verso Modicada; N. No reentitular qualquer seo existente com o ttulo "Endossos"ou com qualquer outro ttulo dado a uma Seo Invariante. Se a Verso Modicada incluir novas sees iniciais ou apndices que se qualiquem como Sees Secundrias e no contenham nenhum material copiado do Documento, voc pode optar por designar alguma ou todas aquelas sees como invariantes. Para fazer isso, adicione seus ttulos lista de Sees Invariantes na nota de licena da Verso Modicada. Esses ttulos precisam ser diferentes de qualquer outro ttulo de seo. Voc pode adicionar uma seo entitulada "Endossos", desde que ela no contenha qualquer coisa alm de endossos da sua Verso Modicada por vrias pessoas ou entidades - por exemplo, declaraes de revisores ou de que o texto foi aprovado por uma organizao como a denio ocial de um padro. Voc pode adicionar uma passagem de at cinco palavras como um Texto de Capa da Frente , e uma passagem de at 25 palavras como um Texto de Quarta Capa, ao nal da lista de Textos de Capa na Verso Modicada. Somente uma passagem de Texto da Capa da Frente e uma de Texto da Quarta Capa podem ser adicionados por (ou por acordos feitos por) qualquer entidade. Se o Documento j incluir um texto de capa para a mesma capa, adicionado previamente por voc ou por acordo feito com alguma entidade para a qual voc esteja agindo, voc no pode adicionar um outro; mas voc pode trocar o antigo, com permisso explcita do editor anterior que adicionou a passagem antiga. O(s) autor(es) e editor(es) do Documento no do permisso por esta Licena para que seus nomes sejam usados para publicidade ou para assegurar ou implicar endossamento de qualquer Verso Modicada.

COMBINANDO DOCUMENTOS
Voc pode combinar o Documento com outros documentos publicados sob esta Licena, sob os termos denidos na seo 4 acima para verses modicadas, desde que voc inclua na combinao todas as Sees Invariantes de todos os documentos originais, sem modicaes, e liste todas elas como Sees Invariantes de seu trabalho combinado em sua nota de licena. O trabalho combinado precisa conter apenas uma cpia desta Licena, e Sees Invariantes Idnticas com multiplas ocorrncias podem ser substitudas por apenas uma cpia. Se houver mltiplas Sees Invariantes com o mesmo nome mas com contedos distintos, faa o ttulo de 15

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

cada seo nico adicionando ao nal do mesmo, em parnteses, o nome do autor ou editor origianl daquela seo, se for conhecido, ou um nmero que seja nico. Faa o mesmo ajuste nos ttulos de seo na lista de Sees Invariantes nota de licena do trabalho combinado. Na combinao, voc precisa combinar quaisquer sees entituladas "Histrico"dos diversos documentos originais, formando uma seo entitulada "Histrico"; da mesma forma combine quaisquer sees entituladas "Agradecimentos", ou "Dedicatrias". Voc precisa apagar todas as sees entituladas como "Endosso".

COLETNEAS DE DOCUMENTOS
Voc pode fazer uma coletnea consitindo do Documento e outros documentos publicados sob esta Licena, e substituir as cpias individuais desta Licena nos vrios documentos com uma nica cpia incluida na coletnea, desde que voc siga as regras desta Licena para cpia exata de cada um dos Documentos em todos os outros aspectos. Voc pode extrair um nico documento de tal coletnea, e distribu-lo individualmente sob esta Licena, desde que voc insira uma cpia desta Licena no documento extrado, e siga esta Licena em todos os outros aspectos relacionados cpia exata daquele documento.

AGREGAO COM TRABALHOS INDEPENDENTES

Uma compilao do Documento ou derivados dele com outros trabalhos ou documentos separados e independentes, em um volume ou mdia de distribuio, no conta como uma Verso Modicada do Documento, desde que nenhum copyright de compilao seja reclamado pela compilao. Tal compilao chamada um "agregado", e esta Licena no se aplica aos outros trabalhos auto-contidos compilados junto com o Documento, s por conta de terem sido assim compilados, e eles no so trabalhos derivados do Documento. Se o requerido para o Texto de Capa na seo 3 for aplicvel a essas cpias do Documento, ento, se o Documento constituir menos de um quarto de todo o agregado, os Textos de Capa do Documento podem ser colocados em capas adjacentes ao Documento dentro do agregado. Seno eles precisaro aparecer nas capas de todo o agregado.

TRADUO
Traduo considerada como um tipo de modicao, ento voc pode distribuir tradues do Documento sob os termos da seo 4. A substituio de Sees Invariantes por tradues requer uma permisso especial dos detentores do copyright das mesmas, mas voc pode incluir tradues de algumas ou de todas as Sees Invariantes em adio s verses orignais dessas Sees Invariantes. Voc pode incluir uma traduo desta Licena desde que voc tambm inclua a verso original em Ingls desta Licena. No caso de discordncia entre a traduo e a

16

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

verso original em Ingls desta Licena, a verso original em Ingls prevalecer.

TRMINO
Voc no pode copiar, modicar, sublicenciar, ou distribuir o Documento exceto como expressamente especicado sob esta Licena. Qualquer outra tentativa de copiar, modicar, sublicenciar, ou distribuir o Documento nula, e resultar automaticamente no trmino de seus direitos sob esta Licena. Entretanto, terceiros que tenham recebido cpias, ou direitos de voc sob esta Licena no tero suas licenas terminadas, tanto quanto esses terceiros permaneam em total acordo com esta Licena.

REVISES FUTURAS DESTA LICENA

A Free Software Foundation pode publicar novas verses revisadas da Licena de Documentao Livre GNU de tempos em tempos. Tais novas verses sero similares em espirito verso presente, mas podem diferir em detalhes ao abordarem novos porblemas e preocupaes. Veja http://www.gnu.org/copyleft/. A cada verso da Licena dado um nmero de verso distinto. Se o Documento especicar que uma verso particular desta Licena "ou qualquer verso posterior"se aplica ao mesmo, voc tem a opo de seguir os termos e condies daquela verso especca, ou de qualquer verso posterior que tenha sido publicada (no como rascunho) pela Free Software Foundation. Se o Documento no especicar um nmero de Verso desta Licena, voc pode escolher qualquer verso j publicada (no como rascunho) pela Free Software Foundation. ADENDO: Como usar esta Licena para seus documentos Para usar esta Licena num documento que voc escreveu, inclua uma cpia desta Licena no documento e ponha as seguintes notas de copyright e licenas logo aps a pgina de ttulo: Copyright (c) ANO SEU NOME. dada permisso para copiar, distribuir e/ou modicar este documento sob os termos da Licena de Documentao Livre GNU, Verso 1.1 ou qualquer verso posterior publicada pela Free Software Foundation; com as Sees Invariantes sendo LISTE SEUS TTULOS, com os Textos da Capa da Frente sendo LISTE, e com os Textos da Quarta-Capa sendo LISTE. Uma cpia da licena est inclusa na seo entitulada "Licena de Documentao Livre GNU". Se voc no tiver nenhuma Seo Invariante, escreva "sem Sees Invariantes"ao invs de dizer quais so invariantes. Se voc no tiver Textos de Capa da Frente, escreva "sem Textos de Capa da Frente"ao invs de "com os Textos de Capa da Frente sendo LISTE"; o mesmo para os Textos da Quarta Capa. Se o seu documento contiver exemplos no triviais de cdigo de programas, ns recomendamos a publicao desses exemplos em paralelo sob a sua escolha de licena de software livre,

17

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

tal como a GNU General Public License, para permitir o seu uso em software livre.

18

Parte IV

Nvu

19

Captulo 1

O que o Nvu
O Nvu (pronuncia-se Nview) um poderoso editor de documentos HTML de cdigo aberto desenvolvido pela Linspire, licenciado sob a Mozilla Public License (MPL). Esse editor excelente para inciantes em programao web, pois permite criar pginas mesmo que no se tenha conhecimento da linguagem HTML, por meio de uma interface grca. O curso, com base na distribuio Debian, possui uma semana comeando na segunda-feira e terminando no domingo da ltima semana. Todo o contedo do curso estar visvel somente a partir da data de incio. Para comear o curso, voc deve ler o Guia do aluno a seguir.

20

Captulo 2

Plano de ensino
2.1 Objetivo
Capacitar o usurio para o uso autnomo do ambiente de edio de pginas web Nvu.

2.2 Pblico Alvo

Usurios nais ou novatos que desejam migrar os seus sistemas proprietrios para software livre.

2.3 Pr-requisitos
Os usurios devero ser, necessariamente, funcionrios pblicos e ter conhecimentos bsicos para operar um computador.

2.4 Descrio
O curso ser realizado na modalidade Educao a Distncia e utilizar a Plataforma Moodle como ferramenta de aprendizagem. O curso tem durao de uma semana e possui um conjunto de atividades (lies, fruns, glossrios, questionrios e outros) que devero ser executadas de acordo com as instrues fornecidas. O material didtico est disponvel on-line de acordo com as datas pr-estabelecidas em cada tpico. A verso adotada do Nvu a 1.0, caso possua outra verso podem ocorrer diferenas com relao a este material.

2.5 Metodologia
O curso est dividido da seguinte maneira:

2.6 Cronograma
Descrio das atividades

21

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

De seguda-feira a domingo Lio 1 - instalao, introduo, textos e listas; Lio 2 - imagens, tabelas, links e formulrios; Lio 3 - camadas, templates, estilos, gerenciador de site e publicao. De quinta-feira a domigo Avaliao de aprendizagem Avaliao do curso As lies contm o contudo principal. Elas podero ser acessadas quantas vezes forem necessrias, desde que esteja dentro da semana programada. Ao nal de cada lio, voc receber uma nota de acordo com o seu desempenho. Responda com ateno s perguntas de cada lio, pois elas sero consideradas na sua nota nal. Caso sua nota numa determinada lio for menor que 6.0, sugerimos que voc faa novamente esta lio. // Ao nal do curso ser disponibilizada a avaliao referente ao curso. Tanto as notas das lies quanto a da avaliao sero consideradas para a nota nal. Todos os mdulos caro visveis para que possam ser consultados durante a avaliao nal. // Aconselhamos a leitura da "Ambientao do Moodle"para que voc conhea a plataforma de Ensino a Distncia, evitando diculdades advindas do "desconhecimento"sobre a mesma. // Os instrutores estaro a sua disposio ao longo de todo curso. Qualquer dvida dever ser enviada no frum. Diariamente os monitores daro respostas e esclarecimentos.

2.7 Programa
O curso oferecer o seguinte contedo: Instalao; Introduo; Formatao de textos; Listas; Imagens; Tabelas; Links; Formulrios; Camadas; Templates; Estilos; Gerenciador de sites; Publicao do site. 22

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

2.8 Avaliao
Toda a avaliao ser feita on-line. Aspectos a serem considerados na avaliao: iniciativa e autonomia no processo de aprendizagem e de produo de conhecimento; capacidade de pesquisa e abordagem criativa na soluo dos problemas apresentados. Instrumentos de avaliao: participao ativa nas atividades programadas; avaliao ao nal do curso; o participante far vrias avaliaes referente ao contedo do curso. Para a aprovao e obteno do certicado o participante dever obter nota nal maior ou igual a 6.0 de acordo com a frmula abaixo: Nota Final = ((ML x 7) + (AF x 3)) / 10 = Mdia aritmtica das lies AF = Avaliaes

2.9 Bibliograa
Site ocial: http://www.nvu.org/ Nvu user guide: http://nvudev.com/guide/html/

23

Captulo 3

Lio 1
O Nvu (pronuncia-se Nview) um poderoso editor de documentos HTML de cdigo aberto desenvolvido pela Linspire, licenciado sob a Mozilla Public License (MPL). Esse editor excelente para inciantes em programao web, pois permite criar pginas mesmo que no se tenha conhecimento da linguagem HTML, por meio de uma amigvel interface grca.

3.1 1 - Instalao
Siga os seguintes passos: 1. Faa o download do Nvu em http://www.nvu.com/download.php 2. Escolha o arquivo apropriado para seu sistema operacional ou distribuio do Linux. A explicao seguinte para instalao no Debian e distribuies derivadas dele. Para essas distribuies o arquivo nvu-1.0-pc-linux2.6.10-gnu.tar.bz2 3. Entre no diretrio onde o arquivo foi salvo e o descompacte: tar vxjpf nvu-1.0-pc-linux2.6.10gnu.tar.bz2 4. Entre no diretrio criado ao descompactar o arquivo: cd nvu-1.0/ 5. Execute o nvu: ./nvu

24

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

3.2 2 - Introduo

Esta a tela que vemos ao abrir o Nvu. por meio desta interface que aprenderemos a construir pginas HTML. Ento, a primeira coisa a fazer conhec-la. A primeira barra mostrada na gura a barra de ttulo. Ela mostra o nome da ferramenta (Nvu) e o nome do documento no qual estamos trabalhando. Nesse caso no lugar do nome do documento temos untitled (no intitulado) porque no h nenhum documento aberto.

A segunda barra, logo abaixo da barra de ttulos, a barra de menus. Nas prximas lies aprenderemos mais sobre as funes dela.

Abaixo da barra de menus est a barra de ferramentas. Esta barra tem alguns atalhos para facilitar aes que poderiam ser executadas utilizando-se barra de menus, como criar um novo documento ou inserir uma imagem.

A quarta barra a barra de formatao, que, como o nome sugere, d opes de formatao do texto. Nesta barra pode-se escolher o tipo da fonte, o tamanho, o alinhamento do texto alm de outras opes. Assim como a barra de ferramentas, a barra de formatao facilita aes que poderiam ser realizadas utilizando-se a barra de menus. 25

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Abaixo da barra de formatao, do lado direito, est a rea onde ser criada a pgina. nesse retngulo branco que inserimos o texto, as guras, tabelas e demais elementos da pgina. O Nvu uma interface do tipo wysiwyg (what you see is what you get) o que signica que o resultado nal ser igual ao que visto na edio do documento. A barra de modo de edio ca logo abaixo da rea de edio. Ela tem as seguintes opes: Normal - a aba mais utilizada na construo da pgina. Mostra uma viso muito parecida com o resultado nal. HTML tags - mostra as tags HTML como smbolos, dessa forma tem-se uma viso clara da pgina e uma boa noo sobre o cdigo. Source - mostra o cdigo HTML. possvel editar esse cdigo caso voc tenha conhecimento da lingugem HTML. Preview - mostra como ser o resultado nal, como a pgina ser vista pelos leitores.

A ltima das barras a barra de status, que ca abaixo da barra de modo de edio.

3.3 3 - Formatao de textos

Comearemos nossa pgina editando um texto. Copie o pargrafo abaixo e cole-o na rea de edio, no modo de edio normal. "Centro de Desenvolvimento de Tecnologia e Conhecimento Objetivo Geral O Projeto CDTC visa a promoo e o desenvolvimento de aes que incentivem a disseminao de solues que utilizem padres abertos e no proprietrios de tecnologia, em proveito do desenvolvimento social, cultural, poltico, tecnolgico e econmico da sociedade brasileira. Objetivo Especco Auxiliar o Governo Federal na implantao do plano nacional de software no-proprietrio e de cdigo fonte aberto, identicando e mobilizando grupos de formadores de opinio dentre os servidores pblicos e agentes polticos da Unio Federal, estimulando e incentivando o mercado nacional a adotar novos modelos de negcio da tecnologia da informao e de novos negcios de comunicao com base em software no-proprietrio e de cdigo fonte aberto, oferecendo treinamento especco para tcnicos, prossionais de suporte e funcionrios pblicos usurios, criando grupos de funcionrios pblicos que iro treinar outros funcionrios pblicos e atuar como incentivadores e defensores de produtos de software no proprietrios e cdigo fonte aberto, oferecendo contedo tcnico on-line para servios de suporte, ferramentas para desenvolvimento de produtos de software no proprietrios e de seu cdigo fonte livre, articulando redes de terceiros (dentro e fora do governo) fornecedoras de educao, pesquisa, desenvolvimento e 26

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

teste de produtos de software livre." Ento, salve o documento com o nome CDTC. Para salvar um arquivo voc pode clicar no terceiro boto da barra de ferramentas ou ir em le -> save as. Ser perguntado o nome do arquivo, escreva CDTC neste campo. Em seguida, clique em Save.

Observe que, aps salvar, o nome do arquivo aparece na barra de ttulo.

No menu format possvel denir o tamanho e tipo da fonte, a cor, o estilo e o alinhamento do texto, uma imagem de fundo para a pgina e algumas outras opes de formatao. Para mudar o alinhamento do texto para justicado, por exemplo, faa o seguinte: 1. selecione todo o texto; 27

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

2. clique no menu format e posicione o ponteiro do mouse sobre align; 3. aparecero as opes left, center, right e justify. Escolha esta ltima. Selecionando todo texto e clicando no boto align justify sobre a barra de ferramentas teramos o mesmo resultado nal. Caso queira mudar o tipo da fonte, siga os seguintes passos: 1. selecione o texto; 2. clique no menu format e posicione o ponteiro do mouse sobre font; 3. aparecero diversos tipos de fonte, escolha um deles. Uma forma mais rpida de fazer isso selecionar o texto e escolher o tipo da fonte na terceira lista de seleo da barra de ferramentas. Outra opo de formatao a de estilos de texto. Alguns exemplos de estilos so: negrito, itlico e sublinhado. Pode-se escolher o estilo do texto no menu format -> text style ou usando os botes seguintes:

Alm desses trs estilos, que so os mais frequentemente utilizados, h outros que s podem ser escolhidos por meio do menu format. Pode-se tambm mudar a cor da fonte por meio do menu Format -> Text Color . Para mudar o tamanho da fonte selecionamos o texto que ter seu tamanho de fonte alterado e usamos o menu Format -> Size. Para mudar o formato dos pargrafos, selecione a parte do texto a ser modicada e escolha, na primeira caixa drop-down da barra de formatao, o formato mais apropriado. Os possveis formatos so: Body Text - o texto ca com tipo do fonte padro; Paragraph - uma tag de pargrafo (<p>,</p>) inserida. Consequentemente so criadas margens superior e inferior nessa parte do texto; Heading (1 a 6) - usado para ttulos. Este formato deixa as letras maiores e em negrito. O tamanho da fonte depende do nvel escolhido. Quanto menor o nvel maior o tamanho da letra. Os nveis vo de 1 at 6; Addres - usado para inserir uma assinatura na pgina e permitir que os leitores entrem em contato com o autor. Para aplicar o que acabou de aprender faa o seguinte: 1. Mude o tamanho do ttulo do texto (Centro de Desenvolvimento de Tecnologia e Conhecimento) para x-large. Mude tambm sua cor para a que preferir e seu estilo para negrito; 2. Mude o tamanho dos subttulos (Objetivo Geral e Objetivo Especco) para large; 3. Dena o alinhamento de todo texto como justicado. Voc deve conseguir um resultado como o da gura abaixo:

28

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

3.4 4 - Listas
Para inserir uma lista em uma pgina clique em um dos botes seguintes ou use os menus

Format -> List -> Numbered ou Format -> List -> Bulleted, que correspondem, respectivamente, a esses botes.

Dependendo da opo escolhida aparecer o nmero 1 ou uma bolinha preta. Digite o primeiro item da lista e pressione Enter. Aparecer, ento, o nmero dois ou outra bolinha. Repita este procedimento at o m da lista. Aps a insero do ltimo item, pressione Enter duas vezes (na primeira vez aparecer um nmero ou uma bolinha para que voc adicione um item, na segunda vez o nmero ou a bolinha sumir). Se, posteriormente, voc quiser adicionar novos elementos lista basta posicionar o cursor aps o ltimo elemento dela e pressionar Enter. Aparecer espao para um novo item. possvel mudar a formatao da lista por meio do menu Format -> List ou clicando com o boto direito do mouse sobre a lista. Em ambos os casos escolha a opo Format -> List Properties. Voc ver a seguinte tela:

29

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Em list type, voc ter as opes lista no-numerada (Bullet List), lista numerada (Numbered List) e lista de denio (Denition List). Escolhendo Bullet List ser possvel escolher se antes de cada item aparecer um crculo aberto, um crculo fechado ou um quadrado. Escolhendo Numbered List ter as opes de algarismos arbicos, algarismos romanos maisculos ou minsculos ou letras maisculas ou minsculas. Aps escolher as opes de formatao de sua lista clique em OK. Para criar uma lista de denio use o menu Format -> List -> Denition. Neste caso, aps a insero de um elemento da lista, voc poder escrever uma descrio sobre ele. Como no exemplo abaixo: Primeiro elemento descrio do primeiro elemento Segundo elemento descrio do segundo elemeto Terceiro elemento descrio do terceiro elemento O Nvu permite a criao de listas aninhadas, isto , criar uma lista dentro de outra. Para criar uma lista dentro de outra j existente, faa o seguinte: 1. Posicione o cursor antes de onde ser inserida a nova lista; 2. Pressione Shift+Enter 3. Digite os itens da nova lista da mesma forma feita anteriormente. possivel denir um tipo diferente de formatao para cada uma das listas.

30

Captulo 4

Lio 2
4.1 1 - Imagens
Os browsers aceitam imagens nos formatos gif, jpg e png. Para inserir uma imagem em sua pgina, faa o seguinte: 1. Clique no menu Insert -> Image ou no boto

aparecer a seguinte tela:

2. Na aba location clique em Choose File e escolha o arquivo da gura que deseja inserir. 3. Deixe marcada a caixa URL is relative to page location. 4. Em Tooltip escreva um ttulo que identique a imagem.

31

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

5. No campo alternte text escreva uma pequena descrio sobre a imagem. Esta mensagem ser mostrada caso o browser no possa mostrar a imagem ou enquanto ela estiver sendo carregada. 6. Clique em OK. Para mudar o tamanho da imagem, clique sobre ela e aparecero pequenos quadrados em seus cantos e no ponto mdio de cada lado. Clicando sobre um deles e arrastando a imagem ser redimensionada. Para mudar o alinhamento do texto em relao a imagem, faa o seguinte: 1. D um duplo clique sobre a imagem. Ser aberta a janela Image Properties; 2. Clique na aba Appearance; 3. Na caixa de seleo Align text to image escolha a opo que preferir.

4.2 2 - Tabelas
Inserido Tabelas
Para inserir uma tabela a sua pgina, use o boto:

ou o menu: Insert -> Table . Ser, ento, aberta uma janela que lhe permite escolher o nmero de linhas e de colunas de sua tabela, como ilustrado abaixo:

H duas formas de denir esses parmetros, na aba Quickly ou na aba Precisely. Na primeira delas, basta arrastar o mouse sobre a gura de uma tabela cinza, as clulas marcadas em azul representam as clulas que estaro presentes na tabela que ser criada. Na aba Precisely, ser necessrio digitar o nmero de linhas (rows) e de colunas (columns) da tabela. No parmetro width dena a largura da tabela (em pixels ou porcentagem em relao largura da janela). Na aba Cell, voc pode denir o alinhamento do texto em relao clula nos campos Horiz. alignment e Vert. alignment. O campo Cellspacing dene a distncia entre as clulas da tabela. 32

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Depois de denir cada um desses parmetros clique em OK para que a tabela seja inserida.

Formatando Tabelas
possvel, aps inserir uma tabela, format-la. Para isso d um duplo clique sobre a tabela. Ser aberta a janela Table Properties, ilustrada abaixo:

Voc poder mudar o nmero de linhas ou de colunas da tabela da mesma forma feita em sua insero. Os campos Height e Width denem, respectivamente, a altura das linhas e a largura das colunas. Para mud-las, basta digitar o novo valor no campo e escolher a unidade de medida numa caixa drop-down a direita desse valor. As possveis unidades de medida so pixels ou porcentagem em relao ao tamanho da janela. A espessura da borda externa da tabela pode ser alterada no campo Border. A espessura padro de 2 pixels. O campo Spacing permite modicar a distncia entre as clulas e o campo Padding serve para denir o tamanho do espao entre a borda das clulas e seu contedo. Em Table Alignment possvel escolher se a tabela car a direita ou a esquerda da pgina, logo abaixo est o campo Background Color que tem como funo denir a cor de fundo da tabela. Para alterar essa cor, clique sobre o retngulo a direita e escolha a cor na janela que ser aberta. Para mudar a formatao das clulas, clique sobre a aba Cells na janela que foi aberta.

33

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Na primeira caixa drop-down dessa aba voc deve escolher se quer mudar as propriedades de uma linha, uma coluna ou uma clula. Usando os botes Previous e Next selecione a linha, tabela ou coluna que deseja editar. Voc ver a tabela com a parte selecionada destacada. Nos campos Height e Width voc deve escolher a altura e a largura da parte selecionada, como feito na aba Table, a diferena que na aba Cells as mudanas sero aplicadas apenas regio selecionada, e no tabela inteira. A direita desses campos possvel de denir o alinhamento do texto em relao clula. As possibilidades de alinhamento vertical so no alto da clula (top), em uma altura intermediria (middle) ou na parte de baixo dela (bottom). As opes de alinhamento horizontal so as mesmas explicadas em formatao de texto, ou seja, left, center, right e justify. Escolha a mais apropriada para sua tabela. Clicando sobre o retngulo a direita de Background Color ser aberta uma janela para que voc esolha a cor de fundo da regio selecionada. Depois de mudar todos os parmetros que achar necessrio, clique em OK.

Inserindo Imagens de Fundo

possvel denir uma imagem de fundo na tabela ou em uma das clulas. Para isso, siga os seguintes passos: 1. clique na aba HTML Tags na barra de modo de edio; 2. pressione a tecla Ctrl e ao mesmo tempo clique sobre a tag HTML correspondente clula ou tabela na qual a gura ser inserida. OBS: as tags HTML so representadas pelos pequenos retngulos amarelos que aparecem esquerda das clulas e da tabela; 3. fazendo o passo anterior, uma das tags da barra de status car em negrito. Clique com o boto direito do mouse sobre essa tag. Ento posicione o cursor do mouse sobre Inline Styles e em seguida clique em Background Properties; 4. na janela que ser aberta escolha uma cor de fundo (clique no retngulo a direita do campo color) e a imagem que deseja inserir (para isso clique no boto Choose File e escolha o arquivo da imagem). A cor de fundo car visvel nas partes transparentes da imagem; 34

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

5. clique em OK. Para ver a imagem, volte para a aba Normal da barra de status.

4.3 3 - Links
ncoras
Uma ncora marca determinado local de uma pgina para que, posteriormente, quando o leitor clicar em um link associado a ela, a pgina seja posicionada nesse local. Para inserir uma ncora em sua pgina, faa o seguinte: 1. posicione o cursor no local desejado para inserir a ncora; 2. clique no boto Anchor da barra de ferramentas; 3. na janela Named Anchor Properties d um nome para ncora. importante que no haja duas ou mais ncoras com o mesmo nome.

Links
Links so textos ou imagens que permitem a navegao nas pginas. Para transformar um texto em link faa o seguinte: 1. selecione o texto (de preferncia com poucas palavras) a ser transformado em link e clique no boto link da barra de ferramentas; 2. ser aberta a janela Link properties no campo Link Location; (a) digite o endereo de e-mail e marque o campo The above is an email address, neste caso clicando sobre o link ser aberto o cliente de email com o endereo do link; (b) ou escolha uma das ncoras da lista que ca acima do boto Choose le; (c) ou clique no boto Choose File e escolha um arquivo, assim quando clicar nesse link o arquivo escolhido ser aberto; (d) ou digite um endereo de uma pgina da internet; 3. clique em OK. Para transformar uma gura em um link o procedimento semelhante ao anterior, porm, ao invs de selecionar um texto, clique sobre a gura a ser transformada em link e depois clique sobre o boto link. Ento, faa as partes 2) e 3) do procedimento anterior.

4.4 4 - Formulrios
Os formulrios permitem uma comunicao entre os visitantes da pgina e o servidor do site.

Inserindo Formulrios
Para inserir um formulrio, faa o seguinte: 1. Clique no boto Form da barra de ferramentas; 35

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

2. na janela Form properties, que ser aberta d um nome ao formulrio (em Form name), em Action URL digite o endereo do script para o qual os dados sero enviados. Escolha, ento, o mtodo pelo qual os dados sero enviados. Existem dois mtodos: post e get. O mtodo post usado na transferncia de grande volume de dados, j o mtodo get s pode ser usado para transferncia de at 128 caracteres; 3. clique em OK. Aps a insero do formulrio, voc deve adicionar os campos, imagens, botes e demais elementos que forem necessrios a ele. Para isso, voc deve, primeiramente, posicionar o cursor no local dentro do formulrio (delimitado por um retngulo azul de linhas tracejadas) onde quer que o elemento seja inserido, depois use o menu Insert -> Form ou clique sobre a seta direita do boto Form da barra de ferramentas. Na lista de seleo que aparece, escolha o tipo do elemento que deseja adicionar e preencha a janela que ser aberta com as informaes necessrias. A seguir sero dados alguns exemplos de como inserir alguns elementos em um formulrio. Se voc quiser adicionar uma imagem no seu formulrio: 1. escolha a opo Form Image; 2. clique na aba location e em seguida no boto Choose File; 3. selecione o arquivo da imagem a ser inserida e clique em OK. Caso queira inserir um campo para que seja digitada uma senha: 1. escolha a opo Form Field; 2. ser aberta a janela Form Field Properties, em Field Type selecione o tipo Password; 3. em Field Name d um nome ao campo; 4. clique em OK. Para inserir uma lista de seleo: 1. escolha a opo Selection List; 2. no campo List Name, d um nome lista; 3. no campo Text, digite a primeira opo da sua lista e clique em Add Option; 4. repita o passo 3 at que todos os elementos da lista tenham sido inseridos; 5. clique em OK.

36

Captulo 5

Lio 3
5.1 1 - Camadas
O Nvu permite que partes do texto, guras ou outros elementos sejam transformados em camadas. Dessa forma, esses elementos podem se movidos e sobrepostos. Para tranformar um elemento em uma camada, faa o seguite: 1. selecione um ou vrios elementos que sero transformados em uma camada; 2. clique no boto:

da barra de formatao. Para mover a camada, clique no pequeno quadrado com quatro setas acima da gura (destacado em vermelho) e arraste-a para o local que desejar.

Caso faa sobreposio de camadas, voc pode escolher qual delas car sobre a outra usando os botes:

5.2 2 - Templates
Templates so pginas feitas com o objetivo de serem reutilizadas posteriormente. Os templates facilitam a construo dos sites, porque a estrutura j foi projetada anteriormente, bastando, 37

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

ento, acrescentar o contedo da pgina. Dessa forma pode-se fazer vrias pginas com a mesma estrutura bsica. Para criar um novo template, faa o seguinte: 1. clique no menu File -> new; 2. marque a opo A blank template; 3. clique em create. Aps criar seu template, edite normalmente a pgina, ou seja, adicione formulrios, tabelas, guras e demais elementos necessrios. Voc deve denir quais partes de sua pgina sero editveis. Para isso, faa o seguinte: 1. clique na aba HTML tags da barra de modo de edio; 2. clique sobre a tag correspondente rea que ser editvel, uma da barra de status car em negrito; 3. clique com o boto direito do mouse na tag em negrito; 4. posicione o cursor do mouse sobre Templates e clique em Make editable, ser aberta a janela Insert an editable rea.

5. em area name digite um nome para a rea; 6. se voc quiser, marque uma ou mais das opes listadas em Options, descritas a seguir: Area is optional: ser permitido que essa rea seja deletada na pgina criada a partir do template; Area is repeatable: ser permitido que essa rea seja duplicada na pgina criada a partir do template; Area is movable: esta rea ser uma camada na pgina criada a partir do template. 7. depois de escolher as opes clique em OK. Depois disso, salve o template: 38

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

1. clique no menu le -> save as; 2. escolha um nome para seu tamplate e clique em OK e depois em Save. O Nvu permite que pginas j existentes sejam transformadas em templates. Para transformar um documento em um template faa o seguinte: 1. abra o documento; 2. clique no menu Format -> Page Title And Properties; 3. marque a opo This page is a template;

4. clique em OK; 5. clique no menu File -> Save as; 6. escolha um novo nome ou deixe com o nome antigo; 7. clique em Save. Para criar uma pgina baseada em um template, faa o seguinte: 1. clique no menu File -> New; 2. marque a opo A new document based on a template;

39

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

3. clique no boto Choose File e escolha o template no qual a pgina ser baseada; 4. clique em Create. Agora modique sua pgina editando ou adicionando o que for necessrio.

5.3 3 - Estilos
Estilos denem como determinados elementos como ttulos, tabelas ou pargrafos, da sua pgina iro ser mostrados na tela. O editor de estilos do Nvu chamado Cascade, ele capaz de criar estilos internos e externos. possvel escolher os elementos aos quais os estilos sero aplicados, para isso usamos classes, que so justamente estilos que podem ser aplicados nos locais que voc escolher. Estilos internos so um conjunto de regras que cam na seo HEAD da pgina. Essas regras podem ser aplicadas a todos os elementos de determinado tipo ou a alguns deles (como foi explicado sobre classes). Estilos externos so econmicos, pois permitem que um mesmo estilo seja usado em vrios sites. Nesse caso, usado um link para uma pgina externa de estilo. Essas pginas de estilo tambm contm um conjunto de regras. Elas so um arquivo de texto com a extenso css.

Criao de estilos
Para abrir o Cascade, clique no menu Tools -> CSS editor, depois de abri-lo marque a opo expert mode. A diferena entre expert mode e beginner mode que nesse ltimo no possvel criar estilos externos.

Estilos Internos
Para criar um estilo interno, faa o seguinte: 1. abra o Cascade; 40

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

2. clique em style elt e em seguida em Stylesheet; 3. clique em RULE; 4. na aba General marque a opo Style applied to all elements of type; 5. no campo de texto digite a tag correspondente ao elemento para o qual a regra ser criada; 6. clique em Create style rule.

Agora voc deve informar como quer que seja a aparncia do elemento que voc escolheu. Para isso, siga os seguintes passos: 1. no retngulo branco do lado esquerdo da janela, clique na tag do elemento que voc escolheu; 2. use as abas Text, Background, Border e etc para denir como voc quer a aparncia desse elemento; 3. depois de denir todos os atributos que desejar clique em Close.

Classes
Para criar uma classe, faa o seguinte: 1. abra o Cascade; 2. crie um estilo, da mesma forma explicada acima; 3. no retngulo do lado esquerdo da pgina clique sobre o estilo que voc acabou de criar; 4. clique em Rule e marque a opo named style; 5. digite um nome para sua classe; 6. clique em Create style rule, voc ver que o nome da classe aparecer no retngulo do lado esquerdo precedido de um ponto. 41

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Para escolher como ser a aparncia dos elementos, proceda da mesma forma explicada anteriormente. Agora voc deve escolher os elementos aos quais as regras da classe sero aplicadas. Ento, faa o seguinte: 1. na barra de modo de edio escolha a aba HTML tags; 2. clique sobre a tag correspondente ao elemento ao qual a regra ser aplicada, ento, essa tag ser mostrada em negrito na barra de status; 3. na barra de status, clique com o boto direito do mouse na tag em negrito; 4. posicione o cursor do mouse sobre Classes, sero mostrados um ou mais nomes de classes, escolha a classe que voc acabou de criar.

Estilos Externos
Para criar um estilo externo faa o seguinte: 1. abra o Cascade; 2. marque a opo expert mode e clique em Style elt; 3. digite um ttulo no campo title e clique em Create Stylesheet; 4. clique em Export Stylesheet and switch to exported version; 5. ser aberta a janela Select a CSS le, digite um nome com a extenso css e clique em save; 6. na janela Stylesheets, clique em Rule e crie as regras da mesma forma que voc fez nos estilos internos.

5.4 4 - Gereciador de site

O gerenciador de sites do Nvu, ilustrado abaixo, permite fcil navegao no seu site ou entre sites.

42

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Se ele no estiver aparecendo, tecle em F9. Depois de criar sua pgina e abrir o gerenciador, faa o seguinte : 1. clique em Edit Sites, a janela Publish Settings ser aberta;

43

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

2. em Site Name digite um nome para o site; 3. clique no boto Select directory e selecione a pasta onde est o site; 4. clique em OK. O nome do site ser mostrado no gereciador de sites. possvel adicionar vrios sites no gerenciador. Para que um dos arquivos seja mostrado na rea de edio d um duplo clique sobre ele. Na caixa drop-down na parte de cima do gereciador de sites, possvel escolher quais arquivos sero mostrados (documentos html, arquivos de imagens ou todos os arquivos). Para adicionar um site remoto, faa o seguinte: 1. clique em Edit Sites, a janela Publish Settings ser aberta, como no procedimento anterior; 2. em Site Name digite um nome para o site; 3. no campo Web site information digite o endereo da sua pgina; 4. no primeiro campo de Publishing server digite o endereo do seu servidor ftp; 5. em User name digite seu nome de usurio no servidor; 6. em Password digite sua senha, se quiser que a senha seja gravada para no ter que digit-la das prximas vezes marque a opo Save password; 7. clique em OK.

5.5 4 - Publicao do site

Instrues para publicao de seu site: primeiro, adicione o site que voc quer publicar ao gerenciador de sites, como explicado na pgina anterior. Ento, clique no boto Publish

da barra de ferramentas. Ser aberta a seguinte janela:

44

CDTC

Centro de Difuso de Tecnologia e Conhecimento

Brasil/DF

Faa o seguinte: 1. em site name, selecione o nome do site que voc congurou anteriormente; 2. ento os campos Page Title e Filename sero preenchidos automaticamente, verique se esto corretos; 3. no campo Site subdirectory for tis page digite o nome do subdiretrio do servidor no qual o site ser adicionado; 4. se quiser marque a opo Include images and other les, esta opo serve para que seja feito o upload de estilos externos e das imagens da pgina; 5. se voc fez o passo 4, ento escolha entre as opes Use same location as page ou Use this site subdirctory; 6. clique em OK, ser mostrada uma janela como esta:

45