Apostila_versao_1.0_MH - Parte 3

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.
- 71 -
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.
- 72 -
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.
- 73 -
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.
5.10.1 – 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
- 74 -
•
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,
- 75 -
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.
5.10.2 – 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
- 76 -
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 – 0000-00-00 00: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:
- 77 -
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.
- 78 -
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.
- 79 -
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.
- 80 -