joomla! para iniciantes - djonatan buss, jerônimo medina madruga

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?


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".


O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



um CMS que te ajuda a construir aplicaes web.

Fcil de usar

Diversos recursos

Design impressionante

Contedo organizado

Aplicao pesquisvel

Grande comunidade


O que o Joomla! ?

O que CMS ?

HTML

CSS

CMS

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



Content Management System

Texto, fotos, vdeos, documentos e etc..

Conhecimento tcnico


O que o Joomla! ?

O que CMS ?

HTML

CSS

CMS

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



HTML

Trabalhoso e lento

oldstylesite500oldstylesite500


O que o Joomla! ?

O que CMS ?

HTML

CSS

CMS

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



CSS

Fcil de formatar

Mais rpido

newstylesite500oldstylesite500


O que o Joomla! ?

O que CMS ?

HTML

CSS

CMS

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



CMS

Organiza o contedo

No precisa webmaster

Integrao com Banco de Dados

cmsstylesite500oldstylesite500


O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



O joomla essencialmente PHP e MySQL

Os templates feitos com CSS


O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



Descendente do Mambo

Criado em 2005

Misso

Prover uma plataforma flexvel para colaborao e publicao digital.

mambo_cms.png


O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?




O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?




O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?




O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



Cdigo aberto GNU/GPL

Comrcio de templates

Existem gratuitos, mas as opes pagas so robustas e profissionais

Comrcio de plugins

Plugins para inmeras funcionalidades.


O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



Principais diferenasDrupal

Wordpress

Joomla


O que o Joomla! ?

O que CMS ?

Do que feito?

Da onde saiu?

Tem exemplo?

Quanto custa?



Instalao local

Depende de:Apache ou Microsoft IIS

PHP

MySQL


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


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


Iniciando

Fiz isso ?

Vises

Arquitetura

Sem contato com cdigo

Duas visesFRONT END

BACK END


Iniciando

Fiz isso ?

VisesFRONT END

BACK END

Arquitetura

FRONT ENDAmbiente para:Visitantes

Editores

Membros em geral


Iniciando

Fiz isso ?

VisesFRONT END

BACK END

Arquitetura

BACK ENDAmbiente para:Projetistas

Designers

Administradores


Iniciando

Fiz isso ?

Vises

Arquitetura

ARQUITETURACriao e edio do site

Inclui:Menus

Contedo

Componentes

Extenses


Iniciando

Fiz isso ?

Vises

ArquiteturaMenus

Contedo

Extenses

MENUSReferenciam contedo

Compostos por itens

Gerenciados por MODULOS


Iniciando

Fiz isso ?

Vises

ArquiteturaMenus

Contedo

Extenses

MENUSPrincipais tipos nativosMainMenu

TopMenu

UserMenu

OtherMenu


Iniciando

Fiz isso ?

Vises

ArquiteturaMenus

Contedo

Extenses

CONTEDOPrincipal elemento

Armazenado no BD

Dividido em:Sees Categorias

Artigos


Iniciando

Fiz isso ?

Vises

ArquiteturaMenus

Contedo

ExtensesComponentes

Mdulos

Plugins

Linguagem

Templates

EXTENSESComponentes

Mdulos

Plugins

Linguagem

Templates


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...


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.


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.


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


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


Criando seu site

Definindo nome do site

Criando as paginas

Fazendo link dos menus

Remover funes desnecessrias.

Vamos criar um site sobre abelhas!


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza

Acesse o back end (/administrator)

Boto Global Configurations

Edite Site Name

Vamos usar Webelhas


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza


Criando Nomeando site

Criando as paginas

Linkando menu

Limpeza

Vamos criar quatro paginasA vida

Biologia

Defesa

A Rainha


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


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza

Usaremos apenas MainMenu

Menus Main Menu

Botao New

Escolha Article

Standard Article Layout


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza

Menu Item Parameters

select

Seleciona artigo na popup

SaveRepetir para os proximos quatro artigos


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza

Limpar modulos

Extensions Module ManagerDisable


Criando

Nomeando site

Criando as paginas

Linkando menu

Limpeza

Limpar MainMenu

Menu MainMenuUnpublish


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 subttulo mestre

28/08/10



Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel

28/08/10

28/08/10




28/08/10

28/08/10




Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel

28/08/10

28/08/10





Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel

Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel

28/08/10

28/08/10



28/08/10

28/08/10


28/08/10

28/08/10




Segundo nvel
Terceiro nvel
Quarto nvel
Quinto nvel

28/08/10

28/08/10



Clique no cone para adicionar uma imagem


28/08/10

28/08/10


joomla! para iniciantes - djonatan buss, jerônimo medina madruga

Technology