Tutorial Campus Online Gerenciando Conteúdo (Textos) Para a gerência de conteúdo no site do Campus Online, é utilizado um componente do Joomla, o K2. Este componente permite que o conteúdo seja gerenciado de uma forma mais elegante. É possível publicar blog, catálogo, diretório e revista usando um único componente. Neste tutorial, iremos aprender a como gerenciar o conteúdo do Joomla (mais especificamente como manipular texto), utilizando o componente K2. Passo 1: Acesse a área administrativa do site Campus Online através do endereço: http://www.fac.unb.br/campusonline/administrator Passo 2: Digite seu login e senha para acessar ao sistema. Passo 3: Na área de administração do Joomla, clique em Componentes e depois em K2, tal como a imagem abaixo.
Passo 4: Na tela seguinte temos algumas opções, mas nesse tutorial abordaremos apenas Categorias e como adicionar um novo artigo. Caso queira adicionar uma nova categoria, clique no ícone destacado abaixo. Caso queira apenas adicionar novo artigo, avance para o passo 8.
Passo 5: Na tela abaixo, clique em novo. Passo 6: Será aberta então, uma tela para adição de nova categoria. Preencha os dados básicos, em destaque na imagem abaixo, e opcionalmente, pode-se adicionar abaixo uma breve descrição sobre a categoria. Passo 7: Clique em Salvar, no canto superior direito da tela.
Passo 8: Após isso, iremos criar então novos artigos. Para isso clica-se em Adicionar Novo Ítem, conforme figura abaixo. Passo 9: Será aberta então, a tela para a criação de novo artigo. Deve-se preencher os campos destacados em vermelho. Na parte superior esquerda em destaque são informações básicas a respeito da notícia. No lado direito, deve-se selecionar o autor da notícia e na parte inferior da tela, deve-se inserir o conteúdo propriamente dito da reportagem (texto).
Para a edição do conteúdo, mostraremos a função de cada ícone de formatação, localizado na barra superior da aba Conteúdo, como na figura abaixo. 1) Botões de Negrito, Itálico, Sublinhado e Tachado. Para utilizar, basta selecionar o texto e clicar no botão desejado. 2) Botões de Alinhamento (à esquerda, centralizar, à direita, justificar). Para utilizar, basta selecionar o texto e clicar no botão desejado. 3) Botões de Estilo da Fonte. O primeiro botão refere-se ao estilo, se é uma legenda ou sistema de quebra de página. O segundo diz respeito ao formato do parágrafo, se é um parágrafo normal, parágrafo pré-formatado, cabeçalho, etc. O terceiro e quarto são formatações da fonte, sendo tipo e tamanho. 4) Botões localizar e localizar/substituir dentro do texto. O primeiro botão é utilizado para fazer uma busca por palavras dentro do texto.
O segundo é utilizado para realizar uma busca e substituir a palavra/expressão encontrada por outra. 5) Botões de listas (não ordenadas e ordenadas) O primeiro botão aplica uma lista não ordenada (sem numeração). O segundo botão aplica uma lista ordenada (com numeração). 6) Botões de endentação (Inserir determinado espaço entre a margem da página e o início do texto de um parágrafo). O primeiro botão é utilizado para retirar endentação. O segundo botão é utilizado para inserir endentação. 7) Botões de desfazer e refazer. 8) Botões de inserir/editar link, remover link, inserir/editar âncora, inserir/editar imagem, limpar código bagunçado, ajuda, editar código fonte HTML, inserir data, inserir hora, selecionar cor do texto, selecionar cor de fundo, alternar para modo tela cheia. O primeiro botão é utilizado para inserir ou editar um hiperlink (endereço de um site). O segundo para removê-lo. O terceiro para inserir uma âncora (uma espécie de link interno do site. Inserese uma âncora no local onde se deseja redirecionar dentro do texto e cria-se um link através do botão inserir/editar hiperlink ara esta âncora). O quarto para inserir/editar imagem.
O quinto para limpar código bagunçado. Este botão é utilizado para eliminar código em excesso que não esteja sendo utilizado. É aconselhável utilizar esse botão periodicamente. O sexto é o botão de ajuda, que fornece informações a respeito do componente K2. O sétimo é utilizado para editar diretamente o código fonte da página. O oitavo é utilizado para inserir a data atual. O nono é utilizado para inserir a hora atual. O décimo é utilizado para alterar a cor do texto. O décimo primeiro é utilizado para alterar a cor do fundo. O último é utilizado para alterar a exibição do editor para modo tela cheia. 9) Botão inserir nova tabela. Botão utilizado para inserir uma tabela no artigo. 10) Botões propriedades da linha e propriedades da célula. Botões com configurações da tabela. O primeiro define as propriedades da linha selecionada e o segundo da célula. 11) Botões inserir linha antes, inserir linha depois e deletar linha. O primeiro botão é utilizado para inserir linha antes da linha selecionada. O segundo é utilizado para inserir linha após a linha selecionada. O terceiro é utilizado para excluir a linha selecionada. 12) Botões inserir coluna antes, inserir coluna depois e remover coluna. O primeiro botão é utilizado para inserir coluna antes da coluna selecionada. O segundo é utilizado para inserir coluna após a coluna selecionada. O terceiro é utilizado para remover a coluna selecionada.
13) Botões dividir células mescladas, mesclar células, inserir régua horizontal, remover formatação, alternar exibição das linhas da tabela. O primeiro botão é utilizado para dividir células mescladas. O segundo para mesclar células. O terceiro para inserir uma linha horizontal no texto (régua). O quarto para excluir formatação do texto. O quinto para exibir ou tornar invisível as delimitações da tabela. 14) Botões subscrito e sobrescrito. O primeiro botão é utilizado para inserir conteúdo subscrito ao texto (escrito abaixo da linha do texto). O segundo é utilizado para inserir conteúdo sobrescrito ao texto (escrito acima da linha do texto). 15) Botões inserir caractere personalizado, emotions, inserir/editar mídias embarcadas, linha horizontal, direção esquerda para direita, direção direita para esquerda. O primeiro botão é utilizado para inserir caracteres não convencionais, como o (copyright), por exemplo. O segundo é utilizado para inserir emotions. O terceiro para inserir mídias embarcadas nos artigos, como por exemplo aplicativos em Flash, vídeos do Windows Media Player, etc. O quarto para inserir linha horizontal. O quinto para posicionar o conteúdo da esquerda para a direita. O sexto para posicionar o conteúdo da direita para a esquerda. 16) Botões recortar, copiar, colar, colar como texto puro, colar a partir do Word, selecionar tudo. O primeiro botão é utilizado para recortar conteúdo. O segundo para copiar conteúdo.
O terceiro para colar conteúdo. O quarto para colar conteúdo como texto puro, ou seja, sem formatação. O quinto para colar conteúdo a partir do Word, com formatação. O último para selecionar todo o conteúdo que está sendo editado. 17) Botões inserir nova camada, mover para frente, mover para trás, alternar posicionamento absoluto, editar folha de estilo CSS, ativar/desativar caracteres de controle de visual, inserir caractere espaço fixo, citação. O primeiro botão é utilizado para criar uma nova camada de conteúdo. O segundo é utilizado para mover uma camada para frente. O terceiro é utilizado para mover uma camada para trás. O quarto é utilizado para alternar posicionamento absoluto, o que torna a camada com posicionamento fixo na página. O quinto é utilizado para editar a folha de estilo CSS de uma camada, o que nada mais é que definir formatação para esta camada. O sexto é utilizado para ativar/desativar caracteres de controle de visual. Este botão não tem muita utilidade para edição de conteúdo. O sétimo é utilizado para inserir um caractere de espaço fixo, que evita a quebra de linha natural do editor, quando o texto não cabe no fim de uma linha. O último é utilizado para inserir uma citação.