Post on 16-Apr-2017
Joomla! Para iniciantes
Tchelinux Pelotas 2010
Joomla! Para iniciantes.
Sempre teve vontade de fazer seu site?
Fica na dvida de qual tecnologia utilizar?
Quer uma abordagem mais profissional do que aquele site que voc fazia no Frontpage?
Acha que alterar diversos arquivos para atualizar uma mudana massante?
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
superjoomla.jpg uma palavra adaptada foneticamente dapalavra "Jumla na lngua Swahili para o Ingls. Jumla significa tudo junto" ou como um todo".
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
um CMS que te ajuda a construir aplicaes web.
Fcil de usar
Diversos recursos
Design impressionante
Contedo organizado
Aplicao pesquisvel
Grande comunidade
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
HTML
CSS
CMS
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
Content Management System
Texto, fotos, vdeos, documentos e etc..
Conhecimento tcnico
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
HTML
CSS
CMS
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
HTML
Trabalhoso e lento
oldstylesite500oldstylesite500
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
HTML
CSS
CMS
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
CSS
Fcil de formatar
Mais rpido
newstylesite500oldstylesite500
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
HTML
CSS
CMS
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
CMS
Organiza o contedo
No precisa webmaster
Integrao com Banco de Dados
cmsstylesite500oldstylesite500
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
O joomla essencialmente PHP e MySQL
Os templates feitos com CSS
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
Descendente do Mambo
Criado em 2005
Misso
Prover uma plataforma flexvel para colaborao e publicao digital.
mambo_cms.png
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
Cdigo aberto GNU/GPL
Comrcio de templates
Existem gratuitos, mas as opes pagas so robustas e profissionais
Comrcio de plugins
Plugins para inmeras funcionalidades.
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
Principais diferenasDrupal
Wordpress
Joomla
Joomla! Para iniciantes.
O que o Joomla! ?
O que CMS ?
Do que feito?
Da onde saiu?
Tem exemplo?
Quanto custa?
E Drupal e o Wordpress?
Instala pra mim tio!
Instalao local
Depende de:Apache ou Microsoft IIS
PHP
MySQL
Joomla! Para iniciantes.
Instalao local
www.joomla.org
Download Joomla!
Descompactar na pasta do apache
Criar a base de dados no MySQL
Acessar os arquivos via localhost.
Instalao
Download
Instalao
Download
Instalao
Download
Instalao
Instalando
Instalao
InstalandoBrowser: localhost/Joomla/
Instalao
Instalando
Instalao
Instalando
Instalao
Instalando
Instalao
Instalando
Instalao
Instalando
Instalao
Instalando
Instalao
Instalando
Instalao
Instalando
Joomla! Para iniciantes.
Iniciando Fiz isso ?
Vises
Arquitetura
Sim voc fez esse site!
Bem vindos ao TEMPLATE exemplo do Joomla!
Analise, clique e identifique.Login form
Enquete
Menus
Banner
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
Arquitetura
Sem contato com cdigo
Duas visesFRONT END
BACK END
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
VisesFRONT END
BACK END
Arquitetura
FRONT ENDAmbiente para:Visitantes
Editores
Membros em geral
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
VisesFRONT END
BACK END
Arquitetura
BACK ENDAmbiente para:Projetistas
Designers
Administradores
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
Arquitetura
ARQUITETURACriao e edio do site
Inclui:Menus
Contedo
Componentes
Extenses
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
Extenses
MENUSReferenciam contedo
Compostos por itens
Gerenciados por MODULOS
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
Extenses
MENUSPrincipais tipos nativosMainMenu
TopMenu
UserMenu
OtherMenu
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
Extenses
CONTEDOPrincipal elemento
Armazenado no BD
Dividido em:Sees Categorias
Artigos
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
ExtensesComponentes
Mdulos
Plugins
Linguagem
Templates
EXTENSESComponentes
Mdulos
Plugins
Linguagem
Templates
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
ExtensesComponentes
Mdulos
Plugins
Linguagem
Templates
EXTENSES - ComponentesPequenas aplicaes que compe o corpo principal da pagina.
Ex: Contatos, News Feeds, Enquetes, Pesquisa e etc...
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
ExtensesComponentes
Mdulos
Plugins
Linguagem
Templates
EXTENSES - MdulosUsados para exibir menus, contador de visitas e etc. que se repetem nas diversas pginas.
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
ExtensesComponentes
Mdulos
Plugins
Linguagem
Templates
EXTENSES - PluginsSo cdigos que executam de acordo com uma necessidade dos recursos utilizados.
Ex: o editor de texto.
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
ExtensesComponentes
Mdulos
Plugins
Linguagem
Templates
EXTENSES - LinguagemAlteram a linguagem no front e back end de acordo com a capacidade das extenses
Joomla! Para iniciantes.
Iniciando
Fiz isso ?
Vises
ArquiteturaMenus
Contedo
ExtensesComponentes
Mdulos
Plugins
Linguagem
Templates
EXTENSES TemplatesA diverso do iniciante
Inclui cores, fontes, posicionamento, design e etc.
Permitem separao entre aparncia e contedo
Joomla! Para iniciantes.
Criando seu site
Definindo nome do site
Criando as paginas
Fazendo link dos menus
Remover funes desnecessrias.
Vamos criar um site sobre abelhas!
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Acesse o back end (/administrator)
Boto Global Configurations
Edite Site Name
Vamos usar Webelhas
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Joomla! Para iniciantes.
Criando Nomeando site
Criando as paginas
Linkando menu
Limpeza
Vamos criar quatro paginasA vida
Biologia
Defesa
A Rainha
Joomla! Para iniciantes.
Criando Nomeando site
Criando as paginas
Linkando menu
Limpeza
Acesse o back end (/administrator)
Boto Add New Article
Title: A vida
Alias: A vida
Section: uncategorized
Category: uncategorized
Editor de texto
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Usaremos apenas MainMenu
Menus Main Menu
Botao New
Escolha Article
Standard Article Layout
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Menu Item Parameters
select
Seleciona artigo na popup
SaveRepetir para os proximos quatro artigos
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Limpar modulos
Extensions Module ManagerDisable
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Limpar MainMenu
Menu MainMenuUnpublish
Joomla! Para iniciantes.
Criando
Nomeando site
Criando as paginas
Linkando menu
Limpeza
Templates
Mudar o template
Extensions Plugin Manager
Seleciona BeezDefault
Clique para editar o estilo do ttulo mestre
Clique para editar os estilos do texto mestre
Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
28/08/10
Clique para editar o estilo do ttulo mestre
Clique para editar o estilo do subttulo mestre
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
Clique para editar o estilo do ttulo mestre
Clique para editar os estilos do texto mestre
Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
Clique para editar o estilo do ttulo mestre
Clique para editar os estilos do texto mestre
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
Clique para editar o estilo do ttulo mestre
Clique para editar os estilos do texto mestre
Clique para editar os estilos do texto mestre
Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
Clique para editar o estilo do ttulo mestre
Clique para editar os estilos do texto mestre
Clique para editar os estilos do texto mestre
Clique para editar os estilos do texto mestre
Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel
Clique para editar os estilos do texto mestre
Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
Clique para editar o estilo do ttulo mestre
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
Clique para editar o estilo do ttulo mestre
Clique para editar os estilos do texto mestre
Clique para editar os estilos do texto mestre
Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel
Clique para editar o estilo do ttulo mestre
Clique no cone para adicionar uma imagem
Clique para editar os estilos do texto mestre
28/08/10
28/08/10
Clique para editar os estilos do texto mestreSegundo nvelTerceiro nvelQuarto nvelQuinto nvel