IES “Jaume II el just”   Tavernes de la Valldigna The educational framework  www.ieseljust.org  as a resource for the teac...
<ul><li>Índex: </li></ul><ul><li>Introduction </li></ul><ul><li>Joomla! installation </li></ul><ul><li>Creating a web site...
HTML CSS JavaScript What do we need to make a web site? Managing web sites: Joomla! Content management system (CMS) DreamW...
The content management systems. Managing web sites: Joomla! CMS examples
What is Joomla!? <ul><li>A CMS software designed to manage web site in a quick and efficient way. </li></ul><ul><li>Is mod...
Joomla! installation <ul><li>Download de last version from:  www.joomla.org/download.html </li></ul><ul><li>Then unzip it ...
<ul><li>After unzipping the package we will obtain: </li></ul>Managing web sites: Joomla! Joomla! installation
<ul><li>We start the installation: </li></ul><ul><li>And then we follow the steps: </li></ul>Managing web sites: Joomla! J...
Managing web sites: Joomla! Joomla! installation
Managing web sites: Joomla! Joomla! installation
Managing web sites: Joomla! Joomla! installation Without  installing sample data!!!
Managing web sites: Joomla! Joomla! installation The frontend The backend
Managing web sites: Joomla! Install a new template 2 1 3 4
Managing web sites: Joomla! Create sections 1 2 4 5 3
Managing web sites: Joomla! Create categories 3 4 5 1 2
Managing web sites: Joomla! Create articles 4 5 1 3 2
Managing web sites: Joomla! Content structure schema Section 1 Category Category 2 Article 1 Article 2 Article 3 Section 2...
Managing web sites: Joomla! Create a new menu option 4 1 2 3
Managing web sites: Joomla! Create a new menu 4 1 2 3 6 5
Managing web sites: Joomla! The frontend
Managing web sites: Joomla! The frontend users Frontend Backend 1 3 2 4
Managing web sites: Joomla! The login module 1 2 3 4 5 6 7
Managing web sites: Joomla! Create a user menu 4 1 2 3 5 6 5
Managing web sites: Joomla! Create a new user menu option 1 2 3 4 5 6
Managing web sites: Joomla! The frontend The user menu The login form Another menu The main menu
Managing web sites: Joomla! The backend users Frontend Backend 3 1 2 4
Managing web sites: Joomla! Modifying the menu style 1 2 3 4
Managing web sites: Joomla! The new frontend
Managing web sites: Joomla! Using built-in components: Contacts 1 2 3 4 5 6 7
Managing web sites: Joomla! Using built-in components: News feeds 1 2 3 4 5 6 7
Managing web sites: Joomla! Using built-in components: Web links 1 2 3 4 5 6 7
Managing web sites: Joomla! Using built-in components: Polls 1 2
Managing web sites: Joomla! Adding built-in components to the menus 1 2 3 4
Managing web sites: Joomla! Adding a wrapper to the menu 1 2 3
Managing web sites: Joomla! The new frontend
Managing web sites: Joomla! Add a new component: EventList calendar 1 2 3 4
Managing web sites: Joomla! Add a new module: EventList calendar 1 2 3 4 5
Managing web sites: Joomla! The new frontend
Managing web sites: Joomla! Add a new component: Remository 1 3 3 4 2
Managing web sites: Joomla! Remository: Manage containers 1 4 3 5 6
Managing web sites: Joomla! Create a new user menu option: My files 1 2 5 4 6 7 8 3
Managing web sites: Joomla! Install other components / modules <ul><li>Imageshow :  A Joomla! flash image slideshow  for s...
Managing web sites: Joomla! The private site: User login
Managing web sites: Joomla! Akeeba Backup: To backup the entire site http://www.akeebabackup.com/
Managing web sites: Joomla! Akeeba Backup: To backup the entire site
Managing web sites: Joomla! A multilingual content website: Joomlafish extension 1.- Download the extension from  http://w...
Managing web sites: Joomla! A multilingual content website: Joomlafish extension Activating the necessary languages The la...
Managing web sites: Joomla! A multilingual content website: Joomlafish extension The front-end Exercice : Create a catalan...
Managing web sites: Joomla! A multilingual content website: Joomlafish extension Translating the content
Managing web sites: Joomla! A multilingual content website: Joomlafish extension
Managing web sites: Joomla! Other extensions: JCE editor 1.- Download the extension from  http://extensions.joomla.org/ext...
Managing web sites: Joomla! Other extensions: Chat To complete!!! Exercice : Download, install and configure an extension ...
Managing web sites: Joomla! Other extensions: Broadcast and live stream To complete!!! Exercice : Broadcast and live strea...
Upcoming SlideShare
Loading in …5
×

Joomla english for the work group

2,927 views

Published on

The educational framework www.ieseljust.org
as a resource for the teaching-learning process.

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,927
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
117
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Joomla english for the work group

  1. 1. IES “Jaume II el just” Tavernes de la Valldigna The educational framework www.ieseljust.org as a resource for the teaching-learning process.
  2. 2. <ul><li>Índex: </li></ul><ul><li>Introduction </li></ul><ul><li>Joomla! installation </li></ul><ul><li>Creating a web site </li></ul><ul><li>Adding contents to the site </li></ul><ul><li>Managing users and groups </li></ul>Managing web sites: Joomla!
  3. 3. HTML CSS JavaScript What do we need to make a web site? Managing web sites: Joomla! Content management system (CMS) DreamWeaver MySQL Apache PHP
  4. 4. The content management systems. Managing web sites: Joomla! CMS examples
  5. 5. What is Joomla!? <ul><li>A CMS software designed to manage web site in a quick and efficient way. </li></ul><ul><li>Is modular, flexible, powerful and easy to learn. </li></ul><ul><li>Offers a global solution integrating: </li></ul><ul><ul><li>Web editor </li></ul></ul><ul><ul><li>Content management </li></ul></ul><ul><ul><li>User and groups administration </li></ul></ul><ul><li>It is managed through the web </li></ul><ul><li>OS independent </li></ul><ul><li>Free and open source software with GNU license. </li></ul>Managing web sites: Joomla!
  6. 6. Joomla! installation <ul><li>Download de last version from: www.joomla.org/download.html </li></ul><ul><li>Then unzip it into your DocumentRoot folder </li></ul>DocumentRoot Managing web sites: Joomla!
  7. 7. <ul><li>After unzipping the package we will obtain: </li></ul>Managing web sites: Joomla! Joomla! installation
  8. 8. <ul><li>We start the installation: </li></ul><ul><li>And then we follow the steps: </li></ul>Managing web sites: Joomla! Joomla! installation <ul><li>M inimum requirements </li></ul><ul><li>Recomended settings </li></ul>4 2 1 3
  9. 9. Managing web sites: Joomla! Joomla! installation
  10. 10. Managing web sites: Joomla! Joomla! installation
  11. 11. Managing web sites: Joomla! Joomla! installation Without installing sample data!!!
  12. 12. Managing web sites: Joomla! Joomla! installation The frontend The backend
  13. 13. Managing web sites: Joomla! Install a new template 2 1 3 4
  14. 14. Managing web sites: Joomla! Create sections 1 2 4 5 3
  15. 15. Managing web sites: Joomla! Create categories 3 4 5 1 2
  16. 16. Managing web sites: Joomla! Create articles 4 5 1 3 2
  17. 17. Managing web sites: Joomla! Content structure schema Section 1 Category Category 2 Article 1 Article 2 Article 3 Section 2 The site’s content
  18. 18. Managing web sites: Joomla! Create a new menu option 4 1 2 3
  19. 19. Managing web sites: Joomla! Create a new menu 4 1 2 3 6 5
  20. 20. Managing web sites: Joomla! The frontend
  21. 21. Managing web sites: Joomla! The frontend users Frontend Backend 1 3 2 4
  22. 22. Managing web sites: Joomla! The login module 1 2 3 4 5 6 7
  23. 23. Managing web sites: Joomla! Create a user menu 4 1 2 3 5 6 5
  24. 24. Managing web sites: Joomla! Create a new user menu option 1 2 3 4 5 6
  25. 25. Managing web sites: Joomla! The frontend The user menu The login form Another menu The main menu
  26. 26. Managing web sites: Joomla! The backend users Frontend Backend 3 1 2 4
  27. 27. Managing web sites: Joomla! Modifying the menu style 1 2 3 4
  28. 28. Managing web sites: Joomla! The new frontend
  29. 29. Managing web sites: Joomla! Using built-in components: Contacts 1 2 3 4 5 6 7
  30. 30. Managing web sites: Joomla! Using built-in components: News feeds 1 2 3 4 5 6 7
  31. 31. Managing web sites: Joomla! Using built-in components: Web links 1 2 3 4 5 6 7
  32. 32. Managing web sites: Joomla! Using built-in components: Polls 1 2
  33. 33. Managing web sites: Joomla! Adding built-in components to the menus 1 2 3 4
  34. 34. Managing web sites: Joomla! Adding a wrapper to the menu 1 2 3
  35. 35. Managing web sites: Joomla! The new frontend
  36. 36. Managing web sites: Joomla! Add a new component: EventList calendar 1 2 3 4
  37. 37. Managing web sites: Joomla! Add a new module: EventList calendar 1 2 3 4 5
  38. 38. Managing web sites: Joomla! The new frontend
  39. 39. Managing web sites: Joomla! Add a new component: Remository 1 3 3 4 2
  40. 40. Managing web sites: Joomla! Remository: Manage containers 1 4 3 5 6
  41. 41. Managing web sites: Joomla! Create a new user menu option: My files 1 2 5 4 6 7 8 3
  42. 42. Managing web sites: Joomla! Install other components / modules <ul><li>Imageshow : A Joomla! flash image slideshow for showing your images </li></ul>Phoca Gallery : Phoca Gallery is a Joomla! gallery - image gallery. It includes component, modules and plugins and allows users to display images or Youtube videos in many different styles. http://www.phoca.cz/ <ul><li>JoomFish : JoomFish is a solution for your multilingual website </li></ul><ul><li>More components / modules : http://extensions.joomla.org/extensions/ </li></ul>
  43. 43. Managing web sites: Joomla! The private site: User login
  44. 44. Managing web sites: Joomla! Akeeba Backup: To backup the entire site http://www.akeebabackup.com/
  45. 45. Managing web sites: Joomla! Akeeba Backup: To backup the entire site
  46. 46. Managing web sites: Joomla! A multilingual content website: Joomlafish extension 1.- Download the extension from http://www.joomfish.net/ 3.- Install the necessary language packages from: http://extensions.joomla.org/extensions/languages/translations-for-joomla 2.- Install it using the menu: Extensions -> Install/Uninstall
  47. 47. Managing web sites: Joomla! A multilingual content website: Joomlafish extension Activating the necessary languages The language selection module
  48. 48. Managing web sites: Joomla! A multilingual content website: Joomlafish extension The front-end Exercice : Create a catalan / valencian flag. Upload to the apropiate folder in the server And get the next pictures:
  49. 49. Managing web sites: Joomla! A multilingual content website: Joomlafish extension Translating the content
  50. 50. Managing web sites: Joomla! A multilingual content website: Joomlafish extension
  51. 51. Managing web sites: Joomla! Other extensions: JCE editor 1.- Download the extension from http://extensions.joomla.org/extensions/edition/editors/88 2.- Install it using the menu: Extensions -> Install/Uninstall 3.- Activate the editor by default Site->Global configuration-> Site 4.- And use it. Content -> Article manager -> New
  52. 52. Managing web sites: Joomla! Other extensions: Chat To complete!!! Exercice : Download, install and configure an extension to manage chat session betwween the user of the website.
  53. 53. Managing web sites: Joomla! Other extensions: Broadcast and live stream To complete!!! Exercice : Broadcast and live stream your own channel for events, performances, etc including this link inside your webpage. http://www.livestream.com/ => Launch a channel

×