5.9 Mídias: Clique no botão de Gerenciador de Mídias, ou acesse o Menu Conteúdo => Gerenciador de Mídias.

Transcrição

1 5.9 Mídias: Clique no botão de Gerenciador de Mídias, ou acesse o Menu Conteúdo => Gerenciador de Mídias. Observe que na parte superior temos duas formas de visualização: em Miniatura e Exibição Detalhada. Na exibição detalhada, além do nome da mídia nós temos as informações de dimensões da mesma, bem como o tamanho do arquivo. Na esquerda temos as colunas de pastas

2 Na parte central temos os arquivos de mídia. Interface muito semelhante ao que você já conhece do seu Sistema Operacional (Windows Explorer). Para excluir apenas uma imagem, basta clicar no ícone de exclusão localizado a sua direita. Caso queira excluir diversas imagens de uma única vez, marque-as e depois clique no botão de Excluir no canto superior direito. Todas as imagens a serem utilizadas no projeto devem ficar dentro da pasta images. Esta pasta é default do sistema. Obs: A pasta default de imagens poderá ser alterada no botão Opções. Se for necessário crie novas pastas para organizar seus arquivos. Digite o nome da pasta desejada (files, por exemplo), e clique em Criar Pasta. Observe que a pasta criada é exibida na esquerda, na coluna de pastas: Na parte inferior da tela temos a janela para que se possa fazer o upload de arquivos. Atenção: Antes de enviar um arquivo, escolha em qual pasta deseja que ele seja salvo

3 O tamanho máximo padrão (default) do Joomla para envio de arquivos é de 10MB. Para enviar arquivos com tamanhos maiores, você deverá alterar este valor clicando no botão opções. Atenção: Este Tamanho Máximo de mídia (em MB), se for superior ao definido nas variáveis upload_max_filesize e post_max_size do arquivo de configuração do PHP (php.ini), não terá o efeito desejado. Por default, no WAMP5, os valores das variáveis citadas no arquivo php.ini são: upload_max_filesize = 2M post_max_size = 8M Para alterar estes valores, clique no ícone do Wampserver (localizado ao lado do relógio), escolha o menu PHP, e clique no arquivo php.ini. Realize as alterações desejadas (20 M, por exemplo) nas variáveis upload_max_filesize e post_max_size, salve o arquivo alterado. Clique novamente no ícone do Wampserver (localizado ao lado do relógio) e escolha a opção Reiniciar todos os Serviços. Nos servidores WEB contratados para hospedagem de sites, você terá um painel de controle (Control Panel) onde poderá realizar estas alterações. Obs: Entende-se como mídia qualquer tipo de arquivo:.jpg,.gif,.pdf,.doc,.rar,.zip, etc... Você poderá definir quais extensões de arquivos deseja permitir que se faça upload. Clicando no Menu Opções é possível incluir/excluir/alterar as extensões de arquivos permitidos. Obs: Vale ressaltar que a descrição das extensões dos arquivos é case sensitive, ou seja, se você desejar incluir a extensão docx, coloque a mesma em minúsculo (docx) e em maiúsculo (DOCX). Exercício: Baixe alguns arquivos de mídia da internet e faça upload para seu projeto Joomla. Envie um arquivo.zip e veja o que acontece. Lembre-se de criar antes as pastas e de escolher em qual pasta deseja fazer o upload do arquivo

4 5.10 Conteúdo: Sempre que se projeta um site é preciso definir uma hierarquia para o conteúdo. E com o Joomla não é diferente. A estrutura de conteúdo do Joomla segue a seguinte ordem: um nível superior que é a Categoria e logo abaixo dela um nível chamado Artigo. Isso indica que um artigo sempre precisa estar associado a uma categoria. Por exemplo: Podemos ter uma categoria chamada Tecnologia e vários artigos ligados a esta categoria Categorias: Vamos criar agora algumas categorias e subcategorias para organizarmos hierarquicamente nosso site. Clique no ícone Gerenciador de Categorias ou clique no menu Conteúdo => Gerenciador de Categorias. Clique no ícone Novo: Em Título, digite Tecnologia da Informação. Em Apelido digite apenas Tecnologia. Em Pai, deixe Nenhum Pai, pois esta categoria será uma categoria Pai. A partir dela criaremos várias categorias filhas. Em Descrição digite: Categoria usada para descrever as diferentes Tecnologias da Informação disponíveis atualmente. Nas demais opções, deixe o valor default (padrão). Clique em Salvar & Novo. Aparecerá a seguinte mensagem: Categoria salva com sucesso e já abrirá uma nova categoria em branco para você. Agora vamos criar uma nova categoria, subcategoria de Tecnologia da Informação (Categoria Pai) com o nome de Apple. Coloque o título e o Apelido como Apple e em Pai escolha a categoria Tecnologia da Informação. Em Descrição, digite Nesta categoria teremos artigos sobre a empresa Apple. Crie a seguinte estrutura de Categorias. Todas as categorias abaixo terão como categoria Pai, a subcategoria Apple, que é filha de Tecnologia da Informação. imac iphone

5 ipad ipod Crie agora uma nova Categoria chamada Microsoft, que terá como categoria Pai Tecnologia da Informação. Depois de criada a Categoria Microsoft, crie as seguintes categorias abaixo, escolhendo como categoria Pai a Microsoft: Word Excel Access PowerPoint Windows 7 Windows 8 Observe que para cada categoria criada podemos definir o estado (publicado, despublicado, arquivado e lixeira), o nível de acesso de grupo que tem permissão para ver este item (public, registered, Special) e as permissões, de acordo com o status do usuário. Veja como ficará a nossa estrutura de Categorias: Para editar uma categoria, clique sobre o nome da mesma. Coloque na lixeira a categoria Uncategorised. Você poderá também organizar suas categorias, movendo-as para cima ou para baixo, clicando-se em. Organize suas categorias e subcategorias,

6 colocando as mesmas em ordem alfabética, respeitando a hierarquia das categorias Pai, usando os botões, de acordo com a figura abaixo: Para despublicar uma Categoria, clique sobre o ícone localizado em frente ao nome da categoria desejada. Para publicar a mesma novamente, basta clicar sobre o ícone. Observe que se você despublicar uma categoria Pai, todas as categorias filhas serão despublicadas Artigos: Precisamos agora então criar nossos artigos e atrelá-los às categorias criadas. Para isso, clique no ícone Gerenciador de Artigos ou no Menu Conteúdo => Gerenciador de Artigos. Clique em Novo. Você também poderá clicar diretamente no ícone. Digite um Título para o artigo, escolha a categoria (ou subcategoria) desejada, em Destaque escolha Sim (para o mesmo ser publicado na primeira

7 página do site) e digite o texto do artigo no campo Conteúdo do Artigo. Insira uma imagem, clicando-se sobre o ícone Caso queira, você poderá editar a sua imagem após ter inserido a mesma no texto. Para isto, marque a imagem que deseja editar e clique no botão de edição da imagem. Observe que você poderá definir uma descrição para a imagem, o seu alinhamento, as dimensões da imagem, o tamanho da borda da mesma, bem como o espaço vertical e horizontal que a mesma terá para o texto. Faça os ajustes necessários e clique em Update. Você pode através do rodapé adicionar quebras de página e um leia mais... Coloque o cursor no final do primeiro parágrafo e clique no ícone Leia Mais. Salve seu Artigo. Visualize seu site e veja o efeito deste comando. Observe agora as opções que são mostradas na coluna da direita. Inicialmente temos Opções de Publicação onde podemos determinar quem é o Autor, digitar um Apelido para o Autor (caso não deseje que o nome do autor seja publicado), definir a data de criação (data/hora do servidor como default), podemos determinar uma data de início de publicação e uma data de encerramento de publicação (Se a data de encerramento ficar em branco :00:00 o artigo nunca será retirado de publicação). É exibido também o autor da última revisão no Artigo, data e hora da última revisão, bem como o número de revisões e de acessos que o artigo já teve. Observe a imagem a seguir:

8 Na segunda opção temos a configuração de Opções do Artigo. Todos usam a opção Usar Global, que mantém o mesmo padrão para todo o site. Em Texto 'Leia Mais' você poderá adicionar um texto personalizado para o Leia Mais, como por exemplo: Continue lendo: Em seguida temos as configurações de Tela de Edição. Por default todas as opções estão como Usar Global, que mantém o mesmo padrão para todo o site. Logo abaixo temos algumas configurações para Imagens e Links e por último temos as Opções de Metadados, que permite adicionar conteúdo para os mecanismos de busca. Colocando o mouse sobre cada caption, temos a explicação sobre o que o mesmo significa. Salve seu artigo. Na parte superior esquerda clique em Visualizar Site

9 Crie uma nova categoria chamada Institucional e em seguida crie um Artigo chamado Sobre (ele pertencerá à categoria Pai Institucional). Descreva neste artigo sobre este projeto. Na área de manutenção de seus artigos temos alguns botões: O botão Novo é usado para criar novos Artigos. O botão Editar é utilizado para se editar um artigo já existente. Antes de clicar no mesmo, é necessário escolher qual artigo você deseja editar. O botão Publicar é usado para publicar um artigo. Por default, quando se cria um novo artigo, o mesmo já aparece como publicado. O botão Despublicar faz o inverso. Você poderá clicar também sobre os ícones da coluna Estado para publicar e despublicar um artigo. O botão destaque faz com que os artigos selecionados sejam destaques do site, aparecendo na página inicial (Home) do site. Você poderá clicar também sobre os ícones da coluna Destaque para habilitar ou desabilitar um artigo em destaque (Vide figura acima). A opção Arquivar permite selecionar um artigo e arquivá-lo, função útil para artigos antigos que estejam em seu site. O botão Desbloquear permite ao Super Usuário desbloquear um artigo bloqueado. O botão de Lixeira envia o artigo para a lixeira (o mesmo ainda poderá ser recuperado). Clicando em Opções, abrirá uma série de opções do Administrador de Artigos. Faça as alterações desejadas e clique em Salvar & Fechar

10 Exercícios: Crie agora um artigo de cada subcategoria: imac, ipad, iphone, ipod, Access, Excel, PowerPoint, Windows 7, Windows 8 e Word. Baixe algumas notícias da internet com imagens (mídia) e lembre-se de associar o artigo à categoria correspondente. Utilize as ferramentas disponíveis para criação e para edição de artigos e bom trabalho