Desenvolvimento de Sites Educacionais Interativos com Imagens, Sons e Vídeos pelos Professores

Transcrição

1 Desenvolvimento de Sites Educacionais Interativos com Imagens, Sons e Vídeos pelos Professores Tutorial Básico PDF sobre a Ferramenta Kompozer (usando textos e imagens comentadas) Este tutorial aborda a instalação, execução e uso mínimo da Ferramenta de Autoria de Sites "Kompozer" 1 - Instalação do Kompozer Baixe a Ferramenta Kompozer e a instale no seu computador. Se você estiver usando o Sistema Operacional Windows, recomenda-se usar a versão zipada, pois ela não exige instalação - basta descompactá-la e usar o arquivo executável. Recomenda-se, nesse caso, a criação de um atalho do Kompozer e sua colocação na área de trabalho ou em um local de fácil acesso do usuário. Endereço para download Site para baixar o Kompozer Versão zipada Escolha da versão para download Atalho do Kompozer Pronto! O Kompozer já está instalado e pronto para usar. 2 - Acionando e Analisando a Janela do Kompozer Para acionar (executar) o Kompozer, clique no seu atalho. Surgirá uma janela com a seguinte aparência:

2 Barras de ferramentas Barras de formatação Botões de controle Opções de edição Tipo de visualização Janela inicial do Kompozer Na parte superior da janela, o usuário encontrará o menu de opções, as barras de ferramentas e de formatação e as abas das páginas abertas. Ainda, na parte superior direita, há alguns botões de controle, como inserção de uma seção fixa (div) e o botão (x vermelho) de cancelamento de aba (página sendo visualizada). Na parte inferior esquerda, o usuário encontrará as opções de edição (textual, estrutural e HTML). Na parte inferior direita, o usuário poderá usar a caixa de menu para o tipo de visualização desejada (normal com bordas, visualização igual à do navegador e visualização com ícones de controle). 3 - Usando o Kompozer para Criar a Primeira Página Com a página em branco do Kompozer, o usuário já pode começar a escrever sua primeira página, como se estivesse usando um editor de textos, explorando as janelas superiores de formatação para deixar seu texto conforme sua vontade (caracteres, cores, posições, etc). Incialmente, sem preocupação com formatção, foi criada a página a seguir:

3 Texto da primeira página Em seguida, é necessário salvar a página, indo ao menu superior e clicando em Arquivo>salvar como... O Kompozer irá pedir o título da página, conforme a figura a seguir. Solicitação do título da página Depois de fornecer o título da página (Meu Site, por exemplo), o Kompozer pedirá para voce localizar o pasta, onde a página será salva no seu computador, e o nome do arquivo, conforme a figura a seguir. Salvando a primeira página

4 4 - Verificando a Página no seu Navegador. Localize a pasta, onde você salvou seu arquivo correspondente a sua primeira página e dê um duplo clique nele. O Navegador abrirá e a sua página será mostrada como ela irá aparecer, quando estiver na Internet. Se esta página for a sua entrada no site (home), ela deverá ser renomeada para index.html para ser acessada, quando alguém acessar o seu site pelo endereço na Internet. 5 - Saindo do Kompozer Volte ao Kompozer e feche a sua página, clicando no botão (x vermelho) na área superiror direita, se for sair, caso contrário, abra uma nova página e continue a montagem de seu site. Para sair do Kompozer, vá para o menu principal, em Arquivo>Sair ou feche a janela do editor. 6 - Alterando o Título da sua Página Se você não gostou ou precisa alterar o título da sua página, abra-a no Kompozer, se não estiver aberta. Vá para o menu superior, em Formatar>Propriedades da página... abrindo a janela da figura a seguir. Salve a página. Alterando as propriedades da página

5 Pronto! Você já fez sua primeira página, que se encontra no seu computador. Basta remetê-la para um servidor, com um domínio previamente estabelecido, que seu site já estará visível na Internet. 7 - Procedimentos Usados na Elaboração desta Página O Tutorial do Kompozer, elaborado com figuras sem comentários, foi inserido no editor de textos WORD, para receber os elementos visuais (indicações e comentários). Depois, usando um gerador de PDF (dopdf), a página foi convertida para PDF e salva. Finalmente, o documento PDF foi transferido para o Servidor, em uma pasta de documentos, através de ações de FTP. O inconveniente dessa versão de tutorial é que tudo deve ser lido e visualizado, mas apresenta figuras comentadas. Se o autor quiser melhorar a página simples do Tutorial do Kompozer, baseada em textos e imagens sem comentários, basta capturar as figuras comentadas e substituir as figuras originais da página simples do tutorial. Claudio Kirner ckirner@gmail.com