Your SlideShare is downloading. ×
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Curso. Nivel II. Agrega accesorios en Joomla.
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Curso. Nivel II. Agrega accesorios en Joomla.

897

Published on

Como agregar accesorios a un web site desarrollado en joomla. Uso de algunos componentes y modulos.

Como agregar accesorios a un web site desarrollado en joomla. Uso de algunos componentes y modulos.

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

  • Be the first to like this

No Downloads
Views
Total Views
897
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. CONTENIDO PROGRAMATICOAGREGA ACCESORIOS A LA WEBNivel II- 2.1. Que son los componentes y modulos.- 2.2. Instalacion de un Editor de Contenido.- 2.3. Instalacion de una Galeria de Foto y configuración.- 2.4. Instalacion de un Ftp Interno y configuracion.- 2.5. Instalacion de un mostrador de Video y configuración.- 2.6. Instalacion de share a redes sociales. Webmaster: Giovanni Toyo
  • 2. 2. NIVEL II. INSTALANDO ACCESORIOS A TU WEB SITE Que son los Modulos y Componentes.ModulosLos módulos son pequeños bloques de contenido que se pueden mostrar en las posiciones de una página web. Losmenús del sitio se muestran en los módulos. El núcleo de Joomla! incluye 17 módulos independientes que van desde elacceso hasta la búsqueda de imágenes aleatorias. Cada módulo tiene un nombre que comienza mod_ pero cuando semuestra tiene un título. En las descripciones de esta sección, los títulos son los mismos que los nombres.ComponentesLos componentes son las extensiones más grandes que producen el contenido principal de su sitio. Cada componentetiene un o más "vistas" que controlan cómo se muestra el contenido.En el administrador de Joomla! no se encuentranextensiones adicionales como menús, redirecciones y los gestores de extensiones.Los componentes principales de Joomla son:Contenido El componente de contenido (com_content) se utiliza para escribir artículos. Es muy flexible y tiene el mayornúmero de puntos de vista construidos en el. Los artículos se pueden crear y editar desde la parte delantera, por lo queusar este componente para crear contenido de su sitio es más fácil.Contacto El componente del contacto proporciona una forma de presentar los formularios de contacto e informaciónpara su sitio o crear un directorio complejo que puede ser usado para muchos propósitos diferentes.Buscar El componente de búsqueda provee funcionalidades de búsqueda básicas de la información contenida en loscomponentes del núcleo. Muchas extensiones de terceros también se pueden buscar por el componente de búsqueda.Noticias Externas Servidor de noticias (com_newsfeeds) proporciona una forma de organizar y presentar fuentes denoticias. De noticias son una manera de que usted presente la información de otro sitio en su sitio. Por ejemplo, el sitioweb ha joomla.org alimenta numerosos que incorporar una en su sitio. Que uno menús usar para presentar una solafuente, una lista de fuentes en una categoría, o, o una lista de todas las categorías de alimentación.Usuarios La extensión permite a los usuarios de su sitio los visitantes registrarse, iniciar o cerrar sesión, cambiar suscontraseñas y otra información, y recuperar las contraseñas perdidas. En el administrador que le permite crear, bloqueary administrar usuarios y crear grupos de usuarios y niveles de acceso. Tenga en cuenta que algunas de las opiniones delos usuarios no se mostrará si no se ha registrado en el sitio.Enlaces Web (com_weblinks) es un componente que proporciona una forma estructurada de organizar enlaces externospara ser presentadas en un visualmente atractivo, coherente e informativo.Componentes Administrador Todos los componentes se utilizan en el área del administrador de su sitio web. Ademásde los que se muestran aquí, hay componentes en el administrador que no tienen directa muestra parte delantera, peroayudan a dar forma a su sitio. Los más importantes para la mayoría de los usuarios son. o Media Manager o Extensions Manager o Menu Manager o Configuration o Banners Webmaster: Giovanni Toyo
  • 3. Instalacion de un Editor de Contenido.Editor de Contenidos Joomla CKEs una poderosa herramienta, que nos permitirá la edición de textos o la creación, tanto desde el front del sitio, como dela administración. Con esta herramienta puedes crear tablas, inserción de fotos, links, edición del código html delcontenido, etc.Para Instalar1er paso. Dar clic en el boton icono “Gestor de Extensiones” para gestionar las extensiones(Accesorios) que se van a usar en el Web Site.2do paso. Dar clic en el botón Examinar y buscar e instalar los archivos com_joomlack.zip yplg_joomlack.zip ubicada en la carpeta de tu CD Joomla enComponentesYmodulos/EditorDeContenidos/(com_joomlack.zip y plg_joomlack.zip). Dar clic en elBoton “Subir e Instalar” para instalar los componentes en el Web Site. Nota: Los archivos no sedescomprimen y se repite el procedimiento para los dos archivos. 1. Buscar los archivos 2. InstalarArchivos a Instalar:com_joomlack.zipplg_joomlack.zip Webmaster: Giovanni Toyo
  • 4. 3er paso. Asignar el Editor JoomlaCK a los User Administradores, para eso hacemos clic en elmenu Sitio y elegimos la opción Configuración Global. Luego en la pantalla ConfiguraciónGlobal buscamos el campo Editor por defecto y seleccionamos Editor-JoomlaCK. Por último darclic en el Icono Guardar y Cerrar para que se efectuen los cambios. 1 2 3 4 Nuevo editor de contenidosNota Importante: Si deseas que algun usuario específico tenga el editor de contenido JOOMLACK hacer clic en elMenu Usuario y seleccionar la opcion Gestor de Usuario. Elegir el usuario para cambiarle el Editor y dar clic en botonicono Guardar y Cerrar (Ver pasos para Crear Administradores en el manual Nivel I) Instalacion de una Galeria de Fotos. Webmaster: Giovanni Toyo
  • 5. Galeria de Fotos Phoca GalleryPhoca Gallery es un componente de galería completamente integrado en Joomla!, Con soporte para Joomla! 1.5.x.Las características incluyen, pero no están limitados a:- Tres tamaños de imagen: Miniaturas - Imágenes de detalle - Las imágenes originales (imágenes en miniatura y detallesde las imágenes se crean de forma automática de las imágenes originales)Para Instalar1er paso. Dar clic en el Boton Icono “Gestor de Extensiones” para gestionar las extensiones(Accesorios) que se van a usar en el Web Site.2do paso. Dar clic en el botón Examinar y buscar e instalar el archivo com_phocagallery_v3.0.2.zipubicada en la carpeta de tu CD Joomla en ComponentesYmodulos/ GaleriadeFotos/com_phocagallery_v3.0.2.zip. Dar clic en el boton “Subir e Instalar” para instalar el componente enel Web Site. Dar clic en Install. Nota: Los archivos no se descomprimen y se repite el procedimientopara el archivo. 1. Buscar los archivos 2. InstalarArchivos a Instalar:com_phocagallery_v3.0.2.zip Dar clic en instalar Webmaster: Giovanni Toyo
  • 6. 3er paso. Aparecerá un panel de control para administrar nuestra galeria de fotos. Para agregarfotos, primero se debe crear categorias (Títulos) para colocar dentros de ellas las imágenes. Primerovamos a crear la primera categoria. Dar clic en el icono Categories. Hacer clic aqui4to paso. Aparecerá la ventana de Categorias. Hacer clic en Nuevo. Hacer clic aquí5to paso. Dar un nombre de la categoría en el campo Title. Dar clic en Guardar y Cerrar. Nota:Tambien se activa All Registered Users en el campo Access Rights para dar derecho a todos losusuarios que vean las fotos. Dar clic en el boton icono Guardar y Cerrar. Hacer clic aquí Colocar un título a la categoría6to paso. Hacer clic en el menu Images del panel de Phoca Gallery. Webmaster: Giovanni Toyo
  • 7. Hacer clic aqui7mo paso. Hacer clic en el menu Images del panel de Phoca Gallery. Hacer clic aqui8vo paso. Dar un nombre para la foto en el campo Title. Elegir una foto en el campo Filename. Si lafoto no se encuentra en el servidor se puede hacer clic en Examinar para buscarla en tu pc y luegopresionar Start Upload para subir la imagen al servidor. Se selecciona la imagen. Nota: Se debeescoger la categoria donde estará la imagen en el campo Category. Dar clic en el botón iconoGuardar y Cerrar. 1 2 3 4 Webmaster: Giovanni Toyo
  • 8. Stop!!! Para que esta foto se vea en la galeria de fotos en tu página web. Debes primero crear un item (Enlace) delMenu y buscar este componente. Ir al menu Menus y elegir la opcion Menu Principal y dar clic en el Icono Nuevo.1ero. Colocar un nombre al item en el campo Titulo Menu. 2do. Buscar en el campo Tipo Elemento Menu la opciónList Of Categories (Categories View) de Phoca Gallery para activar la galeria de fotos. 3ro. Dar clic en Guardar yCerrar 3 Guardar los cambios 2 1Una mirada desde el FrontEnd Instalación de un Ftp Interno y configuracion. Webmaster: Giovanni Toyo
  • 9. El componente eXtplorerEs un componente de archivos basado en web de gestión de todas sus necesidades. Cuenta con una interfaz deescritorio de aplicaciones, como con un simple arrastrar y soltar, la red y un árbol de directorios y hace un uso intensivode la biblioteca de ExtJS Javascript.Se puede utilizar para acceder y modificar los archivos y directorios en su servidor vía FTP o acceso directo a archivos.Para Instalar1er paso. Dar clic en el Boton Icono “Gestor de Extensiones” para gestionar las extensiones(Accesorios) que se van a usar en el Web Site.2do paso. Dar clic en el botón Examinar y buscar e instalar el archivo com_extplorer_2.1.0RC4.zipubicada en la carpeta de tu CD Joomla en ComponentesYmodulos/ Ftp/com_extplorer_2.1.0RC4.zip.Dar clic en el Boton “Subir e Instalar” para instalar el componente en el Web Site. Nota: Losarchivos no se descomprimen. 1. Buscar los archivos 2. InstalarArchivos a Instalar:com_extplorer_2.1.0RC4.zip Webmaster: Giovanni Toyo
  • 10. 3er paso. Para acceder al componente eXtplorer hacemos clic en el menu Componentes yseleccionas la opción eXtplorer. Aparecerá una ventana donde podemos subir, bajar, eliminar yeditar un archivo de nuestro servidor. Para ejecutar cualquier tipo de cambio, selecionamos cualquierarchivo y damos clic en cualquiera de los iconos EDITAR, ELIMINAR, BAJAR, SUBIR. Subir un archivo al servidor Bajar un achivo al pc Eliminar un articulo Editar Webmaster: Giovanni Toyo
  • 11. Instalación de un mostrador de Video y configuración.Para Instalar1er paso. Dar clic en el Boton Icono “Gestor de Extensiones” para gestionar las extensiones(Accesorios) que se van a usar en el Web Site.2do paso. Dar clic en el botón Examinar y buscar e instalar el archivo mod_simple_video_flash.zip ubicada en la carpetade tu CD del curso ComponentesYmodulos/ PlayerDeVideos/mod_simple_video_flash.zip. Dar clic en el Boton “Subir eInstalar” para instalar el componente en el Web Site. Nota: Los archivos no se descomprimen. 1. Buscar los archivos 2. InstalarArchivos a Instalar:mod_simple_video_flash.zip¿Cómo se usa?3er paso. Activar el plugin en la sección de plugins en Joomla. Ir al Menú Extensiones y seleccionar la opción Gestorde Plugins. En la Ventana Gestor de Plug-in: Plug-ins buscar el plugins YouTube y activarlo. Publicar el publicar Webmaster: Giovanni Toyo
  • 12. Se puede configurar el tamañado en que puede salir los videos. Hacer clic encima del plugins YouTube y cambiar lasdimensiones. Puedes cambiar las dimensiones aqui4to paso.Abra el artículo Joomla, donde desea añadir el vídeo de YouTube. Ir al menú Contenido yseleccionar la opción Gestor de Artículos. Sí es un artículo nuevo hacer clic en Añadir NuevoArtículo.En la posición, en la que le gustaría ver el video, escribir {youtube} video_id {/ youtube}. El ID esel ID de vídeo, que está escrito en la final de la dirección de YouTube, cuando se mira un vídeo deYouTube.Por ejemplo, usted está buscando el siguiente video:http://www.youtube.com/watch?v=aiIJd9yT6oAEl ID de video es: aiIJd9yT6oALo que significa, la cadena en su artículo Joomla tiene que ser así: Ingresar la id de tu video YOUTUBE Webmaster: Giovanni Toyo
  • 13. Stop!!! Para que este articulo se vea en la pantalla principal (FrontEnd). Debes primero crear un item (Enlace) delMenu y buscar este articulo creado. Ir al menu Menus y elegir la opcion Menu Principal y dar clic en el Icono Nuevo.1ero. Colocar un nombre al item en el campo Titulo Menu. 2do. Buscar en el campo Tipo Elemento Menu la opciónArticulo Simple y buscar el archivo creado.3ro. Dar clic en Guardar y Cerrar. 3 Guardar los cambios 2 1Una vista desde la pantalla principal (FrontEnd) Webmaster: Giovanni Toyo
  • 14. Instalacion de un share a redes sociales.El Componente StolkerMuestra los iconos de diversos sitios de redes sociales que están registrados con, por lo que losvisitantes de su sitio tiene una forma fácil de encontrar que en todos los sitios de redes sociales.En la actualidad se maneja Facebook, Flickr, FriendFeed, Jaiku, MySpace, Picasa, Plurk, Pownce,Tumblr, Twitter y YouTube. Estoy abierto a sugerencias para adiciones.Para Instalar1er paso. Dar clic en el Boton Icono “Gestor de Extensiones” para gestionar las extensiones(Accesorios) que se van a usar en el Web Site.2do paso. Dar clic en el botón Examinar y buscar e instalar los archivos mod_stalker.zip ycom_stalker.zip ubicada en la carpeta de tu CD del curso ComponentesYmodulos/RedesSociales/mod_stalker.zip y com_stalker.zip. Dar clic en el Boton “Subir e Instalar” para instalarel componente en el Web Site. Nota: Los archivos no se descomprimen. 1. Buscar los archivos 2. InstalarArchivos a Instalar:mod_stalker.zipcom_stalker.zip Webmaster: Giovanni Toyo
  • 15. 3er paso. Al instalar el componente hacer clic en Install para agregar todas las redes sociales. Instalar Redes sociales por defecto4to paso. Aparecerá el panel de control Stalker: Manage My Links. Hacer clic en menú Social Networks y modificartodos los enlaces de las redes sociales que tendras tu web site con las redes sociales. Para eso activar la casilla de laRed Social y hacer clic en Editar. Si queremos crear otra Red Social hacer clic en boton icono Nuevo. Hacer clic aquí para modificar la dirección de las redes sociales5to paso. Modificamos la direccion de la redes sociales. Por ejemplo. La Red Social de Facebook. Editar la direccion de tu red social6to paso. Activar el modulo Stalker y su posición en el menu Extensiones y Gestor de Modulos. Nota: Se debe abrir el modulo Stalker para ubicarlo en la Posicion 7 y asignar la direccion de las cuentas sociales Webmaster: Giovanni Toyo
  • 16. 7mo paso. Editar las propiedades del Stalker. Nota: Ubicar el modulo en la Posicion 7. En el cuadro OpcionesBásicas colocar todas las direcciones de su cuenta sociales. Si no se coloca alguna referencia no aparecerá el Icono dela redes sociales. Al colocar las referencias de la Red Social hacer clic en el botón icono Guardar y Cerrar. 4 Guardar los cambios1 3 2 Elegir Posicion 7 Agregue sus id de cuentas socialesVista desde la página principal (FrontEnd) Redes Sociales Webmaster: Giovanni Toyo

×