guia_De_uso_la_salle

GUIA DE USO

Nueva Plantilla Portal Dinmico Distrito de la Salle Medelln

Barranquilla. 30 de Agosto 2011

www.asesoriasit.com

GUIA DE USO

El Rediseo desarrollado en el Portal del Distrito de la Salle Incluye:1. Nueva Plantilla 2. Mdulos de Publicacin de Noticias 3. Mdulos de Integracin por medio de Tabs 4. Integracin Actividad Grupo de Facebook 5. Compatibilidad con Internet Explorer y todos los navegadores 6. Slider de Imgenes en Jquery (no flash) 7. Scroller de Noticias

Las instrucciones para el uso de la plantilla va de acuerdo con las posiciones de la misma y su distribucin, la cual puede ser dinamizada de acuerdo con lo que se quiera, puede cambiar posiciones de mdulos, tamao de imgenes, etc. Al inicio de este documento se mostrar cmo estn distribuidos todos los mdulos, sus posiciones, funcionalidad y los mdulos que integra.

Cualquier duda. Inquietud solicitud le invitamos a crear su tiquete de soporte en la siguiente direccin: http://soporte.asesoriasit.com

ASESORIAS ITCarrera 36 No 72-105 Piso 2 Tel. 5 3526879 - Cel 3007504699

[email protected] Barranquilla

GUIA DE USO

Distribucin de los mdulos de la Plantilla:

1. Logo 2. Slider de imgenes 3. Noticias Destacadas 4. Tab Principal 5. Tab Ser Lasallista 6. Tab Comunidad Lasallista 7. Ultimas Noticias Scroller 8. Publicaciones Acorden 9. Imgenes Importantes 10. Logos Aliados 11. Pi de Pagina



GUIA DE USO1.

LOGOPosicin: header-a Nombre del Mdulo: Logo Superior NUEVO Tipo: mod_custom Tamao: La imagen tiene un tamao de 151px ancho - 119px alto *i Cmo funciona: Para cambiar esta imagen debe de incluir la nueva imagen de la misma manera como se realiza cuando de crea un artculo Habilitado para mostrar en: Todas las paginas

2.

SLIDER DE IMAGENES

Posicin: header-b Nombre del Mdulo: Animacion Encabezado Tipo: N-System Slideshow Tamao: La imagen tiene un tamao de 720px ancho - 125px alto Cmo funciona: Para incluir ms imgenes en este modulo solo debe subir la imagen dentro de la carpeta IMGENES/ENCABEZADO_NUEVO. Si desea llamar las imgenes desde una carpeta nueva, se debe crear la carpeta de las imgenes dentro del directorio IMGENES, (actualmente est utilizando laASESORIAS ITCarrera 36 No 72-105 Piso 2 Tel. 5 3526879 - Cel 3007504699


GUIA DE USOcarpeta llamada encabezado_nuevo ) y una vez creada subir las imgenes en esta carpeta a travs del Gestor Multimedia. Luego se dirige al mdulo en el Gestor de Mdulo y la primera opcin que aparece a mano derecha es elegir la carpeta de las imgenes a mostrar del listado FOLDER (como se aprecia en la imagen siguiente), luego se configura la duracin de la animacin (si se requiere ms rpido ms lento) y la velocidad de transicin de la misma. Luego se seleccin el orden de aparicin, alfabticamente o aleatorio, y se configura el tamao de las imgenes a mostrar. Importante: SIEMPRE se debe dejar INCLUDE jQUERY en la opcin NO, de lo contrario entra en incompatibilidad con Internet Explorer. Habilitado para mostrar en: Todas las paginas 3.

NOTICIAS DESTACADASPosicin: feature-a Nombre del Mdulo: Publicacion de Noticias Principal Tipo: mod_lofarticlesslideshow Tamao: El tamao del mdulo es 400 ancho x 250 alto, el cual puede ser modificado. El tamao de los thumbnails (imgenes miniaturas) son 50 x 50



GUIA DE USOLa imgenes son ajustadas a un tamao estndar, tomadas de una categora de artculos, en este caso se est utilizando NOTICIAS/NOTICIAS Cmo funciona: Para incluir mas tems nicamente hay que crear un artculo en la categora NOTICIAS/NOTICIAS. Si se quiere cambiar la categora de los artculos a mostrar, por ejemplo NOTICIAS/DESTACADOS, solo debe ir al modulo y seleccionar la categora que se quiere mostrar, Dentro de la configuracin del mdulo se pueden cambiar los efectos de transicin tambin, velocidad, etc. Habilitado para mostrar en: Solo en la pgina de inicio. 4.

TAB PRINCIPALPosicin: feature-b Nombre del Mdulo: Tab Principal Tipo: mod_sptab Tamao: El mdulo tiene un ajuste

automtico al contenido que tiene los mdulos que lo contienen. Cmo funciona: El TAB llama los mdulos que son seleccionados, si se quiere elegir otro mdulo a mostrar o quitar alguno nicamente hay que seleccionar o deshabilitarii. (Observar la siguiente imagen). Se puede configurar un alto del mdulo estndar en la opcin BODY HEIGHT, seleccionando FIXED y colocando en el cuadro de texto que se habilita el tamao del alto que se desea. Este modulo tiene varios estilos a seleccionar pero no es muy aconsejable cambiar pues Internet Explorer 9 es MUY sensible a este tipo de cambios. Si se cambia elASESORIAS ITCarrera 36 No 72-105 Piso 2 Tel. 5 3526879 - Cel 3007504699


GUIA DE USOestilo, (PRESET STYLES) debe verificar que salga sin errores en IE9. Si es factible cambiar el color de fondo (color schemes), tipo de animacin y efecto de transicin sin problema. Habilitado para mostrar en: Solo pgina de inicio 5.

TAB SER LASALLISTAPosicin: maintop-a Nombre del Mdulo: Ser Lasallista Tipo: mod_sptab Tamao: El mdulo tiene un ajuste automtico al contenido que tiene los mdulos que lo contienen. Cmo funciona: El TAB llama los mdulos que son seleccionados, si se quiere elegir otro mdulo a mostrar o quitar alguno nicamente hay que seleccionar o deshabilitar. (Observar la siguiente imagen). Se puede configurar un alto del mdulo



GUIA DE USOestndar en la opcin BODY HEIGHT, seleccionando FIXED y colocando en el cuadro de texto que se habilita el tamao del alto que se desea. Este modulo tiene varios estilos a seleccionar pero no es muy aconsejable cambiar pues Internet Explorer 9 es MUY sensible a este tipo de cambios. Si se cambia el estilo, (PRESET STYLES) debe verificar que salga sin errores en IE9. Si es factible cambiar el color de fondo (color schemes), tipo de animacin y efecto de transicin sin problema. Habilitado para mostrar en: Solo pgina de inicio 6.

TAB COMUNIDAD LASALLISTAPosicin: maintop-b Nombre del Mdulo: Comunidad Lasallista Tipo: mod_sptab Tamao: El mdulo tiene un ajuste automtico al contenido que tiene los mdulos que lo contienen. Cmo funciona: El TAB llama los mdulos que son seleccionados, si se quiere elegir otro mdulo a mostrar o quitar alguno nicamente hay que seleccionar o deshabilitar. (Observar la siguiente imagen). Se puede configurar un alto del mdulo estndar en la opcin BODY HEIGHT, seleccionando FIXED y colocando en el cuadro de texto que se habilita el tamao del alto que se desea. Este



GUIA DE USOmodulo tiene varios estilos a seleccionar pero no es muy aconsejable cambiar pues Internet Explorer 9 es MUY sensible a este tipo de cambios. Si se cambia el estilo, (PRESET STYLES) debe verificar que salga sin errores en IE9. Si es factible cambiar el color de fondo (color schemes), tipo de animacin y efecto de transicin sin problema. MODULOS QUE CONTIENE: o COLEGIOS: Scroller de los artculos que tienen el preview y link de los colegios. o SIGUENOS: Mdulo de streaming de la Pgina de Facebook o ACTIVIDADES: Calendario de Eventos Habilitado para mostrar en: Todas las paginas 7.

ULTIMAS NOTICIAS SCROLLER

Posicin: content-top-a Nombre del Mdulo: ULTIMAS NOTICIAS Tipo: mod_news_pro_gk4



GUIA DE USOTamao: El mdulo tiene un ancho del 100% de ancho y 320 px de alto, se pueden reducir si se desea (BASIC SETTINGS/ Module width Vertical Scroller height). El total de noticias a mostrar es de 10 que se refieren a las ultimas 10 noticias, este nmero se puede reducir si se necesita.(ARTICLE LAYOUT/ ACCORDION NEWS AMOUNT OF NEWS) Cmo funciona: Este modulo llama una categora de artculos, en este caso es NOTICIAS/NOTICIAS el cual puede ser cambiado de ser necesario. Habilitado para mostrar en: Todas las paginas 8.

PUBLICACION ACORDEON

Posicin: content-bottom-a Nombre del Mdulo: PublicacionesASESORIAS ITCarrera 36 No 72-105 Piso 2 Tel. 5 3526879 - Cel 3007504699


GUIA DE USOTipo: jo_slider Tamao: El modulo tiene un tamao 860 px ancho x 300px altoiii, tiene 5 tabs para mostrar el cual puede aumentar o disminuir de acuerdo a como se quiera. Cmo funciona: Para incluir mas tems nicamente hay que crear un artculo en la categora

NOTICIAS/PUBLICACIONES. Si se quiere cambiar la categora de los artculos a mostrar, por ejemplo NOTICIAS/DESTACADOS, solo debe ir al modulo y seleccionar la categora que se quiere mostrar, Dentro de la configuracin del mdulo se pueden cambiar los efectos de transicin tambin, velocidad, etc. Habilitado para mostrar en: Todas las paginas 9.

IMGENES IMPORTANTES

Posicin: mainbottom-a Nombre del Mdulo: Imgenes ImportanmtesASESORIAS ITCarrera 36 No 72-105 Piso 2 Tel. 5 3526879 - Cel 3007504699


GUIA DE USOTipo: mod_custom Tamao: Las imgenes tienen un alto mximo de 170 px Cmo funciona: Estan incluidas dentro de una tabla para mantener su armona se pueden incluir otras imgenes, borrar, editar, etc., de la misma manera como se realiza cuando se crea en un artculo Habilitado para mostrar en: Todas las paginas 10. LOGOS

ALIADOS

Posicin: footer-a Nombre del Mdulo: Logos Tipo: mod_custom Tamao: Las imgenes tienen un alto mximo de 86 px Cmo funciona: Estan incluidas dentro de una tabla para mantener su armona se pueden incluir otras imgenes, borrar, editar, etc., de la misma manera como se realiza cuando se crea en un artculo Habilitado para mostrar en: Todas las paginas



GUIA DE USO

11. PIE

DE PAGINA

Posicin: copyright Nombre del Mdulo: Pie de pagina Tipo: mod_custom Tamao: El tamao del modulo se ajusta al ancho de la plantilla Cmo funciona: Se edita de la misma manera como se hace al editar un articulo a travs del editor de texto. Habilitado para mostrar en: Todas las paginasEsta y todas las imgenes que tienen la plantilla, pueden ser cambiadas de tamao de ser requerido, lo nico importante es tener en cuenta que se debe mantener la armona con los otros mdulos ii En cualquier momento se puede elegir otro mdulo a mostrar dentro del tab o deshabilitar uno que est actualmente incluido iii Este tamao puede ser modificadoi



guia_De_uso_la_salle

Documents

Transcript of guia_De_uso_la_salle