Joomla! para iniciantes - Djonatan Buss, Jerônimo Medina Madruga

3.938 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
3.938
No SlideShare
0
A partir de incorporações
0
Número de incorporações
44
Ações
Compartilhamentos
0
Downloads
200
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Joomla! para iniciantes - Djonatan Buss, Jerônimo Medina Madruga

  1. 1. Joomla! Para iniciantes Tchelinux Pelotas 2010
  2. 2. Joomla! Para iniciantes. <ul><li>Sempre teve vontade de fazer seu site?
  3. 3. Fica na dúvida de qual tecnologia utilizar?
  4. 4. Quer uma abordagem mais profissional do que aquele site que você fazia no Frontpage?
  5. 5. Acha que alterar diversos arquivos para atualizar uma mudança é massante? </li></ul>
  6. 6. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  7. 7. O que é CMS ?
  8. 8. Do que é feito?
  9. 9. Da onde saiu?
  10. 10. Tem exemplo?
  11. 11. Quanto custa?
  12. 12. E Drupal e o Wordpress?
  13. 13. Instala pra mim tio! </li></ul>superjoomla.jpg é uma palavra adaptada foneticamente da palavra &quot;Jumla” na língua Swahili para o Inglês. Jumla significa “tudo junto&quot; ou “como um todo&quot;.
  14. 14. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  15. 15. O que é CMS ?
  16. 16. Do que é feito?
  17. 17. Da onde saiu?
  18. 18. Tem exemplo?
  19. 19. Quanto custa?
  20. 20. E Drupal e o Wordpress?
  21. 21. Instala pra mim tio! </li></ul><ul><li>É um CMS que te ajuda a construir aplicações web.
  22. 22. Fácil de usar
  23. 23. Diversos recursos
  24. 24. Design impressionante
  25. 25. Conteúdo organizado
  26. 26. Aplicação “pesquisável”
  27. 27. Grande comunidade </li></ul>
  28. 28. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  29. 29. O que é CMS ? </li></ul><ul><ul><li>HTML
  30. 30. CSS
  31. 31. CMS </li></ul></ul><ul><li>Do que é feito?
  32. 32. Da onde saiu?
  33. 33. Tem exemplo?
  34. 34. Quanto custa?
  35. 35. E Drupal e o Wordpress?
  36. 36. Instala pra mim tio! </li></ul><ul><li>Content Management System
  37. 37. Texto, fotos, vídeos, documentos e etc..
  38. 38. C onhecimento técnic o </li></ul>
  39. 39. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  40. 40. O que é CMS ? </li></ul><ul><ul><li>HTML
  41. 41. CSS
  42. 42. CMS </li></ul></ul><ul><li>Do que é feito?
  43. 43. Da onde saiu?
  44. 44. Tem exemplo?
  45. 45. Quanto custa?
  46. 46. E Drupal e o Wordpress?
  47. 47. Instala pra mim tio! </li></ul><ul><li>HTML </li></ul><ul><ul><li>Trabalhoso e lento </li></ul></ul>oldstylesite500 oldstylesite500
  48. 48. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  49. 49. O que é CMS ? </li></ul><ul><ul><li>HTML
  50. 50. CSS
  51. 51. CMS </li></ul></ul><ul><li>Do que é feito?
  52. 52. Da onde saiu?
  53. 53. Tem exemplo?
  54. 54. Quanto custa?
  55. 55. E Drupal e o Wordpress?
  56. 56. Instala pra mim tio! </li></ul><ul><li>CSS </li></ul><ul><ul><li>Fácil de formatar
  57. 57. Mais rápido </li></ul></ul>newstylesite500 oldstylesite500
  58. 58. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  59. 59. O que é CMS ? </li></ul><ul><ul><li>HTML
  60. 60. CSS
  61. 61. CMS </li></ul></ul><ul><li>Do que é feito?
  62. 62. Da onde saiu?
  63. 63. Tem exemplo?
  64. 64. Quanto custa?
  65. 65. E Drupal e o Wordpress?
  66. 66. Instala pra mim tio! </li></ul><ul><li>CMS </li></ul><ul><ul><li>Organiza o conteúdo
  67. 67. Não precisa webmaster
  68. 68. Integração com Banco de Dados </li></ul></ul>cmsstylesite500 oldstylesite500
  69. 69. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  70. 70. O que é CMS ?
  71. 71. Do que é feito?
  72. 72. Da onde saiu?
  73. 73. Tem exemplo?
  74. 74. Quanto custa?
  75. 75. E Drupal e o Wordpress?
  76. 76. Instala pra mim tio! </li></ul><ul><li>O joomla é essencialmente PHP e MySQL
  77. 77. Os templates feitos com CSS </li></ul>
  78. 78. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  79. 79. O que é CMS ?
  80. 80. Do que é feito?
  81. 81. Da onde saiu?
  82. 82. Tem exemplo?
  83. 83. Quanto custa?
  84. 84. E Drupal e o Wordpress?
  85. 85. Instala pra mim tio! </li></ul><ul><li>Descendente do Mambo
  86. 86. Criado em 2005
  87. 87. Missão </li></ul><ul><ul><li>Prover uma plataforma flexível para colaboração e publicação digital. </li></ul></ul>mambo_cms.png
  88. 88. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  89. 89. O que é CMS ?
  90. 90. Do que é feito?
  91. 91. Da onde saiu?
  92. 92. Tem exemplo?
  93. 93. Quanto custa?
  94. 94. E Drupal e o Wordpress?
  95. 95. Instala pra mim tio! </li></ul>
  96. 96. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  97. 97. O que é CMS ?
  98. 98. Do que é feito?
  99. 99. Da onde saiu?
  100. 100. Tem exemplo?
  101. 101. Quanto custa?
  102. 102. E Drupal e o Wordpress?
  103. 103. Instala pra mim tio! </li></ul>
  104. 104. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  105. 105. O que é CMS ?
  106. 106. Do que é feito?
  107. 107. Da onde saiu?
  108. 108. Tem exemplo?
  109. 109. Quanto custa?
  110. 110. E Drupal e o Wordpress?
  111. 111. Instala pra mim tio! </li></ul>
  112. 112. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  113. 113. O que é CMS ?
  114. 114. Do que é feito?
  115. 115. Da onde saiu?
  116. 116. Tem exemplo?
  117. 117. Quanto custa?
  118. 118. E Drupal e o Wordpress?
  119. 119. Instala pra mim tio! </li></ul><ul><li>Código aberto GNU/GPL
  120. 120. Comércio de templates </li></ul><ul><ul><li>Existem gratuitos, mas as opções pagas são robustas e profissionais </li></ul></ul><ul><li>Comércio de plugins </li></ul><ul><ul><li>Plugins para inúmeras funcionalidades. </li></ul></ul>
  121. 121. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  122. 122. O que é CMS ?
  123. 123. Do que é feito?
  124. 124. Da onde saiu?
  125. 125. Tem exemplo?
  126. 126. Quanto custa?
  127. 127. E Drupal e o Wordpress?
  128. 128. Instala pra mim tio! </li></ul><ul><li>Principais diferenças </li><ul><li>Drupal
  129. 129. Wordpress
  130. 130. Joomla </li></ul></ul>
  131. 131. Joomla! Para iniciantes. <ul><li>O que é o Joomla! ?
  132. 132. O que é CMS ?
  133. 133. Do que é feito?
  134. 134. Da onde saiu?
  135. 135. Tem exemplo?
  136. 136. Quanto custa?
  137. 137. E Drupal e o Wordpress?
  138. 138. Instala pra mim tio! </li></ul><ul><li>Instalação local
  139. 139. Depende de: </li><ul><li>Apache ou Microsoft IIS
  140. 140. PHP
  141. 141. MySQL </li></ul></ul>
  142. 142. Joomla! Para iniciantes. <ul><li>Instalação local </li></ul><ul><li>www.joomla.org
  143. 143. Download Joomla!
  144. 144. Descompactar na pasta do apache
  145. 145. Criar a base de dados no MySQL
  146. 146. Acessar os arquivos via localhost. </li></ul>
  147. 147. Instalação <ul><li>Download </li></ul>
  148. 148. Instalação <ul><li>Download </li></ul>
  149. 149. Instalação <ul><li>Download </li></ul>
  150. 150. Instalação <ul><li>Instalando </li></ul>
  151. 151. Instalação <ul><li>Instalando </li><ul><li>Browser: localhost/Joomla/ </li></ul></ul>
  152. 152. Instalação <ul><li>Instalando </li></ul>
  153. 153. Instalação <ul><li>Instalando </li></ul>
  154. 154. Instalação <ul><li>Instalando </li></ul>
  155. 155. Instalação <ul><li>Instalando </li></ul>
  156. 156. Instalação <ul><li>Instalando </li></ul>
  157. 157. Instalação <ul><li>Instalando </li></ul>
  158. 158. Instalação <ul><li>Instalando </li></ul>
  159. 159. Instalação <ul><li>Instalando </li></ul>
  160. 160. Joomla! Para iniciantes. <ul>Iniciando <li>Fiz isso ?
  161. 161. Visões
  162. 162. Arquitetura </li></ul><ul><li>Sim você “fez” esse site!
  163. 163. Bem vindos ao TEMPLATE exemplo do Joomla!
  164. 164. Analise, clique e identifique. </li><ul><li>Login form
  165. 165. Enquete
  166. 166. Menus
  167. 167. Banner </li></ul></ul>
  168. 168. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  169. 169. Visões
  170. 170. Arquitetura </li></ul><ul><li>Sem contato com código
  171. 171. Duas visões </li><ul><li>FRONT END
  172. 172. BACK END </li></ul></ul>
  173. 173. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  174. 174. Visões </li><ul><li>FRONT END
  175. 175. BACK END </li></ul><li>Arquitetura </li></ul><ul>FRONT END <li>Ambiente para: </li><ul><li>Visitantes
  176. 176. Editores
  177. 177. Membros em geral </li></ul></ul>
  178. 178. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  179. 179. Visões </li><ul><li>FRONT END
  180. 180. BACK END </li></ul><li>Arquitetura </li></ul><ul>BACK END <li>Ambiente para: </li><ul><li>Projetistas
  181. 181. Designers
  182. 182. Administradores </li></ul></ul>
  183. 183. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  184. 184. Visões
  185. 185. Arquitetura </li></ul><ul>ARQUITETURA <li>Criação e edição do site
  186. 186. Inclui: </li><ul><li>Menus
  187. 187. Conteúdo
  188. 188. Componentes
  189. 189. Extensões </li></ul></ul>
  190. 190. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  191. 191. Visões
  192. 192. Arquitetura </li><ul><li>Menus
  193. 193. Conteúdo
  194. 194. Extensões </li></ul></ul><ul>MENUS <li>Referenciam conteúdo
  195. 195. Compostos por itens
  196. 196. Gerenciados por MODULOS </li></ul>
  197. 197. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  198. 198. Visões
  199. 199. Arquitetura </li><ul><li>Menus
  200. 200. Conteúdo
  201. 201. Extensões </li></ul></ul><ul>MENUS <li>Principais tipos nativos </li><ul><li>MainMenu
  202. 202. TopMenu
  203. 203. UserMenu
  204. 204. OtherMenu </li></ul></ul>
  205. 205. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  206. 206. Visões
  207. 207. Arquitetura </li><ul><li>Menus
  208. 208. Conteúdo
  209. 209. Extensões </li></ul></ul><ul>CONTEÚDO <li>Principal elemento
  210. 210. Armazenado no BD
  211. 211. Dividido em: </li><ul><li>Seções </li><ul><li>Categorias </li></ul></ul></ul><ul><ul><ul><ul><li>Artigos </li></ul></ul></ul></ul>
  212. 212. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  213. 213. Visões
  214. 214. Arquitetura </li><ul><li>Menus
  215. 215. Conteúdo
  216. 216. Extensões </li><ul><li>Componentes
  217. 217. Módulos
  218. 218. Plugins
  219. 219. Linguagem
  220. 220. Templates </li></ul></ul></ul><ul>EXTENSÕES <li>Componentes
  221. 221. Módulos
  222. 222. Plugins
  223. 223. Linguagem
  224. 224. Templates </li></ul>
  225. 225. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  226. 226. Visões
  227. 227. Arquitetura </li><ul><li>Menus
  228. 228. Conteúdo
  229. 229. Extensões </li><ul><li>Componentes
  230. 230. Módulos
  231. 231. Plugins
  232. 232. Linguagem
  233. 233. Templates </li></ul></ul></ul><ul>EXTENSÕES - Componentes <li>Pequenas aplicações que compõe o corpo principal da pagina.
  234. 234. Ex: Contatos, News Feeds, Enquetes, Pesquisa e etc... </li></ul>
  235. 235. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  236. 236. Visões
  237. 237. Arquitetura </li><ul><li>Menus
  238. 238. Conteúdo
  239. 239. Extensões </li><ul><li>Componentes
  240. 240. Módulos
  241. 241. Plugins
  242. 242. Linguagem
  243. 243. Templates </li></ul></ul></ul><ul>EXTENSÕES - Módulos <li>Usados para exibir menus, contador de visitas e etc. que se repetem nas diversas páginas. </li></ul>
  244. 244. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  245. 245. Visões
  246. 246. Arquitetura </li><ul><li>Menus
  247. 247. Conteúdo
  248. 248. Extensões </li><ul><li>Componentes
  249. 249. Módulos
  250. 250. Plugins
  251. 251. Linguagem
  252. 252. Templates </li></ul></ul></ul><ul>EXTENSÕES - Plugins <li>São códigos que executam de acordo com uma necessidade dos recursos utilizados.
  253. 253. Ex: o editor de texto. </li></ul>
  254. 254. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  255. 255. Visões
  256. 256. Arquitetura </li><ul><li>Menus
  257. 257. Conteúdo
  258. 258. Extensões </li><ul><li>Componentes
  259. 259. Módulos
  260. 260. Plugins
  261. 261. Linguagem
  262. 262. Templates </li></ul></ul></ul><ul>EXTENSÕES - Linguagem <li>Alteram a linguagem no front e back end de acordo com a capacidade das extensões </li></ul>
  263. 263. Joomla! Para iniciantes. Iniciando <ul><li>Fiz isso ?
  264. 264. Visões
  265. 265. Arquitetura </li><ul><li>Menus
  266. 266. Conteúdo
  267. 267. Extensões </li><ul><li>Componentes
  268. 268. Módulos
  269. 269. Plugins
  270. 270. Linguagem
  271. 271. Templates </li></ul></ul></ul><ul>EXTENSÕES – Templates <li>A diversão do iniciante
  272. 272. Inclui cores, fontes, posicionamento, design e etc.
  273. 273. Permitem separação entre aparência e conteúdo </li></ul>
  274. 274. Joomla! Para iniciantes. <ul>Criando seu site </ul><ul><li>Definindo nome do site
  275. 275. Criando as paginas
  276. 276. Fazendo link dos menus
  277. 277. Remover funções desnecessárias.
  278. 278. Vamos criar um site sobre abelhas! </li></ul>
  279. 279. Joomla! Para iniciantes. <ul>Criando <li>Nomeando site
  280. 280. Criando as paginas
  281. 281. Linkando menu
  282. 282. Limpeza </li></ul><ul><li>Acesse o back end (/administrator)
  283. 283. Botão “Global Configurations”
  284. 284. Edite “Site Name”
  285. 285. Vamos usar “Webelhas” </li></ul>
  286. 286. Joomla! Para iniciantes. <ul>Criando <li>Nomeando site
  287. 287. Criando as paginas
  288. 288. Linkando menu
  289. 289. Limpeza </li></ul>
  290. 290. Joomla! Para iniciantes. <ul>Criando <li>Nomeando site
  291. 291. Criando as paginas
  292. 292. Linkando menu
  293. 293. Limpeza </li></ul>
  294. 294. Joomla! Para iniciantes. <ul>Criando <li>Nomeando site
  295. 295. Criando as paginas
  296. 296. Linkando menu
  297. 297. Limpeza </li></ul>
  298. 298. Joomla! Para iniciantes. <ul>Criando <li>Nomeando site
  299. 299. Criando as paginas
  300. 300. Linkando menu
  301. 301. Limpeza </li></ul>
  302. 302. Joomla! Para iniciantes. Criando <ul><li>Nomeando site
  303. 303. Criando as paginas
  304. 304. Linkando menu
  305. 305. Limpeza </li></ul><ul><li>Vamos criar quatro paginas </li><ul><li>A vida
  306. 306. Biologia
  307. 307. Defesa
  308. 308. A Rainha </li></ul></ul>
  309. 309. Joomla! Para iniciantes. Criando <ul><li>Nomeando site
  310. 310. Criando as paginas
  311. 311. Linkando menu
  312. 312. Limpeza </li></ul><ul><li>Acesse o back end (/administrator)
  313. 313. Botão “Add New Article”
  314. 314. Title: A vida
  315. 315. Alias: A vida
  316. 316. Section: uncategorized
  317. 317. Category: uncategorized </li><ul><li>Editor de texto </li></ul></ul>
  318. 318. Joomla! Para iniciantes. Criando <ul><li>Nomeando site
  319. 319. Criando as paginas
  320. 320. Linkando menu
  321. 321. Limpeza </li></ul><ul><li>Usaremos apenas MainMenu
  322. 322. “ Menus” -> “Main Menu”
  323. 323. Botao “New”
  324. 324. Escolha “Article”
  325. 325. “ Standard Article Layout” </li></ul>
  326. 326. Joomla! Para iniciantes. Criando <ul><li>Nomeando site
  327. 327. Criando as paginas
  328. 328. Linkando menu
  329. 329. Limpeza </li></ul><ul><li>“ Menu Item Parameters”
  330. 330. “ select”
  331. 331. Seleciona artigo na popup
  332. 332. “ Save” </li><ul><li>Repetir para os proximos quatro artigos </li></ul></ul>
  333. 333. Joomla! Para iniciantes. Criando <ul><li>Nomeando site
  334. 334. Criando as paginas
  335. 335. Linkando menu
  336. 336. Limpeza </li></ul><ul><li>Limpar modulos
  337. 337. “Extensions” -> “Module Manager” </li><ul><li>“Disable” </li></ul></ul>
  338. 338. Joomla! Para iniciantes. Criando <ul><li>Nomeando site
  339. 339. Criando as paginas
  340. 340. Linkando menu
  341. 341. Limpeza </li></ul><ul><li>Limpar MainMenu
  342. 342. “Menu” -> “MainMenu” </li><ul><li>“Unpublish” </li></ul></ul>
  343. 343. Joomla! Para iniciantes. Criando <ul><li>Nomeando site
  344. 344. Criando as paginas
  345. 345. Linkando menu
  346. 346. Limpeza
  347. 347. Templates </li></ul><ul><li>Mudar o template
  348. 348. “Extensions” -> “Plugin Manager”
  349. 349. Seleciona Beez </li><ul><li>“Default” </li></ul></ul>

×