Kompozer 13 de Agosto de 2009

Transcrição

1 Kompozer 13 de Agosto de 2009

2 Conteúdo I Sobre essa apostila 2 II Informações Básicas 4 III GNU Free Documentation License 9 IV Kompozer 18 1 Kompozer 19 2 Plano de ensino Objetivo Público Alvo Pré-requisitos Descrição Metodologia Cronograma Programa Avaliação Bibliografia Introdução Introdução Instalação Interface Passar para o Português do Brasil Textos e Listas Textos Listas Imagens, Tabelas, Links e Formulários Imagens Tabelas Links Formulários

3 6 Caixas, Templates e Estilo Caixas Templates Estilo Gereciador de sites e Publicação Gerenciador de Sites Publicação

4 Parte I Sobre essa apostila 3

5 Conteúdo O conteúdo dessa apostila é fruto da compilação de diversos materiais livres publicados na internet, disponíveis em diversos sites ou originalmente produzido no CDTC em O formato original deste material bem como sua atualização está disponível dentro da licença GNU Free Documentation License, cujo teor integral encontra-se aqui reproduzido na seção de mesmo nome, tendo inclusive uma versão traduzida (não oficial). A revisão e alteração vem sendo realizada pelo CDTC (suporte@cdtc.org.br), desde outubro de Criticas e sugestões construtivas são bem-vindas a qualquer tempo. Autores A autoria deste conteúdo, atividades e avaliações é de responsabilidade de Alexandre Henrique Aben-Athar Sousa Baião (alexandre.baiao@cdtc.org.br). O texto original faz parte do projeto Centro de Difusão de Tecnolgia e Conhecimento, que vem sendo realizado pelo ITI em conjunto com outros parceiros institucionais, atuando em conjunto com as universidades federais brasileiras que tem produzido e utilizado Software Livre, apoiando inclusive a comunidade Free Software junto a outras entidades no país. Informações adicionais podem ser obtidas atréves do ouvidoria@cdtc.org.br, ou da home page da entidade, através da URL Garantias O material contido nesta apostila é isento de garantias e o seu uso é de inteira responsabilidade do usuário/leitor. Os autores, bem como o ITI e seus parceiros, não se responsabilizam direta ou indiretamente por qualquer prejuízo oriundo da utilização do material aqui contido. Licença Copyright 2009,Alexandre Henrique Aben-Athar Sousa Baião (alexandre.baiao@cdtc.org.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 APOS- TILA. A copy of the license is included in the section entitled GNU Free Documentation License. 4

6 Parte II Informações Básicas 5

7 Sobre o CDTC Objetivo Geral O Projeto CDTC visa a promoção e o desenvolvimento de ações que incentivem a disseminação de soluções que utilizem padrões abertos e não proprietários de tecnologia, em proveito do desenvolvimento social, cultural, político, tecnológico e econômico da sociedade brasileira. Objetivo Específico Auxiliar o Governo Federal na implantação do plano nacional de software não-proprietário e de código fonte aberto, identificando e mobilizando grupos de formadores de opinião dentre os servidores públicos e agentes políticos da União Federal, estimulando e incentivando o mercado nacional a adotar novos modelos de negócio da tecnologia da informação e de novos negócios de comunicação com base em software não-proprietário e de código fonte aberto, oferecendo treinamento específico para técnicos, profissionais de suporte e funcionários públicos usuários, criando grupos de funcionários públicos que irão treinar outros funcionários públicos e atuar como incentivadores e defensores de produtos de software não proprietários e código fonte aberto, oferecendo conteúdo técnico on-line para serviços de suporte, ferramentas para desenvolvimento de produtos de software não proprietários e de seu código fonte livre, articulando redes de terceiros (dentro e fora do governo) fornecedoras de educação, pesquisa, desenvolvimento e teste de produtos de software livre. Guia do aluno Neste guia, você terá reunidas uma série de informações importantes para que você comece seu curso. São elas: Licenças para cópia de material disponível Os 10 mandamentos do aluno de Educação a Distância Como participar dos fóruns e da wikipédia Primeiros passos É muito importante que você entre em contato com TODAS estas informações, seguindo o roteiro acima. Licença Copyright 2006, Alexandre Henrique Aben-Athar Sousa Baião (alexandre.baiao@cdtc.org.br). 6

8 É dada permissão para copiar, distribuir e/ou modificar este documento sob os termos da Licença de Documentação Livre GNU, Versão 1.1 ou qualquer versão posterior publicada pela Free Software Foundation; com o Capítulo Invariante SOBRE ESSA APOSTILA. Uma cópia da licença está inclusa na seção entitulada "Licença de Documentação Livre GNU". Os 10 mandamentos do aluno de educação online 1. Acesso a Internet: ter endereço eletrônico, um provedor e um equipamento adequado é pré-requisito para a participação nos cursos a distância. 2. Habilidade e disposição para operar programas: ter conhecimentos básicos de Informática é necessário para poder executar as tarefas. 3. Vontade para aprender colaborativamente: interagir, ser participativo no ensino a distância conta muitos pontos, pois irá colaborar para o processo ensino-aprendizagem pessoal, dos colegas e dos professores. 4. Comportamentos compatíveis com a etiqueta: mostrar-se interessado em conhecer seus colegas de turma respeitando-os e fazendo ser respeitado pelo mesmo. 5. Organização pessoal: planejar e organizar tudo é fundamental para facilitar a sua revisão e a sua recuperação de materiais. 6. Vontade para realizar as atividades no tempo correto: anotar todas as suas obrigações e realizá-las em tempo real. 7. Curiosidade e abertura para inovações: aceitar novas idéias e inovar sempre. 8. Flexibilidade e adaptação: requisitos necessário a mudança tecnológica, aprendizagens e descobertas. 9. Objetividade em sua comunicação: comunicar-se de forma clara, breve e transparente é ponto-chave na comunicação pela Internet. 10. Responsabilidade: ser responsável por seu próprio aprendizado. O ambiente virtual não controla a sua dedicação, mas reflete os resultados do seu esforço e da sua colaboração. Como participar dos fóruns e Wikipédia Você tem um problema e precisa de ajuda? Podemos te ajudar de 2 formas: A primeira é o uso dos fóruns de notícias e de dúvidas gerais que se distinguem pelo uso: O fórum de notícias tem por objetivo disponibilizar um meio de acesso rápido a informações que sejam pertinentes ao curso (avisos, notícias). As mensagens postadas nele são enviadas a 7

9 todos participantes. Assim, se o monitor ou algum outro participante tiver uma informação que interesse ao grupo, favor postá-la aqui. Porém, se o que você deseja é resolver alguma dúvida ou discutir algum tópico específico do curso, é recomendado que você faça uso do Fórum de dúvidas gerais que lhe dá recursos mais efetivos para esta prática.. O fórum de dúvidas gerais tem por objetivo disponibilizar um meio fácil, rápido e interativo para solucionar suas dúvidas e trocar experiências. As mensagens postadas nele são enviadas a todos participantes do curso. Assim, fica muito mais fácil obter respostas, já que todos podem ajudar. Se você receber uma mensagem com algum tópico que saiba responder, não se preocupe com a formalização ou a gramática. Responda! E não se esqueça de que antes de abrir um novo tópico é recomendável ver se a sua pergunta já foi feita por outro participante. A segunda forma se dá pelas Wikis: Uma wiki é uma página web que pode ser editada colaborativamente, ou seja, qualquer participante pode inserir, editar, apagar textos. As versões antigas vão 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 "Wikipédia", uma experiência grandiosa de construção de uma enciclopédia de forma colaborativa, por pessoas de todas as partes do mundo. Acesse-a em português pelos links: Página principal da Wiki - Agradecemos antecipadamente a sua colaboração com a aprendizagem do grupo! Primeiros Passos Para uma melhor aprendizagem é recomendável que você siga os seguintes passos: Ler o Plano de Ensino e entender a que seu curso se dispõe a ensinar; Ler a Ambientação do Moodle para aprender a navegar neste ambiente e se utilizar das ferramentas básicas do mesmo; Entrar nas lições seguindo a seqüência descrita no Plano de Ensino; Qualquer dúvida, reporte ao Fórum de Dúvidas Gerais. Perfil do Tutor Segue-se uma descrição do tutor ideal, baseada no feedback de alunos e de tutores. O tutor ideal é um modelo de excelência: é consistente, justo e profissional nos respectivos valores e atitudes, incentiva mas é honesto, imparcial, amável, positivo, respeitador, aceita as idéias dos estudantes, é paciente, pessoal, tolerante, apreciativo, compreensivo e pronto a ajudar. 8

10 A classificação por um tutor desta natureza proporciona o melhor feedback possível, é crucial, e, para a maior parte dos alunos, constitui o ponto central do processo de aprendizagem. Este tutor ou instrutor: fornece explicações claras acerca do que ele espera, e do estilo de classificação que irá utilizar; gosta que lhe façam perguntas adicionais; identifica as nossas falhas, mas corrige-as amavelmente, diz um estudante, e explica porque motivo a classificação foi ou não foi atribuída ; tece comentários completos e construtivos, mas de forma agradável (em contraste com um reparo de um estudante: os comentários deixam-nos com uma sensação de crítica, de ameaça e de nervosismo ) dá uma ajuda complementar para encorajar um estudante em dificuldade; esclarece pontos que não foram entendidos, ou corretamente aprendidos anteriormente; ajuda o estudante a alcançar os seus objetivos; é flexível quando necessário; mostra um interesse genuíno em motivar os alunos (mesmo os principiantes e, por isso, talvez numa fase menos interessante para o tutor); escreve todas as correções de forma legível e com um nível de pormenorização adequado; acima de tudo, devolve os trabalhos rapidamente; 9

11 Parte III GNU Free Documentation License 10

12 (Traduzido pelo João S. O. Bueno através do CIPSGA em 2001) Esta é uma tradução não oficial da Licençaa de Documentação Livre GNU em Português Brasileiro. Ela não é publicada pela Free Software Foundation, e não se aplica legalmente a distribuição de textos que usem a GFDL - apenas o texto original em Inglês da GNU FDL faz isso. Entretanto, nós esperamos que esta tradução ajude falantes de português a entenderem melhor a GFDL. This is an unofficial 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 GFDL only the original English text of the GFDL does that. However, we hope that this translation will help Portuguese speakers understand the GFDL better. Licença de Documentação Livre GNU Versão 1.1, Março de 2000 Copyright (C) 2000 Free Software Foundation, Inc. 59 Temple Place, Suite 330, Boston, MA USA É permitido a qualquer um copiar e distribuir cópias exatas deste documento de licença, mas não é permitido alterá-lo. INTRODUÇÃO O propósito desta Licença é 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 modificações, comercialmente ou não. Secundariamente, esta Licença mantém para o autor e editor uma forma de ter crédito por seu trabalho, sem ser considerado responsável pelas modificações feitas por terceiros. Esta Licença é um tipo de "copyleft"("direitos revertidos"), o que significa que derivações do documento precisam ser livres no mesmo sentido. Ela complementa a GNU Licença Pública Geral (GNU GPL), que é um copyleft para software livre. Nós fizemos esta Licença para que seja usada em manuais de software livre, por que software livre precisa de documentação livre: um programa livre deve ser acompanhado de manuais que provenham as mesmas liberdades que o software possui. Mas esta Licença não 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. Nós recomendamos esta Licença principalmente para trabalhos cujo propósito seja de introdução ou referência. APLICABILIDADE E DEFINIÇÕES Esta Licença se aplica a qualquer manual ou outro texto que contenha uma nota colocada pelo detentor dos direitos autorais dizendo que ele pode ser distribuído sob os termos desta Licença. 11

13 O "Documento"abaixo se refere a qualquer manual ou texto. Qualquer pessoa do público é um licenciado e é referida como "você". Uma "Versão Modificada"do Documento se refere a qualquer trabalho contendo o documento ou uma parte dele, quer copiada exatamente, quer com modificações e/ou traduzida em outra língua. Uma "Seção Secundária"é um apêndice ou uma seção inicial do Documento que trata exclusivamente da relação dos editores ou dos autores do Documento com o assunto geral do Documento (ou assuntos relacionados) e não contém nada que poderia ser incluído diretamente nesse assunto geral (Por exemplo, se o Documento é em parte um livro texto de matemática, a Seção Secundária pode não explicar nada de matemática). Essa relação poderia ser uma questão de ligação histórica com o assunto, ou matérias relacionadas, ou de posições legais, comerciais, filosóficas, éticas ou políticas relacionadas ao mesmo. As "Seções Invariantes"são certas Seções Secundárias cujos títulos são designados, como sendo de Seções Invariantes, na nota que diz que o Documento é publicado sob esta Licença. Os "Textos de Capa"são certos trechos curtos de texto que são listados, como Textos de Capa Frontal ou Textos da Quarta Capa, na nota que diz que o texto é publicado sob esta Licença. Uma cópia "Transparente"do Documento significa uma cópia que pode ser lida automaticamente, representada num formato cuja especificação esteja disponível ao público geral, cujos conteúdos possam ser vistos e editados diretamente e sem mecanismos especiais com editores de texto genéricos ou (para imagens compostas de pixels) programas de pintura genéricos ou (para desenhos) por algum editor de desenhos grandemente difundido, e que seja passível de servir como entrada a formatadores de texto ou para tradução automática para uma variedade de formatos que sirvam de entrada para formatadores de texto. Uma cópia feita em um formato de arquivo outrossim Transparente cuja constituição tenha sido projetada para atrapalhar ou desencorajar modificações subsequentes pelos leitores não é Transparente. Uma cópia que não é "Transparente"é chamada de "Opaca". Exemplos de formatos que podem ser usados para cópias Transparentes incluem ASCII simples sem marcações, formato de entrada do Texinfo, formato de entrada do LaTex, SGML ou XML usando uma DTD disponibilizada publicamente, e HTML simples, compatível com os padrões, e projetado para ser modificado por pessoas. Formatos opacos incluem PostScript, PDF, formatos proprietários que podem ser lidos e editados apenas com processadores de texto proprietários, SGML ou XML para os quais a DTD e/ou ferramentas de processamento e edição não estejam disponíveis para o público, e HTML gerado automaticamente por alguns editores de texto com finalidade apenas de saída. A "Página do Título"significa, para um livro impresso, a página do título propriamente dita, mais quaisquer páginas subsequentes quantas forem necessárias para conter, de forma legível, o material que esta Licença requer que apareça na página do título. Para trabalhos que não tenham uma página do título, "Página do Título"significa o texto próximo da aparição mais proeminente do título do trabalho, precedendo o início do corpo do texto. 12

14 FAZENDO CÓPIAS EXATAS Você pode copiar e distribuir o Documento em qualquer meio, de forma comercial ou não comercial, desde que esta Licença, as notas de copyright, e a nota de licença dizendo que esta Licença se aplica ao documento estejam reproduzidas em todas as cópias, e que você não acrescente nenhuma outra condição, quaisquer que sejam, às desta Licença. Você não pode usar medidas técnicas para obstruir ou controlar a leitura ou confecção de cópias subsequentes das cópias que você fizer ou distribuir. Entretanto, você pode aceitar compensação em troca de cópias. Se você distribuir uma quantidade grande o suficiente de cópias, você também precisa respeitar as condições da seção 3. Você também pode emprestar cópias, sob as mesmas condições colocadas acima, e também pode exibir cópias publicamente. FAZENDO CÓPIAS EM QUANTIDADE Se você publicar cópias do Documento em número maior que 100, e a nota de licença do Documento obrigar Textos de Capa, você precisará incluir as cópias 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 trás. Ambas as capas também precisam identificar clara e legivelmente você como o editor dessas cópias. A capa da frente precisa apresentar o titulo completo com todas as palavras do título igualmente proeminentes e visíveis. Você pode adicionar outros materiais às capas. Fazer cópias com modificações limitadas às capas, tanto quanto estas preservem o título do documento e satisfaçam a essas condições, pode ser tratado como cópia exata em outros aspectos. Se os textos requeridos em qualquer das capas for muito volumoso para caber de forma legível, você deve colocar os primeiros (tantos quantos couberem de forma razoável) na capa verdadeira, e continuar os outros nas páginas adjacentes. Se você publicar ou distribuir cópias Opacas do Documento em número maior que 100, você precisa ou incluir uma cópia Transparente que possa ser lida automaticamente com cada cópia Opaca, ou informar, em ou com, cada cópia Opaca a localização de uma cópia Transparente completa do Documento acessível publicamente em uma rede de computadores, a qual o público usuário de redes tenha acesso a download gratuito e anônimo utilizando padrões públicos de protocolos de rede. Se você utilizar o segundo método, você precisará tomar cuidados razoavelmente prudentes, quando iniciar a distribuição de cópias Opacas em quantidade, para assegurar que esta cópia Transparente vai permanecer acessível desta forma na localização especificada por pelo menos um ano depois da última vez em que você distribuir uma cópia Opaca (diretamente ou através de seus agentes ou distribuidores) daquela edição para o público. É pedido, mas não é obrigatório, que você contate os autores do Documento bem antes de redistribuir qualquer grande número de cópias, para lhes dar uma oportunidade de prover você com uma versão atualizada do Documento. 13

15 MODIFICAÇÕES Você pode copiar e distribuir uma Versão Modificada do Documento sob as condições das seções 2 e 3 acima, desde que você publique a Versão Modificada estritamente sob esta Licença, com a Versão Modificada tomando o papel do Documento, de forma a licenciar a distribuição e modificação da Versão Modificada para quem quer que possua uma cópia da mesma. Além disso, você precisa fazer o seguinte na versão modificada: A. Usar na Página de Título (e nas capas, se houver alguma) um título distinto daquele do Documento, e daqueles de versões anteriores (que deveriam, se houvesse algum, estarem listados na seção "Histórico do Documento"). Você pode usar o mesmo título de uma versão anterior se o editor original daquela versão lhe der permissão; B. Listar na Página de Título, como autores, uma ou mais das pessoas ou entidades responsáveis pela autoria das modificações na Versão Modificada, conjuntamente com pelo menos cinco dos autores principais do Documento (todos os seus autores principais, se ele tiver menos que cinco); C. Colocar na Página de Título o nome do editor da Versão Modificada, como o editor; D. Preservar todas as notas de copyright do Documento; E. Adicionar uma nota de copyright apropriada para suas próprias modificações adjacente às outras notas de copyright; F. Incluir, imediatamente depois das notas de copyright, uma nota de licença dando ao público o direito de usar a Versão Modificada sob os termos desta Licença, na forma mostrada no tópico abaixo; G. Preservar nessa nota de licença as listas completas das Seções Invariantes e os Textos de Capa requeridos dados na nota de licença do Documento; H. Incluir uma cópia inalterada desta Licença; I. Preservar a seção entitulada "Histórico", e seu título, e adicionar à mesma um item dizendo pelo menos o título, ano, novos autores e editor da Versão Modificada como dados na Página de Título. Se não houver uma sessão denominada "Histórico"no Documento, criar uma dizendo o título, ano, autores, e editor do Documento como dados em sua Página de Título, então adicionar um item descrevendo a Versão Modificada, tal como descrito na sentença anterior; J. Preservar o endereço de rede, se algum, dado no Documento para acesso público a uma cópia Transparente do Documento, e da mesma forma, as localizações de rede dadas no Documento para as versões anteriores em que ele foi baseado. Elas podem ser colocadas na seção "Histórico". Você pode omitir uma localização na rede para um trabalho que tenha sido publicado pelo menos quatro anos antes do Documento, ou se o editor original da versão a que ela se refira der sua permissão; K. Em qualquer seção entitulada "Agradecimentos"ou "Dedicatórias", preservar o título da 14

16 seção e preservar a seção em toda substância e fim de cada um dos agradecimentos de contribuidores e/ou dedicatórias dados; L. Preservar todas as Seções Invariantes do Documento, inalteradas em seus textos ou em seus títulos. Números de seção ou equivalentes não são considerados parte dos títulos da seção; M. Apagar qualquer seção entitulada "Endossos". Tal sessão não pode ser incluída na Versão Modificada; N. Não reentitular qualquer seção existente com o título "Endossos"ou com qualquer outro título dado a uma Seção Invariante. Se a Versão Modificada incluir novas seções iniciais ou apêndices que se qualifiquem como Seções Secundárias e não contenham nenhum material copiado do Documento, você pode optar por designar alguma ou todas aquelas seções como invariantes. Para fazer isso, adicione seus títulos à lista de Seções Invariantes na nota de licença da Versão Modificada. Esses títulos precisam ser diferentes de qualquer outro título de seção. Você pode adicionar uma seção entitulada "Endossos", desde que ela não contenha qualquer coisa além de endossos da sua Versão Modificada por várias pessoas ou entidades - por exemplo, declarações de revisores ou de que o texto foi aprovado por uma organização como a definição oficial de um padrão. 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 final da lista de Textos de Capa na Versão Modificada. 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ê não pode adicionar um outro; mas você pode trocar o antigo, com permissão explícita do editor anterior que adicionou a passagem antiga. O(s) autor(es) e editor(es) do Documento não dão permissão por esta Licença para que seus nomes sejam usados para publicidade ou para assegurar ou implicar endossamento de qualquer Versão Modificada. COMBINANDO DOCUMENTOS Você pode combinar o Documento com outros documentos publicados sob esta Licença, sob os termos definidos na seção 4 acima para versões modificadas, desde que você inclua na combinação todas as Seções Invariantes de todos os documentos originais, sem modificações, e liste todas elas como Seções Invariantes de seu trabalho combinado em sua nota de licença. O trabalho combinado precisa conter apenas uma cópia desta Licença, e Seções Invariantes Idênticas com multiplas ocorrências podem ser substituídas por apenas uma cópia. Se houver múltiplas Seções Invariantes com o mesmo nome mas com conteúdos distintos, faça o título de 15

17 cada seção único adicionando ao final do mesmo, em parênteses, o nome do autor ou editor origianl daquela seção, se for conhecido, ou um número que seja único. Faça o mesmo ajuste nos títulos de seção na lista de Seções Invariantes nota de licença do trabalho combinado. Na combinação, você precisa combinar quaisquer seções entituladas "Histórico"dos diversos documentos originais, formando uma seção entitulada "Histórico"; da mesma forma combine quaisquer seções entituladas "Agradecimentos", ou "Dedicatórias". Você precisa apagar todas as seções entituladas como "Endosso". COLETÂNEAS DE DOCUMENTOS Você pode fazer uma coletânea consitindo do Documento e outros documentos publicados sob esta Licença, e substituir as cópias individuais desta Licença nos vários documentos com uma única cópia incluida na coletânea, desde que você siga as regras desta Licença para cópia exata de cada um dos Documentos em todos os outros aspectos. Você pode extrair um único documento de tal coletânea, e distribuí-lo individualmente sob esta Licença, desde que você insira uma cópia desta Licença no documento extraído, e siga esta Licença em todos os outros aspectos relacionados à cópia exata daquele documento. AGREGAÇÃO COM TRABALHOS INDEPENDENTES Uma compilação do Documento ou derivados dele com outros trabalhos ou documentos separados e independentes, em um volume ou mídia de distribuição, não conta como uma Versão Modificada do Documento, desde que nenhum copyright de compilação seja reclamado pela compilação. Tal compilação é chamada um "agregado", e esta Licença não se aplica aos outros trabalhos auto-contidos compilados junto com o Documento, só por conta de terem sido assim compilados, e eles não são trabalhos derivados do Documento. Se o requerido para o Texto de Capa na seção 3 for aplicável a essas cópias do Documento, então, 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. Senão eles precisarão aparecer nas capas de todo o agregado. TRADUÇÃO Tradução é considerada como um tipo de modificação, então você pode distribuir traduções do Documento sob os termos da seção 4. A substituição de Seções Invariantes por traduções requer uma permissão especial dos detentores do copyright das mesmas, mas você pode incluir traduções de algumas ou de todas as Seções Invariantes em adição às versões orignais dessas Seções Invariantes. Você pode incluir uma tradução desta Licença desde que você também inclua a versão original em Inglês desta Licença. No caso de discordância entre a tradução e a 16

18 versão original em Inglês desta Licença, a versão original em Inglês prevalecerá. TÉRMINO Você não pode copiar, modificar, sublicenciar, ou distribuir o Documento exceto como expressamente especificado sob esta Licença. Qualquer outra tentativa de copiar, modificar, sublicenciar, ou distribuir o Documento é nula, e resultará automaticamente no término de seus direitos sob esta Licença. Entretanto, terceiros que tenham recebido cópias, ou direitos de você sob esta Licença não terão suas licenças terminadas, tanto quanto esses terceiros permaneçam em total acordo com esta Licença. REVISÕES FUTURAS DESTA LICENÇA A Free Software Foundation pode publicar novas versões revisadas da Licença de Documentação Livre GNU de tempos em tempos. Tais novas versões serão similares em espirito à versão presente, mas podem diferir em detalhes ao abordarem novos porblemas e preocupações. Veja A cada versão da Licença é dado um número de versão distinto. Se o Documento especificar que uma versão particular desta Licença "ou qualquer versão posterior"se aplica ao mesmo, você tem a opção de seguir os termos e condições daquela versão específica, ou de qualquer versão posterior que tenha sido publicada (não como rascunho) pela Free Software Foundation. Se o Documento não especificar um número de Versão desta Licença, você pode escolher qualquer versão já publicada (não como rascunho) pela Free Software Foundation. ADENDO: Como usar esta Licença para seus documentos Para usar esta Licença num documento que você escreveu, inclua uma cópia desta Licença no documento e ponha as seguintes notas de copyright e licenças logo após a página de título: Copyright (c) ANO SEU NOME. É dada permissão para copiar, distribuir e/ou modificar este documento sob os termos da Licença de Documentação Livre GNU, Versão 1.1 ou qualquer versão posterior publicada pela Free Software Foundation; com as Seções Invariantes sendo LISTE SEUS TÍTULOS, com os Textos da Capa da Frente sendo LISTE, e com os Textos da Quarta-Capa sendo LISTE. Uma cópia da licença está inclusa na seção entitulada "Licença de Documentação Livre GNU". Se você não tiver nenhuma Seção Invariante, escreva "sem Seções Invariantes"ao invés de dizer quais são invariantes. Se você não tiver Textos de Capa da Frente, escreva "sem Textos de Capa da Frente"ao invés de "com os Textos de Capa da Frente sendo LISTE"; o mesmo para os Textos da Quarta Capa. Se o seu documento contiver exemplos não triviais de código de programas, nós recomendamos a publicação desses exemplos em paralelo sob a sua escolha de licença de software livre, 17

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

20 Parte IV Kompozer 19

21 Capítulo 1 Kompozer Kompozer é um criador e editor de páginas web que combina manipulação de arquivos e uma interface de edição amigável baseada no conceito de WYSIWYG (What You See Is What You Get). Contém em si editores de HTML, CSS e várias outras opções. A função desse curso é capacitar o aluno a utilizá-lo de forma prática e eficaz. O curso, com base na distribuição Debian possui 1 semana, começa na Segunda-Feira e termina no Domingo. Todo o conteúdo do curso estará visível somente a partir da data de início. Para começar o curso você deve ler o Guia do aluno a seguir. 20

22 Capítulo 2 Plano de ensino 2.1 Objetivo Capacitar o usuário para o uso autônomo do criador web Kompozer e suas ferramentas mais utilizadas. 2.2 Público Alvo Usuários finais ou novatos que desejam migrar os seus sistemas proprietários para software livre. 2.3 Pré-requisitos Os usuários deverão ter conhecimentos básicos para operar um computador, HTML e CSS. 2.4 Descrição O curso será realizado na modalidade Educação a Distância e utilizará a Plataforma Moodle como ferramenta de aprendizagem. Ele será dividido em tópicos e cada um deles é composto por um conjunto de atividades (lições, fóruns, glossários, questionários e outros) que deverão ser executadas de acordo com as instruções fornecidas. O material didático está disponível on-line de acordo com as datas pré-estabelecidas em cada tópico. Todo o material está no formato de lições, e estará disponível ao longo do curso. As lições poderão ser acessadas quantas vezes forem necessárias. Aconselhamos a leitura de "Ambientação do Moodle", para que você conheça o produto de Ensino a Distância, evitando dificuldades advindas do "desconhecimento"sobre o mesmo. Ao final de cada semana do curso será disponibilizada a prova referente ao módulo estudado anteriormente que também conterá perguntas sobre os textos indicados. Utilize o material de cada semana e os exemplos disponibilizados para se preparar para prova. Os instrutores estarão a sua disposição ao longo de todo curso. Qualquer dúvida deve ser disponibilizada no fórum ou enviada por . Diariamente os monitores darão respostas e esclarecimentos. 21

23 2.5 Metodologia O curso está dividido da seguinte maneira: 2.6 Cronograma Lição 1 - Introdução. Lição 2 - Textos e listas Lição 3 - Imagens, Tabelas, Links e Formulários. Lição 4 - Caixas, Templates e Estilos. Lição 5 - Gerenciador de sites e Publicação. As lições contém o conteúdo principal. Elas poderão ser acessadas quantas vezes forem necessárias, desde que estejam dentro da semana programada. Ao final de uma lição, você receberá uma nota de acordo com o seu desempenho. Responda com atenção às perguntas de cada lição, pois elas serão consideradas na sua nota final. Caso sua nota numa determinada lição for menor do que 6.0, sugerimos que você faça novamente esta lição. Ao final do curso será disponibilizada a avaliação referente ao curso. Tanto as notas das lições quanto a da avaliação serão consideradas para a nota final. Todos os módulos ficarão visíveis para que possam ser consultados durante a avaliação final. Aconselhamos a leitura da "Ambientação do Moodle"para que você conheça a plataforma de Ensino a Distância, evitando dificuldades advindas do "desconhecimento"sobre a mesma. Os instrutores estarão a sua disposição ao longo de todo curso. Qualquer dúvida deverá ser enviada no fórum. Diariamente os monitores darão respostas e esclarecimentos. 2.7 Programa O curso Kompozer oferecerá o seguinte conteúdo: Instalação e configuração do Kompozer; Uso das ferramentas mais comuns. Publicação de Sites pelo Kompozer. 2.8 Avaliação Toda a avaliação será feita on-line. Aspectos a serem considerados na avaliação: Iniciativa e autonomia no processo de aprendizagem e de produção de conhecimento; Capacidade de pesquisa e abordagem criativa na solução dos problemas apresentados. 22

24 Instrumentos de avaliação: Participação ativa nas atividades programadas. Avaliação ao final do curso. O participante fará várias avaliações referente ao conteúdo do curso. Para a aprovação e obtenção do certificado o participante deverá obter nota final maior ou igual a 6.0 de acordo com a fórmula abaixo: Nota Final = ((ML x 7) + (AF x 3)) / 10 = Média aritmética das lições AF = Avaliações 2.9 Bibliografia Fonte (inglês): 23

25 Capítulo 3 Introdução Veremos uma introdução ao assunto da cultura hacker e um breve resumo de seu surgimento. 3.1 Introdução O Kompozer na verdade é uma versão não-oficial do editor de HTML NVU. Sua vinda se deve ao fato do NVU ter tido uma parada em suas atualizações e com o tempo acabou por ser tornar obsoleto. Um grupo de desenvolvedores, chefiados por Fabien Cazenave, resolveu pegar as bases do NVU, consertar seus erros e melhorar o programa. Assim nasceu o Kompozer. Suas características são: * Interface WYSIWYG para edição, fazendo a criação de sites tão fácil quanto digitar um documento qualquer; * Gerenciamento de arquivos com FTP integrado; * Criação de códigos HTML aceito pela maioria dos browsers; * Alternância entre modo de edição WYSIWYG e o modo de edição de código HTML; * Gerenciamento por abas que lhe capacita a trabalhar com vários arquivos ao mesmo tempo; * Suporte à forms, tables e templates; * Disponível para computadores rodando Sistemas Operacionais: Linux, Windows e Apple Macintosh. 3.2 Instalação Para instalar o Kompozer, basta entrar na página: Lá você encontrará diversas versões do Kompozer para descarregar na sua máquina. Como o curso é voltado para a distribuição Debian, demonstraremos o processo para esta distribuição e suas variantes. Mas o processo com outras distribuições varia pouco. Descarregue no seu computador o arquivo.deb do kompozer. (A versão estável atual enquanto este curso é produzido é o Kompozer ). Uma vez descarregado, abra o terminal, vá para o diretório no qual você descarregou o arquivo.deb e digite: dpkg -i kompozer i386.deb 24

26 Pronto, a instalação esta feita Interface Essa é a tela inicial do Kompozer. Pare por um tempo para analisá-la. Você verá que existem várias barras que compõem o ambiente. Cada uma com sua função. O conceito WYSIWYG (What You See Is What You Get) ou (O Q Você Vê É O Que Você Tem) fica bem visível neste momento, pois o que você for modificar na área à direita em branco será a sua página, ou seja, enquanto você modifica, você já esta observando o que acontece. Vale também notar que existem abas na parte debaixo da página e acima da área de edição. As de cima fazem parte do gerenciamento por meio de abas do Kompozer, ou seja, você pode abrir várias páginas e editá-las ao mesmo tempo. Enquanto as debaixo servem para você alterar o modo de visualização do seu documento. Barra de menu: File (Arquivo): Apresenta as opções básicas do kompozer; Edit (Editar): Apresenta as opções de edição e seleção do Kompozer; View (Visualização): Apresenta as opções de visualização dos documentos criados com o Kompozer; Format (Formatação): Apresenta opções de formatação de textos. Em relação a centralização, fonte, tamanho, etc; Insert (Inserir): Apresenta os objetos que podem ou não ser inseridos dentro da criação; Table (Tabela): Apresenta as opções de criação e gerenciamento de tabelas; 25

27 Tools (Ferramentas): Apresenta os recursos a serem utilizados pelo usuário; Help (Ajuda): Opções de auxílio ao usuário. Barra de Composição: Apresenta as opções mais criações New (Novo): Cria um novo documento; Open (Abrir): Abre um documento já criado; Save (Salvar): Salvar um documento; Publish (Publicar) : Publica o documento; Browse (Procura): Procura um documento dentro do computador; Undo (Desfazer): Desfaz a última ação executada pelo usuário no documento; Redo (Refaz): Faz novamente a ação desfeita; Anchor (Âncora): Cria um Link para uma parte em especial da página. Não é um hiperlink, É uma referência a uma parte em um mesmo frame; Link (ligação) : Estabelece um hyperlink; Image (Imagem): Insere uma imagem; Table (Tabela): Cria tabela; Form (Forma): Insere uma forma a escolha do usuário; CaScadeS: Insere e edita estilos css. Área de criação: Fácil de notar as duas seções de abas comentadas anteriormente. O espaço em branco no centro é onde o usuário vai fazer suas modificações, praticamente tudo o que se quiser fazer no site aparecerá nesta área. Barra de formatação: Barra destinada a formatação e organização dos elementos presentes em seu site. Se assemelha 26

28 bastante as áreas de formatação de qualquer editor de textos e, como nestes, algumas opções suas como alinhamento funcionam para imagens também. Site manager (Gerenciamento de Sítio): Área destinada ao gerenciamento de arquivos. Ele disponibiliza um diretório escolhido pelo usuário. Facilita a vida dos usuários, pois permite que o processo de localização do arquivo se torne mais fácil. Capacita o usuário, por exemplo, a adicionar uma figura no simples ato de arrastar e soltar a figura na área de criação. Outro bom exemplo de sua utilização, é a criação de hyperlinks com um clique simples. 3.3 Passar para o Português do Brasil Essa parte é apenas uma dica, caso deseje instalar o pacote para tradução de inglês para português brasileiro. Procedimentos: 27

29 Copie e cole no seu navegador de internet o seguinte endereço: Salve o pacote numa pasta a sua escolha dentro do seu computador. Entre na barra de menu do kompozer e clique na opção extensions. Clique no botão install. Localize o pacote que você acabou de salvar em seu computador e clique em "Ok"para confirmar. Feito isso é só reinicializar o programa e seu Kompozer estará traduzido em português. 28

30 Capítulo 4 Textos e Listas 4.1 Textos Esta lição tem como objetivo capacitar o usuário a criar e modificar os textos que serão apresentados na sua criação. Para tanto é recomendável que o aluno siga os passos que serão apresentados a seguir. Ao final desses passos, iremos ter um texto pronto e formatado. Vamos aos passos: Nosso texto deve ter um título, então é a primeira coisa que faremos. Digite na área de criação do kompozer a expressão "O Projeto". Este será o título. Mas digamos que queremos o título com algumas configurações especiais. Como o queremos em destaque, o queremos em um tamanho maior que o resto do texto, em negrito e com uma cor vermelha. Como deveremos proceder? Primeiro devemos selecioná-lo para que este seja o alvo de nossas alterações. Uma vez feito isso, olhe para a área de formatação, você encontrará três botões bastante comuns em qualquer editor de textos gráfico: Onde: B (bold) é referente a função negrito. I (Italic) é referente a função itálico. U (underline) é referente a função sublinhado. Como queremos que o texto seja em negrito devemos, portanto, clicar no B. Nosso título deve estar dessa forma "O Projeto". Queremos agora que o título tenha caracteres de tamanhos maiores. Existe dois botões na barra de formatação que tem a função de trabalhar com o tamanho dos caracteres. São eles: O da esquerda diminui o tamanho dos caracteres enquanto o da direita aumenta. Com o título ainda selecionado, clique no "A"da direita uma vez e você verá que o título estará com caracteres maiores. 29

31 Agora, temos um título grande e em negrito, resta a sua cor ser vermelha e, para isso, a barra de formatação também nos dá uma resposta: A primeira vista parecem ser 2(dois) botões, mas na verdade são 3(três). O retângulo que se sobrepõe aos outros, o retângulo que é sobreposta - o branco- e o marca texto. O primeiro é referente à cor que o texto deve ter, o segundo é referente ao fundo do escopo que o texto deve ter e o terceiro é referente à cor que se usaria para marcar o texto. Por exemplo, caso você deseje marcar uma parte do texto para revisão posterior, você pode selecioná-la e usar o botão marca texto para escolher uma cor de fundo para a parte do texto que o diferenciaria do resto do texto. Mas queremos apenas mudar a cor do nosso título para vermelho, portanto iremos clicar no retângulo que sobrepõe o outro e aparecerá a nossa frente uma janela: A função dessa janela é nos dar uma espécie de paleta de cores, para que possamos escolher a cor que quisermos para o texto e, para isso, temos a opção de usar o sistema Hexadecimal, escolhermos uma cor padrão ou trabalhar com matiz(hue), brilho(brightness) e Saturação (Saturation). Para o nosso caso, apenas escolha a cor padrão vermelho. E pronto nosso título esta da forma que planejamos que seria. Cadê o resto do texto? Copie e cole essa passagem de texto para o Kompozer: "Iniciado em 25 de agosto de 2004, através de acordo assinado entre o ITI e a IBM Brasil. O CDTC se estruturou fisicamente durante os dois primeiros anos, preparando o ambiente na universidade (realizado pelo ITI) e instalando os equipamentos que foram doados pela IBM. Em 26 de novembro de 2005 entrou no ar os quatro primeiros cursos ofertados pelo CDTC: Filosofia GNU, escrito pelo então gestor do projeto CDTC, Djalma Valois Filho; Instalação do 30

32 OpengroupWare, produzido pelos servidores da Radiobrás; BrOffice, produzido pelos estagiários do CDTC contratados pela IBM e o curso de Qualificação de Tutores de Moodle, produzido a partir de material da UNB. Os quatro primeiros cursos tiveram o envolvimento de 548 pessoas. Em Julho de 2006 a IBM finalizou sua participação no projeto, cabendo ao ITI a continuidade dos trabalhos. Possuímos hoje mais de 200 cursos, sendo ofertada 60 turmas por semana entre dois sites, tendo cada site cerca de alunos, dispostos em mais de 1400 cidades brasileiras. Temos hoje mais de 3200 empresas privadas que usam o CDTC para formação de seus empregados, 1800 instituições públicas que obtêm no projeto CDTC o apoio necessário para a qualificação dos seus trabalhadores." Pronto, este é o resto do texto. A nossa idéia agora é formatar o texto em questão de alinhamento, vamos justificá-lo. Para tanto, selecione todo o texto e procure essa sequência de botões na barra de formatação: Semelhante também a sequência de editores de texto. O primeiro botão significa alinhar o texto à esquerda, o segundo significa centralizar, o terceiro: alinhar à direita e o quarto: justificar. Então é neste que iremos clicar. Uma vez justificado nos resta falar de estruturas do texto, para que o assunto fique completo. Não é difícil perceber que todo o texto, do título ao fim, é tratado pelo Kompozer como um só bloco. Muitas vezes não é isso q desejamos, por vezes desejamos que cada parágrafo tenha sua configuração. Então vamos selecionar o primeiro parágrafo do texto. Observe que lá em cima na área de formatação existe uma caixa de seleção com os dizeres: "Body Text", mude essa opção para "Paragraph". O que nós acabamos de fazer? Acabamos de delimitar um parágrafo dentro do nosso texto. Isso quer dizer que as configurações do texto que nós fizermos dentro desse parágrafo serão restritas a esse parágrafo. Exemplo: Vá nos ícones de cores, porém agora clique no ícone do retângulo que foi sobreposto pelo outro (Background Color). Uma janela de cores, parecida com a Text Color, aparecerá, escolha uma cor qualquer. Veja o resultado. 31

33 Na caixa de seleção existem outras opções: Body text (Texto do Corpo): São as configurações para o Texto geral da nossa criação, as modificações que aqui fizermos serão expandidas por toda a nossa área de criação não delimitada por outro "bloco"; Paragraph (Parágrafo): Você pode delimitar seus parágrafos para que cada um tenha uma configuração diferente. É como se fosse um bloco de texto específico; Heading (1,..,6): Usado para títulos, estabelece uma configuração específica de tamanho e fonte para a parte desejada. Cada número representa um tamanho. 1 é o maior e 6 é o menor; Address: usado para inserir uma assinatura na página e permitir que os leitores entrem em contato com o autor; Preformat: campo onde tudo que você escrever será interpretado exatamente da mesma forma em que você escreveu, ao contrário do padrão html que ignora saltos de linha e tabulações, quando você digita algo num campo pré format ele irá aparecer exatamente da forma como esta no código html. Generic Container (DIV): Bloco de textos e/ou figuras que podem assumir suas configurações próprias, porém diferente dos parágrafos, seus tamanhos são fixos ou variáveis e eles são móveis. 4.2 Listas Vamos para a segunda parte da criação do texto: Na barra de formatação encontramos a seguinte dupla de botões. Ao clicar no primeiro, o kompozer entenderá que você deseja criar uma lista numerada, ao clicar no segundo: uma lista pontuada. Tente fazer uma lista pontuada com os seguintes nomes: "Kompozer", "AJAX", "HTML", "CSS". Como você deve ter percebido é bem simples, basta clicar no botão do tipo da lista que o primeiro elemento aparecerá, ao apertar a tecla "Enter"o ponteiro passará para próxima linha, já sendo esta outro elemento. Caso você deseje criar outra lista dentro dessa, basta apertar as teclas "Shift"+ "Enter"e clicar novamente no botão de listas que você desejar. Para sair das listas basta clicar duas vezes na tecla "Enter"ou clicar uma vez e clicar em "Backspace". 32

34 É possível mudar a formatação da lista indo no menu format->list->list properties, aparecerá a seguinte janela: Onde: List type: Define o tipo de lista dentre os 3 tipos possíveis: Bullet List (lista pontuada): Apenas pequenos símbolos abrem cada linha da lista; Numbered List (lista numerada): Uma sequência ordenada prever cada item da lista; Definition list (lista por definição): Cada item vem seguido de uma descrição sobre ele. Bullet Style: Define o estilo de cada tipo de lista, seja pontuada ou numerada. 33

35 Capítulo 5 Imagens, Tabelas, Links e Formulários 5.1 Imagens Os formatos aceitos pela maioria dos Browsers são *.png, *.gif, *.jpg. Para adicionar uma imagem a sua criação basta clicar no seguinte ícone: ; A seguinte janela irá se abrir: Digite o caminho até a imagem ou clique na pasta amarela ao lado da área de Image Location (Localização da Imagem) e encontre a imagem dentro do seu computador. Para configurar como vai ficar a sua imagem, você pode utilizar essa mesma janela. Suas abas: Dimensions: Lhe permite alterar as dimensões da imagem a fim de que fique menor ou maior. Appearance: Permite que você altere a posição onde aparecerá a sua figura dentro da página. Link: Permite atrelar um link para alguma outra página à imagem que você esta adicionando e/ou modificando. Caso você deseje inserir uma imagem de fundo tanto no corpo do site - body - quanto em qualquer outra tag, basta clicar no item que você deseja, clicar na tag relativa a esta na barra de status com o botão direito do mouse e selecionar a opção "inline styles". 34

36 A seguinte janela aparecerá Onde você pode alterar os estilos que você quiser para essa tag, não só a imagem de fundo. Para facilitar, basta ir na aba background e digitar o endereço da imagem no campo "Image"ou localizá-la com o o botão "choose file". Clique em "OK"e pronto. 5.2 Tabelas Tabelas ajudam muito na criação de sites, muitos portais são criados a partir de tabelas. Para acrescentar uma tabela a sua criação, clique no botão: E a seguinte janela irá abrir: Onde cada aba tem sua função: Quickly: Criação rápida de tabelas, basta escolher o número de linhas e colunas e dar ok; Precisely: Criação precisa de tabelas, você pode digitar o número de linhas, de colunas e o tamanho em pixels que a tabela terá; 35

37 Cell: Especificações das células. Horiz. Aligment (Alinhamento horizontal), Vert. Aligment (Alinhamento vertical), Text Wrapping (Acomodação de texto), Cellspadding (Espaçamento dentro da cell), Cellspacing (Espaçamento entre as células). Você também tem a opção de formatar uma tabela já criada, dando para ela características novas. Para tanto, basta clicar na tabela que você deseja formatar e clicar novamente no ícone de criação de tabelas. Na aba Table (Tabela) você pode configurar o número de linhas (row), colunas (columns), altura (Height), largura (Width), borda (Border), espaço entre células (Spacing), espaço entre a borda e o conteúdo (Padding), alinhamento da tabela (Left), posição da legenda (Caption) e cor de fundo (Background Color). Na aba Cell (Célula): Você pode escolher a formatação de uma célula específica, de uma linha ou de uma coluna, para tanto, basta selecionar na caixa de seleção "Selection"entre Cell (célula), Row (linha) e Coluna (Column) e fazer as alterações que você desejar. 36

38 5.3 Links Adicionar links dentro do Kompozer é uma tarefa bastante simples e sem isso não existe página web. Então, vamos aos passos para criação. Primeiro vamos ao caso de um texto como link. Digite um texto qualquer no kompozer. Ex.: Link. Selecione-o e clique no botão: Digite o endereço do seu link no campo "Link Location". Caso você queira especificar onde o link será aberto, você pode especificá-lo no Target, tendo as seguintes opções: in a new window = numa nova janela; in the same windows, without framesets = na mesma janela ignorando os framesets da página; in the parent frameset = no frame maior, "pai", que engloba o frame onde o link está; int he current frame = no mesmo frame que o link está; in this frame: = no frame com o nome que você digitar no outro campo à direita. Tendo configurado, basta apertar Ok. O link está pronto. Agora vamos indicar uma imagem como link. Adicione uma imagem, como ensinado nessa mesma lição. 37

39 Clique sobre ela e clique no botão: novamente. Voltaremos a janela "Image Properties"na aba Link, agora basta adicionar o endereço para o link que sua imagem também funcionará como link. 5.4 Formulários Os formulários permitem uma comunicação entre os visitantes do site e o servidor do site. Inserindo formulários Para inserir é bastante simples. Clique no botão Form: ; Digite o nome da Form em "Form Name"; Digite o endereço do script em "Action Script"; Escolha o método de ação entre "GET"e "POST"; Clique em "OK". Agora que você adicionou o formulário, você pode adicionar o que desejar no seu formulário. Imagens: Clique na seta para baixo ao lado de Form; Escolha Form Image, clique na aba location e digite o endereço da imagem ou clique no ícone ao lado do campo para localização para selecionar a imagem; Clique em "ok". Campo para digitação de senhas: Escolha Form Field; Em Field Type escolha password; Dê um nome ao campo em Field Name; Clique em "Ok" Lista de seleção: Escolha a opção Selection List; 38

40 No campo List Name, dê um nome para a lista; No Campo Text você irá digitar a primeira opção; Para adicionar outras opções, você clica em Add Option e insere o nome da nova opção no campo text. 39

41 Capítulo 6 Caixas, Templates e Estilo 6.1 Caixas O Kompozer tem uma função bastante útil de tratar certos elementos como figuras, campos genéricos, caixas, ou seja, da mesma forma que você pode mover, aumentar, diminuir ou fazer o que quiser com uma caixa, você pode fazer tudo isso com esses elementos. Adicione uma imagem ao seu documento, selecione-a e clique no botão. Pronto, você pode controlar livremente a imagem clicando no quadrado em cima dela e arrastando até onde você deseja. Caso deseje sobrepor-la a outra imagem, basta selecionar um dos dois botões: ; O primeiro sobrepõe uma caixa sobre a outra e o segundo faz com que a caixa selecionada seja sobreposta. 6.2 Templates Templates são modelos de páginas previamente criados que podem ser reutilizados em outras páginas. Para criar um novo template: Vá no Menu "File"e na Opção "New"; Selecione a opção "A blank template"e clique em "Create". Pronto, agora edite sua "página"como se fosse uma página qualquer. O fator diferente vão ser as áreas que você habilitar como editáveis. Para habilitá-las você pode entrar na aba HTML tags e clicar na tag da área que você deseja que seja editável na reutilização daquele template. Ao fazer isso, na barra de status a tag ficará em negrito, clique nela com o botão direito, vá na opção template e na opção "Make editable". 40

42 Digite o nome dela no campo Área Name e escolha as opções que você desejar para área: Area is Optional: Permite que você a delete nas reutilizações do template; Areas is repeatable: Permite que a área seja duplicada nas reutilizações do template; Area is movable: Permite que você altere a posição da área nas reutilizações do template. Clique em "Ok". Depois de decidido quais serão as áreas editáveis e quais não serão. Salve o seu template com o comando "Save As"no meu File. Para utilizar um template já criado para uma nova página, vá em File-> New e escolha a opção: "A new document based on a template", digite o endereço do seu template no campo abaixo ou localize-o pelo ícone ao lado do campo. E clique em OK. Caso você já tenha uma página e deseje ela como template basta seguir os seguintes passos: Vá em Format -> Page Titles and Properties; Marque a opção: "This page is a Template"; Clique em "ok"; Salve o arquivo com o comando "Save As". Pronto, você converteu a sua página como um template. 6.3 Estilo Aplicaremos agora os estilos de CSS a sua página, ou seja, a formatação dos campos da sua página, para tanto, o Kompozer usa o CaScadeS, editor eficiente, capaz de editar os estilos internos e externos. Internos são estilos próprios da página que você está criando, ficam área de cabeçário do código html, - <head></head> -, externos seriam estilos que podem ser reutilizados em qualquer página, quase como um anexo. Para criar um estilo interno, para os parágrafos, por exemplo, siga os seguintes passos: Abra o CaScadeS. ; A seguinte janela será aberta: 41

43 Clique no ícone em formato de paleta de cores acima do texto : Sheets and Rules; Clique em internal stylesheet; Escolha a primeira das opções de criação entre: style applied to all elements of type : estilo que se aplica a todos elementos de um mesmo tipo; style applied to all elements of class : estilo que se aplica a todos os elementos de uma classe que você determinou; style applied to an element with specified ID atribute: estilo que se aplica a um elemento com um ID específico; custom style rule: regra de estilo customizada. Na lista de seleção abaixo das opções selecione a opção "p (Paragraph)"; Clique em "Create Style Rule"; Agora é só editar a regra usando as abas e as suas opções, usando evidentemente seus conhecimentos de CSS. Caso deseje criar uma classe siga os seguintes passos: Selecione a opção de criar um estilo a todos os elementos de uma classe; Digite um nome para sua classe no campo logo abaixo; Clique em "Create Style Rule"; Crie sua regra e dê "ok"; 42