Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

5.Edicio Continguts

655 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

5.Edicio Continguts

  1. 1. Planta't a Internet! Telejet Garrotxa Professor: Marc Nicolau
  2. 2. <ul><li>WYSIWYG </li></ul><ul><ul><li>“ El que es veu és el que obtens ” </li></ul></ul><ul><li>Per poder crear/editar continguts, cal conéixer bé quines eines utilitzar. </li></ul><ul><ul><li>Editor TinyMCE </li></ul></ul><ul><ul><ul><li>És l’editor que porta incorporat el Joomla 1.5 </li></ul></ul></ul><ul><ul><li>Editor JCE </li></ul></ul><ul><ul><ul><li>Aquest editor cal instal·lar-lo a part </li></ul></ul></ul>
  3. 3. <ul><li>(Ctrl + B) Negreta : posa el text seleccionat amb negreta </li></ul><ul><li>(Ctrl + I) Cursiva : posa el text seleccionat amb cursiva </li></ul><ul><li>(Ctrl + U) Subratllat : subratllat el text seleccionat </li></ul><ul><li>Mostra el text seleccionat tatxat. </li></ul><ul><li>Alineació : esquerra, centrada, dreta, justificada. </li></ul><ul><li>Estils, formats i tipus de lletra. </li></ul><ul><li>Vinyetes i esquema numerat. </li></ul><ul><li>Sagnat </li></ul><ul><li>Desfer / refer </li></ul><ul><li>Crear / eliminar un enllaç </li></ul><ul><li>Àncora: definir un text com una àncora, enllaçable per un enllaç </li></ul>
  4. 4. <ul><li>Inserir una imatge . Obra una finestra per indicar quina imatge es vol inserir. </li></ul><ul><li>Copiar format de text. </li></ul><ul><li>Visualitzar codi HTML </li></ul><ul><li>Cercar </li></ul><ul><li>Cercar / substituir </li></ul><ul><li>Inserir data / hora / emoticona / objecte multimèdia </li></ul><ul><li>Direcció del text: esquerra-dreta / dreta-esquerra </li></ul><ul><li>Inserir nova capa </li></ul><ul><li>Ordenar objecte: davant / darrera </li></ul><ul><li>Color del text </li></ul><ul><li>Inserir línia horitzontal </li></ul><ul><li>Esborrar format </li></ul><ul><li>Mostrar / amagar elements ocults </li></ul>
  5. 5. <ul><li>Mostar text com a subíndex o superíndex </li></ul><ul><li>Inserir símbol </li></ul><ul><li>Inserir línia horitzontal </li></ul><ul><li>Inserir taula </li></ul><ul><li>Modificar propietats de fila / cel·la </li></ul><ul><li>Inserir una fila abans / després / eliminar fila </li></ul><ul><li>Inserir una columna abans / després / eliminar columna </li></ul><ul><li>Dividir / unir cel·les </li></ul><ul><li>Mostrar l’editor a pantalla sencera </li></ul><ul><li>Editar estils CSS </li></ul>
  6. 6. <ul><li>Aquest editor no es troba incorporat per defecte amb Joomla. </li></ul><ul><li>Cal descarregar-lo i instal·lar-lo. </li></ul><ul><li>On descarregar-lo? </li></ul><ul><ul><li>http://extensions.joomla.org </li></ul></ul><ul><li>Com instal·lar-lo? </li></ul><ul><ul><li>Igual que una plantilla: </li></ul></ul><ul><ul><li>Extensions  Instal·la / Desinstal·la </li></ul></ul>
  7. 7. <ul><li>Per fer que sigui l’editor per defecte del portal, cal accedir a la Configuració Global </li></ul><ul><li>Modificar l’opció: Editor WYSIWYG per defecte </li></ul><ul><ul><li>Lloc  Configuració Global </li></ul></ul>
  8. 8. <ul><li>Fer zoom a les imatges </li></ul>
  9. 9. <ul><li>Fer zoom a les imatges </li></ul><ul><ul><li>Cal tenir instal·lada una nova extensió (de tipus plugin) </li></ul></ul><ul><ul><ul><li>JCE MediaBox - Joomla! 1.5 ( http://www.joomlacontenteditor.net/downloads/mediabox/joomla-15/category/joomla-15 ) </li></ul></ul></ul><ul><ul><li>Un cop instal·lat el plugin, cal habilitar-lo: </li></ul></ul><ul><ul><li>Extensions  Gestor de connectors </li></ul></ul>
  10. 10. <ul><li>Fer zoom a les imatges </li></ul><ul><ul><li>Ara ja tenim totes les eines necessàries. </li></ul></ul><ul><ul><li>Com aplicar aplicar l’efecte Zoom a una imatge d’un article? </li></ul></ul><ul><ul><ul><ul><li>Seleccionar la imatge </li></ul></ul></ul></ul><ul><ul><ul><ul><li>A continuació, prémer el botó de creacíó d’enllaç </li></ul></ul></ul></ul>
  11. 11. <ul><li>Fer zoom a les imatges </li></ul><ul><ul><ul><ul><li>A la finestra que apareix, prémer el botó de navegació per les carpetes </li></ul></ul></ul></ul>
  12. 12. <ul><li>Fer zoom a les imatges </li></ul><ul><ul><ul><ul><li>A la nova finestra que apareix, escollir el fitxer que es vol enllaçar (el de la imatge gran) i tot seguir prémer el botó INSERT </li></ul></ul></ul></ul>
  13. 13. <ul><li>Fer zoom a les imatges </li></ul><ul><ul><ul><ul><li>Ara només queda escollir que l’enllaç ha de fer un zoom. Anar a la pestanya ADVANCED i en el desplegable CLASS LIST escollir l’opció JCEPOPUP. </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Quan s’hagi escollit tot, prémer el botó INSERT. </li></ul></ul></ul></ul>
  14. 14.
  15. 15. <ul><li>Permet carregar fitxers multimèdia o documents. </li></ul><ul><ul><li>Lloc  Gestor de suports </li></ul></ul>
  16. 16. <ul><li>Permet mostrar els continguts en forma de miniatura o amb vista detallada. </li></ul><ul><li>Mostra les carpetes que tenen suports multimèdia o documents. </li></ul>
  17. 17. <ul><li>Mostra el continguts de la carpeta seleccionada. </li></ul><ul><li>Es poden crear subcarpetes. </li></ul>
  18. 18. <ul><li>Permet carregar varis fitxers: </li></ul><ul><ul><li>Examina els fitxers : escollir quins fitxers es volen carregar </li></ul></ul><ul><ul><li>Comença a pujar : carrega els fitxers escollits </li></ul></ul><ul><ul><li>Neteja els completats : neteja la llista de fitxers carregats </li></ul></ul>

×