INSTRUCTIVO – SLIDE SHOW CK 1.1 Modulo Slide Show CK

  • View
    221

  • Download
    6

Embed Size (px)

Transcript

  • INSTRUCTIVO SLIDE SHOW CK

    1.1 Modulo Slide Show CK Versin 1.4.7 El modulo slide show CK, es utilizado como diapositiva o rotador de imgenes, normalmente implementado en la zona de banner de la plantilla sea como encabezado del la pagina o como lick a otros artculos desde el home. Ejemplo rotador de imgenes como encabezado de pgina

    Ejemplo rotador de imgenes como link a otras secciones desde home

  • INSTRUCTIVO SLIDE SHOW CK

    6.1.2 Instalacin Slide Show CK Los pasos para la instalcion del modulo son:

    a. Desde el men Extencin, seleecinar la opcin gestor de extencin b. Llamar el modulo mod_slideshowck_1.4.7_j3.zip desde la opcin Seleccionar

    archivo y click en subir archivo

  • INSTRUCTIVO SLIDE SHOW CK

    6.1.3 Configuracion de modulo A continuacin daremos explicacin de cmo configurar el modulo y publicar imgenes desde el modulo.

    a. Desde el men extensin ingresar a gestor de men all aparecer el modulo Slideshow CK

    b. Lo primero que deberemos de configurar es el nombre, la posicin y el estado del modulo desde la pestaa Modulo. A mano derecha podremos configurar la posicin, para el caso de los sitios actualizados de la Universidad Nacional, se sugieren dos posiciones; La posicin Background-top-image es la que se ubica en el encabezado del de las paginas y se extiende al 100% de la plantilla a lo ancho, se sugiere un alto entre 300 y 400 px. La segunda posicin recomendada es coponent-right, esta posicin se ubica al lado derecho de la pantalla y se aplica en la mayora de los casos para el home del sitio.

  • INSTRUCTIVO SLIDE SHOW CK

    Ejemplo de posicin Background-top-image Ejemplo de posicin Component Right

  • INSTRUCTIVO SLIDE SHOW CK

    c. Para configura el lugar donde deseamos que se vea el rotador deberemos ir por la

    pestala asigacion de men, bajo la pestaa de asignacin de men, podremos seleccionar en que parte de la pagina queremos mostrar el rotador en la posicin ya seleccionada.

  • INSTRUCTIVO SLIDE SHOW CK

    d. Para asignar las imgenes que deseamos sean presentadas, deberemos ingresar

    por la pestaa slide manager. Desde esta zona podremos: seleccionar las imgenes desde la pestaa seleccin de imagen, podremos personalizar el tiempo de poblacin de cada imagen bajo la pestaa ms, podremos colocar un ttulo y un texto descriptivo de la imagen, este informacin se ver reflejada en la parte inferior de la imagen con fondo oscuro. Desde esta opcin podremos adems asignar donde queremos direccionar la navegacin al linckear la imagen o si queremos asociar un video podremos colocar la url del recurso y este se ejecutara al darle clck al a la imagen.

  • INSTRUCTIVO SLIDE SHOW CK

    e. Para aplicar los efectos y tamao de la publicacin, deberemos ingresar por la

    pestaa Styles Opcions, desde all podremos personalizar si queremos publicar o no el icono de carga (louder icon), los botnes de navegacin, las imgenes en miniatura (Thumbnails) y el ancho y alto del modulo segn la posicin que hallamos configurado.

  • INSTRUCTIVO SLIDE SHOW CK

    f. Para configuracin de efectos o personalizacin de tiempos de transicin de

    publicaciones, se podr realizar desde la pestaa Effects options, sin embargo se recomienda realizar la publicacin bsica ya presentada, para efectos de velocidad de carga del sitio y simpleza en la administracin.

    1.2 Componente Phoca Gallery.

    Phoca Gallry es modulo desarrollado espeficamente para cms Joomla en lenguaje PHP y permite conectarse con bases de datos MySQL, a continuacin daremos gua para la implementacin y administracin de contenidos mediante el modulo.