1

1. Introdução pág. 3
2. Apresentação do Sistema: Joomla! pág. 3
3. Acessando a interface administrativa do Site pág. 4
4. Artigos
4.1 Editando um Artigo pág. 7
4.2 Criando um Artigo pág. 9
4.3 Excluindo um Artigo pág. 10
4.4 Publicando e despublicando Artigo pág. 10
4.5 Lincando um artigo a um item de menu pág.11
4.6 Criando uma Seção de artigo pág. 12
4.7 Criando uma Categoria de Artigo pág. 13
4.8 Adicionando Imagem a um Artigo pág. 14
5. Download
5.1 Inserindo link de Download/arquivo pág. 17
5.2 Excluindo link de Download/arquivo pág. 20
5.3 Criando Link para Página da Web pág.21
6. Algumas informações importantes pág. 21

2
 1. Introdução

O principal objetivo deste tutorial é explicar como o responsável pela

manutenção do site pode atualizar seu conteúdo e gerenciar, caso necessário, cadastro
de usuários.
O tutorial tem uma abordagem simples e clara, utilizando imagens de forma a
ilustrar cada tema abordado, facilitando o seu entendimento.
Para sua aprendizagem, não se faz necessário nenhum conhecimento prévio em
programação para web.

2. Apresentação do Sistema: Joomla!

O Joomla é um sistema gerenciador de conteúdo que permite, dentre outras

funcionalidades, a administração do site de forma dinâmica e em tempo real.
Por ser usado em diversas plataformas e ser de fácil uso, tornou-se o mais
popular Software disponível para Web, no que diz respeito ao desenvolvimento e
manutenção de Sites.
Ele é um Open Source gratuito e está disponível para todos os que desejarem
desenvolver sites utilizando CMS.
O download do sistema, assim como suas extensões e atualizações, pode ser
obtido através do portal oficial do Joomla: http://www.joomla.org

3
 3. Acessando a interface administrativa do Site
No tutorial que se segue usaremos um site extremamente genérico e simples,
para que possamos abranger todos os temas referentes a manutenção do seu site.

É IMPORTANTE QUE O USUÁRIO DESTE TUTORIAL SE PRENDA

APENAS AOS MÉTODOS AQUI ABORDADOS E NÃO TENTE DESENVOLVER OS
SEUS PRÓPRIOS, ASSIM COMO NÃO EXPLORE QUALQUER OUTRA
FUNCIONALIDADE DO JOOMLA, SEM A PRÉVIA NOTIFICAÇÃO AO
DESENVOLVEDOR DO SITE.
ATÉ MESMO A MENOR ALTERAÇÃO EM COMPONENTES NÃO
ABORDADOS AQUI PODE CAUSAR DANOS A ESTRUTURA DO SITE.

4
 Esse é o layout do site que utilizaremos como exemplo para o tutorial.

O primeiro passo a ser entendido é como acessar a interface administrativa. Na

barra de endereços do seu navegador digite o “endereço do site”, barra administrator.

Desse modo: “endereço do site”/administrator.

Ex: “www.nti.uff.br” é o endereço do site do NTI, caso o administrador do site

queira gerenciar seu conteúdo acessando a interface administrativa ele deve digitar
“www.nti.uff.br/administrator”.

Caso tenha seguido o passo anterior corretamente uma página de login será
exibida.
Nessa página um campo para login e outro para sua respectiva senha serão
apresentados, portanto entre com os valores previamente criados pelo administrador
do site.

5
 Após efetuado o Login, a interface administrativa principal será exibida.

Começaremos então a aprender como alimentar e atualizar o seu site.

6
 4. Artigos
Os artigos representam quase toda a parte textual estática do seu site, e
geralmente são os ítens que possuem o maior volume de atualizações.
A administração dos mesmos é extremamente simples e será explicada
detalhadamente a seguir.

4.1 Editando um Artigo: Para iniciar a edição de um artigo clique no ícone

'Administrar Artigo' na tela inicial ou acesse o ítem de menu 'Conteúdo' e então
clique em 'Administrar Artigos'.

Uma lista contendo todos os artigos presentes no site será aberta, nesta lista
selecione o artigo onde quer efetuar a alteração. No nosso caso selecionaremos o
'artigo #1'.

7
 Na tela seguinte são exibidos o título do artigo, sua categoria e seção (ambos
explicados mais a frente), e o corpo do artigo para o qual é disponibilizado um editor
de texto. Modifique tudo o que julgar necessário e salve suas alterações.
Caso não queira mais modificar o artigo em questão selecione 'fechar' no canto
superior direito.

4.2 Criando um Artigo: Em 'Administrar Artigo' selecione a opção 'Novo'.

8
 Na tela exibida a seguir insira o título e se desejar, indique uma Categoria e
uma Seção que devem ter sido previamente criadas, é importante mencionar que o
Joomla não permite a criação de um artigo sem modificarmos as informações
apresentadas em Seção e Categoria, caso não os tenha criado selecione a opção 'Sem
Categoria'.
Feito isso insira ou modifique o texto do seu artigo e salve-o. Você deve ter
notado o menu 'Aplicar' ao lado de 'Salvar', a diferença de um para o outro é que o
primeiro aplica as alterações e continua na tela do editor e já o segundo salva e
retorna para a tela anterior.
Caso desista de criar ou alterar o artigo durante o processo clique em 'Cancelar'
e nada será alterado.

Atenção: Nunca saia da edição utilizando as abas de navegação do navegador

que normalmente utilizamos. Isso impedirá a edição do mesmo artigo por outro
administrador.

9
 4.3 Excluindo um artigo: Para excluir um artigo selecione a caixa ao lado do
nome do arquivo que deseja excluir, feito isso clique no menu 'Lixeira' localizado no
canto superior direito da tela administrativa e então o artigo será excluído.

Após excluir o artigo, caso tenha em seu site algum item de menu que faça
referência ao artigo excluído, ele passará a conter uma mensagem de que o artigo
referenciado não pode ser encontrado, portanto ou exclua o menu em questão ou
faça-o apontar para um novo conteúdo.

4.4 Publicando e despublicando artigos: Uma outra opção para a “exclusão”

citada acima é apenas despublicarmos o artigo. Isso pode ser feito clicando sobre o
ícone na coluna “Publicado” na linha referente ao artigo ou selecionando a sua

10
respectiva caixa e clicando em despublicar na barra de ferramentas “Administrar
Artigos”.
Para publicar, que é exatamente o processo inverso do anterior basta clicar no
mesmo ícone que agora estará exibido em cor vermelha ou selecionar a caixa relativa
ao artigo e clicar em publicar também na barra de ferramentas.
A grande vantagem desta forma de exclusão é o fato de ser uma exclusão
lógica, ou seja, o artigo fisicamente ainda existe porém está invisível ao usuário do
portal. É uma boa opção quando não estamos convictos de que realmente o artigo não
será mais utilizado.

4.5 Lincando um artigo a um item de menu: Para lincar um item de menu a

um artigo clique em 'Menus' e escolha o menu ao qual deseja associar o conteúdo.

11
 Então escolha a qual artigo seu item de menu fará referência através do campo
a direita da tela administrativa.
É importante ressaltar que o artigo deve estar previamente criado para que
possa ser lincado ao menu.

4.6 Criando uma Seção de Artigo: Para criar uma nova seção selecione no
menu 'Conteúdo' o ítem 'Administrar Seção'.

Na tela exibida após o passo anterior, clique no ícone 'Novo' na barra de

ferramentas.

12
 Digite o nome da seção na tela que é exibida, nesse momento insira apenas o
nome pois os demais campos não são relevantes para nosso caso. Escrito o nome
salve e sua seção estará criada.
No nosso exemplo acima criamos uma seção de nome artigos.

4.7 Criando uma Categoria de Artigo: Já é possível notar que os métodos de

criação e edição são bem mecânicos e com poucas variações de um para outro. Para
criar uma nova categoria, selecione novamente em 'Conteúdo' o menu 'Administrar
categoria'. Clique em 'Novo', digite o nome da categoria, selecione a Seção à qual
está associada (no nosso exemplo abaixo fizemos a categoria “nova categoria de
artigo” integrar a seção “artigos”) e salve.

13
 4.8 Adicionando imagem a um artigo: Para adicionar uma imagem a um
artigo, na tela de edição do texto do artigo, procure pelo ícone 'Insert/edit image..

Uma nova janela será exibida.

A imagem precisa estar em uma das pastas do servidor para que possa ser
inserida. Primeiro crie uma pasta para inserir suas imagens. Clique no ícone 'New
Folder' e de um nome a pasta na janela que se abrirá.

14
 Agora selecione a pasta que foi criada e procure pelo ícone 'Upload'.

Então clique no botão 'Add' na nova janela exibida.

15
 Procure pela imagem, atualmente em seu computador, que deseja adicionar,
selecione a imagem e então clique no botão 'Upload'.
Até esse ponto, fizemos o upload da imagem que agora passa a estar disponível
no servidor.

Para inserirmos a imagem de modo que seja exibida em nossa página,

selecione a imagem que acabou de inserir e clique em 'Insert' deste modo sua imagem
é inserida no corpo do texto.

16
 5. Download

5.1 Inserindo link de download/arquivo: Se você acompanhou todo o tutorial

será mais fácil adicionar um arquivo para download, pois o método é muito
semelhante ao de inserção de imagens.
No corpo do texto do artigo crie um nome que servirá como link de download
para o usuário. No nosso caso usaremos como link o texto 'Download #1', porém o
link também pode ser feito sobre imagens, caso existia alguma imagem em seu artigo.
O processo será o mesmo.

17
 Selecione o texto ou a imagem e procure no editor de texto pelo ícone
'Insert/edit link' representado por uma corrente.

Então, na janela exibida clique no ícone 'Browse'.

A partir de agora o método é muito parecido com o de adição de imagens. Você

novamente precisa criar uma pasta que recebe seus arquivos que estarão disponíveis
para download.
Com o botão 'Create new folder' (caso a pasta já exista não é necessário criar
outra).

18
 Então selecione a pasta e clique em 'Enviar'.

Na nova janela, procure pelo botão 'Add' selecione o arquivo em sua máquina e
faça o 'Upload'.

Até este momento realizamos o Upload do arquivo para o servidor. Para que
seu link seja construído selecione o arquivo e pressione 'Insert'. Agora seu arquivo
está disponível para download.

19
 5.2 Excluindo link de download/arquivo: Para excluir um link de download
basta marcar exatamente o que representa o nosso link e clicar no ícone “Unlink”'
representado por uma corrente partida.
Para deletar o arquivo do servidor, entre em qualquer artigo existente em seu
portal selecione um trecho qualquer e procure o ícone já comentado que representa
link. Na janela exibida após o passo anterior procure pelo arquivo que deseja apagar e
selecione-o, na coluna ao lado a dos arquivos que exibe os detalhes de cada ítem
clique no ícone 'X' em vermelho e o arquivo será excluído do servidor.

Por fim cancele a edição do artigo.

20
 5.3 Criando um Link para Web: Para criar um link externo, para web, repita
os passos de para inserção de link para download. A diferença nesse caso é que ao
invés te procurar o arquivo que deseja adicionar, simplesmente insira o endereço da
página no campo URL e clique em inserir. Salve o artigo para que as alterações
tenham efeito.
No nosso exemplo inserimos um link para o site da UFF. Observe que no nosso
exemplo não inserimos o “prefixo” http://, nesse caso o sistema informará sobre a
inserção automática do mesmo. É uma forma de garantia da inserção correta do link.

7. Algumas informações importantes

Caso seu site tenha alguma funcionalidade além das que

foram abordadas nesse tutorial, não tente explorar o sistema por si
mesmo, pois é possível que essa atitude, se executada de maneira
equivocada, cause danos a estrutura geral do site. Solicite ao
desenvolvedor do site a manutenção ou inserção da ferramenta.

Pergunte sempre ao desenvolvedor sobre qualquer alteração cujos passos não

foram abordados aqui. Restaurar um site pode ser muito custoso dependendo do nível
de alterações que um usuário sem os conhecimentos adequados possa fazer.

Esperamos que o tutorial possa facilitar e reforçar o entendimento mas caso

algum tema tenha ficado confuso não exite em entrar em contato para que possamos
esclarecer a sua dúvida.

21