Joomla! para iniciantes
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Joomla! para iniciantes

on

  • 3,923 views

 

Statistics

Views

Total Views
3,923
Views on SlideShare
3,922
Embed Views
1

Actions

Likes
1
Downloads
170
Comments
0

1 Embed 1

http://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Joomla! para iniciantes Presentation Transcript

  • 1. Joomla! para iniciantesDjonatan BussJerônimo Medina Madruga
  • 2. Joomla! Para iniciantes. Sempre teve vontade de fazer seu site? Fica na dúvida 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 mudança é massante?
  • 3. 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! é uma palavra adaptada foneticamente da palavra "Jumla” na língua Swahili para o Inglês. Jumla significa “tudo junto" ou “como um todo".
  • 4. Joomla! Para iniciantes.•O que é o Joomla! ?  É um CMS que te ajuda a•O que é CMS ?•Do que é feito? construir aplicações•Da onde saiu? web.•Tem exemplo?•Quanto custa?  Fácil de usar•E Drupal e oWordpress?  Diversos recursos•Instala pra mim tio!  Design impressionante  Conteúdo organizado  Aplicação “pesquisável”  Grande comunidade
  • 5. Joomla! Para iniciantes.•O que é o Joomla! ?  Content Management•O que é CMS ? • HTML System • CSS • CMS  Texto, fotos, vídeos,•Do que é feito?•Da onde saiu? documentos e etc..•Tem exemplo?  Conhecimento técnico•Quanto custa?•E Drupal e oWordpress?•Instala pra mim tio!
  • 6. Joomla! Para iniciantes.•O que é o Joomla! ?  HTML•O que é CMS ? • HTML  Trabalhoso e lento • CSS • CMS•Do que é feito?•Da onde saiu?•Tem exemplo?•Quanto custa?•E Drupal e oWordpress?•Instala pra mim tio!
  • 7. Joomla! Para iniciantes.•O que é o Joomla! ?  CSS•O que é CMS ? • HTML  Fácil de formatar • CSS • CMS  Mais rápido•Do que é feito?•Da onde saiu?•Tem exemplo?•Quanto custa?•E Drupal e oWordpress?•Instala pra mim tio!
  • 8. Joomla! Para iniciantes.•O que é o Joomla! ?  CMS•O que é CMS ? • HTML  Organiza o conteúdo • CSS • CMS  Não precisa webmaster•Do que é feito?•Da onde saiu?  Integração com Banco de•Tem exemplo? Dados•Quanto custa?•E Drupal e oWordpress?•Instala pra mim tio!
  • 9. Joomla! Para iniciantes.•O que é o Joomla! ?  O joomla é•O que é CMS ?•Do que é feito? essencialmente PHP e•Da onde saiu? MySQL•Tem exemplo?•Quanto custa?  Os templates são feitos•E Drupal e o com CSSWordpress?•Instala pra mim tio!
  • 10. Joomla! Para iniciantes.•O que é o Joomla! ?  Descendente do Mambo•O que é CMS ?•Do que é feito?  Criado em 2005•Da onde saiu?•Tem exemplo?  Missão•Quanto custa?  Prover uma plataforma•E Drupal e oWordpress? flexível para colaboração e•Instala pra mim tio! publicação digital.
  • 11. Joomla! Para iniciantes.•O que é o Joomla! ?•O que é CMS ?•Do que é feito?•Da onde saiu?•Tem exemplo?•Quanto custa?•E Drupal e oWordpress?•Instala pra mim tio!
  • 12. Joomla! Para iniciantes.•O que é o Joomla! ?•O que é CMS ?•Do que é feito?•Da onde saiu?•Tem exemplo?•Quanto custa?•E Drupal e oWordpress?•Instala pra mim tio!
  • 13. Joomla! Para iniciantes.•O que é o Joomla! ?•O que é CMS ?•Do que é feito?•Da onde saiu?•Tem exemplo?•Quanto custa?•E Drupal e oWordpress?•Instala pra mim tio!
  • 14. Joomla! Para iniciantes.•O que é o Joomla! ?  Código aberto GNU/GPL•O que é CMS ?•Do que é feito?  Comércio de templates•Da onde saiu?  Existem gratuitos, mas•Tem exemplo?•Quanto custa? as opções pagas são•E Drupal e o robustas e profissionaisWordpress?•Instala pra mim tio!  Comércio de plugins  Plugins para inúmeras funcionalidades.
  • 15. Joomla! Para iniciantes.•O que é o Joomla! ?  Principais diferenças•O que é CMS ?•Do que é feito?  Drupal•Da onde saiu?•Tem exemplo?  Wordpress•Quanto custa?  Joomla•E Drupal e oWordpress?•Instala pra mim tio!
  • 16. Joomla! Para iniciantes.•O que é o Joomla! ?  Instalação local•O que é CMS ?•Do que é feito?  Depende de:•Da onde saiu?  Apache ou Microsoft•Tem exemplo?•Quanto custa? IIS•E Drupal e oWordpress?  PHP•Instala pra mim tio!  MySQL
  • 17. Joomla! Para iniciantes.  Instalação local 1. www.joomla.org 2. Download Joomla! 3. Descompactar na pasta do apache 4. Criar a base de dados no MySQL 5. Acessar os arquivos via localhost.
  • 18. Instalação● Download
  • 19. Instalação● Download
  • 20. Instalação● Download
  • 21. Instalação● Instalando
  • 22. Instalação● Instalando ● Browser: localhost/Joomla/
  • 23. Instalação● Instalando
  • 24. Instalação● Instalando
  • 25. Instalação● Instalando
  • 26. Instalação● Instalando
  • 27. Instalação● Instalando
  • 28. Instalação● Instalando
  • 29. Instalação● Instalando
  • 30. Instalação● Instalando
  • 31. Joomla! Para iniciantes. Sim você “fez” esse site! Iniciando Bem vindos ao TEMPLATE ● Fiz isso ? exemplo do Joomla! ● Visões ● Arquitetura Analise, clique e identifique.  Login form  Enquete  Menus  Banner
  • 32. Joomla! Para iniciantes. Sem contato com código Iniciando Duas visões ● Fiz isso ?  FRONT END ● Visões ● Arquitetura  BACK END
  • 33. Joomla! Para iniciantes. FRONT END Iniciando Ambiente para: ● Fiz isso ? ● Visões  Visitantes ● FRONT END BACK END Editores ●  ● Arquitetura  Membros em geral
  • 34. Joomla! Para iniciantes. BACK END Iniciando Ambiente para: ● Fiz isso ? ● Visões  Projetistas ● FRONT END BACK END Designers ●  ● Arquitetura  Administradores
  • 35. Joomla! Para iniciantes. ARQUITETURA Iniciando Criação e edição do site ● Fiz isso ? ● Visões Inclui: ● Arquitetura  Menus  Conteúdo  Componentes  Extensões
  • 36. Joomla! Para iniciantes. MENUS Iniciando Referenciam conteúdo ● Fiz isso ? ● Visões Compostos por itens ● Arquitetura ● Menus Gerenciados por ● Conteúdo MODULOS ● Extensões
  • 37. Joomla! Para iniciantes. MENUS Iniciando Principais tipos nativos ● Fiz isso ? ● Visões  MainMenu ● Arquitetura Menus TopMenu ●  ● Conteúdo  UserMenu ● Extensões  OtherMenu
  • 38. Joomla! Para iniciantes. CONTEÚDO Iniciando Principal elemento ● Fiz isso ? ● Visões Armazenado no BD ● Arquitetura ● Menus Dividido em: ● Conteúdo Extensões Seções ●   Categorias ● Artigos
  • 39. Joomla! Para iniciantes. EXTENSÕES Iniciando Componentes ● Fiz isso ? ● Visões Módulos ● Arquitetura ● Menus Plugins ● Conteúdo Extensões Linguagem ● ● Componentes Templates ● ● Módulos Plugins ● Linguagem ● Templates
  • 40. Joomla! Para iniciantes. EXTENSÕES - Componentes Iniciando Pequenas aplicações que ● Fiz isso ? compõe o corpo principal da ● Visões Arquitetura pagina. ● ● Menus Conteúdo Ex: Contatos, News Feeds, ● ● Extensões Enquetes, Pesquisa e etc... ● Componentes ● Módulos ● Plugins ● Linguagem ● Templates
  • 41. Joomla! Para iniciantes. EXTENSÕES - Módulos Iniciando Usados para exibir menus, ● Fiz isso ? contador de visitas e etc. ● Visões Arquitetura que se repetem nas ● ● Menus diversas páginas. ● Conteúdo ● Extensões ● Componentes ● Módulos ● Plugins ● Linguagem ● Templates
  • 42. Joomla! Para iniciantes. EXTENSÕES - Plugins Iniciando São códigos que ● Fiz isso ? executam de acordo com ● Visões Arquitetura uma necessidade dos ● ● Menus recursos utilizados. ● Conteúdo ● Extensões Ex: o editor de texto. ● Componentes ● Módulos ● Plugins ● Linguagem ● Templates
  • 43. Joomla! Para iniciantes. EXTENSÕES - Linguagem Iniciando Alteram a linguagem no ● Fiz isso ? front e back end de acordo ● Visões Arquitetura com a capacidade das ● ● Menus extensões ● Conteúdo ● Extensões ● Componentes ● Módulos ● Plugins ● Linguagem ● Templates
  • 44. Joomla! Para iniciantes. EXTENSÕES – Templates Iniciando A diversão do iniciante ● Fiz isso ? ● Visões Inclui cores, fontes, ● Arquitetura posicionamento, design e ● Menus Conteúdo etc. ● ● Extensões Permitem separação entre ● Componentes Módulos aparência e conteúdo ● ● Plugins ● Linguagem ● Templates
  • 45. Joomla! Para iniciantes. Criando seu site 1. Definindo nome do site 2. Criando as paginas 3. Fazendo link dos menus 4. Remover funções desnecessárias. Vamos criar um site sobre abelhas!
  • 46. Joomla! Para iniciantes. Criando  Acesse o back end• Nomeando site (/administrator)• Criando as paginas  Botão “Global• Linkando menu• Limpeza Configurations”  Edite “Site Name”  Vamos usar “Webelhas”
  • 47. Joomla! Para iniciantes. Criando• Nomeando site• Criando as paginas• Linkando menu• Limpeza
  • 48. Joomla! Para iniciantes. Criando• Nomeando site• Criando as paginas• Linkando menu• Limpeza
  • 49. Joomla! Para iniciantes. Criando• Nomeando site• Criando as paginas• Linkando menu• Limpeza
  • 50. Joomla! Para iniciantes. Criando• Nomeando site• Criando as paginas• Linkando menu• Limpeza
  • 51. Joomla! Para iniciantes. Criando  Vamos criar quatro• Nomeando site paginas• Criando as paginas  A vida• Linkando menu  Biologia• Limpeza  Defesa  A Rainha
  • 52. Joomla! Para iniciantes. Criando  Acesse o back end (/administrator)• Nomeando site• Criando as paginas  Botão “Add New Article”• Linkando menu  Title: A vida• Limpeza  Alias: A vida  Section: uncategorized  Category: uncategorized  Editor de texto
  • 53. Joomla! Para iniciantes. Criando  Usaremos apenas MainMenu• Nomeando site  “Menus” → “Main Menu”• Criando as paginas  Botao “New”• Linkando menu• Limpeza  Escolha “Article”  “Standard Article Layout”
  • 54. Joomla! Para iniciantes. Criando  “Menu Item Parameters”• Nomeando site  “select”• Criando as paginas  Seleciona artigo na popup• Linkando menu• Limpeza  “Save”  Repetir para os proximos quatro artigos
  • 55. Joomla! Para iniciantes. Criando  Limpar modulos• Nomeando site  “Extensions” → “Module• Criando as paginas Manager”• Linkando menu• Limpeza  “Disable”
  • 56. Joomla! Para iniciantes. Criando  Limpar MainMenu• Nomeando site  “Menu” → “MainMenu”• Criando as paginas• Linkando menu  “Unpublish”• Limpeza
  • 57. Joomla! Para iniciantes. Criando  Mudar o template• Nomeando site  “Extensions” → “Plugin• Criando as paginas Manager”• Linkando menu• Limpeza  Seleciona Beez• Templates  “Default”
  • 58. Recursos sobre Joomla!Site oficial: http://www.joomla.orgExtensões: http://extensions.joomla.orgTutoriais: http://www.joomlatutorials.com/Documentação: http://docs.joomla.orgTwitter: http://twitter.com/joomla
  • 59. ContatoTwitter: http://twitter.com/jmmadruga http://twitter.com/djonatanbE-mail: jeronimo.madruga@gmail.com djonatanb@gmail.comSite: http://jmmadruga.com.brTchelinux: www.tchelinux.orgSlides: http://www.slideshare.net/tchelinux
  • 60. Perguntas?Mandem por e-mail!