Joomla! para iniciantes

4.257 visualizações

Publicada em

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Joomla! para iniciantes

  1. 1. Joomla! para iniciantesDjonatan BussJerônimo Medina Madruga
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 18. Instalação● Download
  19. 19. Instalação● Download
  20. 20. Instalação● Download
  21. 21. Instalação● Instalando
  22. 22. Instalação● Instalando ● Browser: localhost/Joomla/
  23. 23. Instalação● Instalando
  24. 24. Instalação● Instalando
  25. 25. Instalação● Instalando
  26. 26. Instalação● Instalando
  27. 27. Instalação● Instalando
  28. 28. Instalação● Instalando
  29. 29. Instalação● Instalando
  30. 30. Instalação● Instalando
  31. 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. 32. Joomla! Para iniciantes. Sem contato com código Iniciando Duas visões ● Fiz isso ?  FRONT END ● Visões ● Arquitetura  BACK END
  33. 33. Joomla! Para iniciantes. FRONT END Iniciando Ambiente para: ● Fiz isso ? ● Visões  Visitantes ● FRONT END BACK END Editores ●  ● Arquitetura  Membros em geral
  34. 34. Joomla! Para iniciantes. BACK END Iniciando Ambiente para: ● Fiz isso ? ● Visões  Projetistas ● FRONT END BACK END Designers ●  ● Arquitetura  Administradores
  35. 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. 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. 37. Joomla! Para iniciantes. MENUS Iniciando Principais tipos nativos ● Fiz isso ? ● Visões  MainMenu ● Arquitetura Menus TopMenu ●  ● Conteúdo  UserMenu ● Extensões  OtherMenu
  38. 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. 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. 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. 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. 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. 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. 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. 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. 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. 47. Joomla! Para iniciantes. Criando• Nomeando site• Criando as paginas• Linkando menu• Limpeza
  48. 48. Joomla! Para iniciantes. Criando• Nomeando site• Criando as paginas• Linkando menu• Limpeza
  49. 49. Joomla! Para iniciantes. Criando• Nomeando site• Criando as paginas• Linkando menu• Limpeza
  50. 50. Joomla! Para iniciantes. Criando• Nomeando site• Criando as paginas• Linkando menu• Limpeza
  51. 51. Joomla! Para iniciantes. Criando  Vamos criar quatro• Nomeando site paginas• Criando as paginas  A vida• Linkando menu  Biologia• Limpeza  Defesa  A Rainha
  52. 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. 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. 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. 55. Joomla! Para iniciantes. Criando  Limpar modulos• Nomeando site  “Extensions” → “Module• Criando as paginas Manager”• Linkando menu• Limpeza  “Disable”
  56. 56. Joomla! Para iniciantes. Criando  Limpar MainMenu• Nomeando site  “Menu” → “MainMenu”• Criando as paginas• Linkando menu  “Unpublish”• Limpeza
  57. 57. Joomla! Para iniciantes. Criando  Mudar o template• Nomeando site  “Extensions” → “Plugin• Criando as paginas Manager”• Linkando menu• Limpeza  Seleciona Beez• Templates  “Default”
  58. 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. 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. 60. Perguntas?Mandem por e-mail!

×